A configurator turns a product with many options into something a visitor can see, turn and change, and leave with a configuration they can act on: a quote request, an order or a saved link.
It is part design, part 3D production, part software. The scene has to look right, the controls have to make sense without instructions, and the options, rules and prices behind it have to be correct.
What we deliver
- Real-time 3D viewer with rotation and zoom
- Material, colour and finish selection
- Option logic with allowed combinations
- Price calculation or quote request where feasible
- Model preparation and web optimisation
- Mobile tuning and still-image fallbacks
- Saved or shareable configurations
- Connection to a CRM, quote workflow or cart
Technology & implementation
We build configurators with Three.js, through React Three Fiber inside a Next.js site, rendering in real time with WebGL. Models are prepared in Blender, exported as glTF or GLB, compressed (for example with Meshopt) and given textures sized for the web. Heavy assets load only when they are needed, such as after a visitor picks a model.
On phones the scene adapts: resolution drops when the frame rate does, effects are simplified, and a still image stands in where WebGL is unavailable or reduced motion is preferred. The aim is a configurator that opens quickly on a mid-range phone, not only on a studio monitor.
Behind the scene sits product data: which options exist, which combinations are allowed, what each one costs. For a small range it can live in the site; for a larger catalogue it comes from a CMS, a product information system or the shop. A finished configuration can go to a quote form, to a CRM by webhook, or into a cart.
How the work runs
Options and rules
The product logic written down first: options, dependencies, prices.
Asset review
Supplied models or CAD checked, and a plan for what has to be rebuilt.
Look development
Materials and lighting tuned against reference photographs of the real product.
Build and test
Controls, logic and integrations, tested on the phones your customers actually use.
Example use
An illustrative scenario, not a description of a completed project.
An automotive detailing business lets customers explore paint protection film finishes and submit a quotation request based on their selected vehicle and configuration.