Terug naar werk

3D Product Configurator

Forma Living

Een volledig interactieve 3D meubel configurator waarmee kopers hun modulaire bank in real-time samenstellen — rechtstreeks in de browser.

Klant
Forma Living B.V.
Type
3D Configurator
Jaar
2024
Platform
Web (WebGL)
340%
Stijging in online conversie na lancering
8min
Gemiddelde sessieduur in de configurator
120+
Mogelijke stof- en kleurcombinaties

De uitdaging

Forma Living verkocht modulaire banken in een winkel-showroom die bezoekers konden aanraken en voelen. Online was de ervaring vlak: statische productfoto's, hoge retourrates, lage conversie. De opdracht was helder — bouw een digitale showroom die het gevoel van de fysieke ruimte benadert.

Het product bestaat uit tientallen modules in vier maten, drie basisstructuren en een bibliotheek van meer dan dertig stoffen. Iedere combinatie moest correct worden weergegeven, inclusief correcte schaduwen, materiaaldetails en perspectief.

De aanpak

We bouwden de configurator op WebGL met Three.js en een op maat gemaakte PBR material pipeline. Elk meubelonderdeel werd gemodelleerd in Blender en geoptimaliseerd voor real-time rendering — zonder concessies aan de visuele kwaliteit.

De UX is zo ontworpen dat een bezoeker zonder uitleg kan starten: slepen, klikken, bouwen. De volledige samenstelling wordt opgeslagen in een shareable URL zodat configuraties kunnen worden gedeeld met partner of interieurontwerper.

Technologie

Three.js WebGL Blender PBR Materials GLTF / Draco JavaScript CSS Grid Node.js

"Studio Ripple heeft iets gebouwd wat onze eigen developers niet voor mogelijk hielden. De configurator draait soepel op telefoons, tablets en desktop — en het ziet er beter uit dan onze fysieke showroom."

— Directeur Marketing, Forma Living