A racing steering wheel configurator where the model leads

· 1 min read · three.js, webgl, configurator, e-commerce, launch

A racing steering wheel in 3D with a clean configuration interface, a product configurator built with Three.js

Most product configurators bury the product under menus. This one, for racing steering wheels, was built on a simple rule: the 3D model stays front and center, and the interface stays out of the way.

The steering wheel configurator

How it behaves #

  • You change finishes, accents and details live, and every change lands on the wheel itself, not in a menu that you have to read.
  • Rich lighting and motion effects keep the product feeling premium and kinetic.
  • When the setup feels right, you can save the configuration and buy the product exactly as you designed it. Configuration and commerce are one continuous flow.

Why it is built that way #

A steering wheel is a product with a lot of small decisions, and people care about each of them. The interaction was designed around the wheel, so that the person can see what a choice does at the moment they make it, and the purchase is the natural end of the same screen.

See it #

The configurator is live at custom.gomezsimindustries.com, and the details are on the project page.

Related projects