Jewellery Designer — Interactive 3D Configurator
A browser-based 3D jewellery configurator with live model switching, metal and gemstone presets, finish controls, HDRI lighting, and real-time interaction.
Try the working jewellery configurator
Instead of rebuilding the configurator again inside this site, this case study opens the existing public deployment in place. The layout expands smoothly to make room for the live app while keeping the surrounding Mr. BT Studio framing and context.
The preview loads the existing public deployment inside this case study, so the page keeps the Mr. BT Studio framing while the working configurator opens in place.
Overview
Jewellery Designer is a real-time 3D customizer for rings, necklaces, earrings, bracelets, and similar products, letting users explore variants directly in the browser instead of relying only on static renders.
What is working today
The live build already supports switching between jewellery types, adjusting metal and gemstone presets, changing finish options, orbiting the camera, and previewing the result under different lighting conditions.
System design
The experience combines a Three.js scene, React-based controls, configurable model-loading logic, material preset management, HDRI environment lighting, and post-processing to create a polished luxury presentation.
Why it matters
For premium products, interactive 3D helps buyers inspect details, compare finishes, and build confidence before inquiry or purchase while also giving brands a reusable web sales tool.