3D-trouwringconfigurator — fotorealistisch, realtime, direct in de browser.
Deze live demo laat zien wat wij bedoelen met een high-end 3D-productconfigurator: echte WebGL-rendering met studioreflecties, vier edelmetalen, selecteerbare ringprofielen en levendige diamantschittering — vloeiend op desktop en mobiel. Zo bouwen wij configurators voor juweliers, sieradenfabrikanten en veeleisende B2B-producten.
Live demo: configureer hem zelf
Kies metaal, ringprofiel en steenzetting, draai de ring vrij rond en bekijk de schittering in het studiolicht. Om prestatieredenen wordt de 3D-engine pas geladen wanneer je klikt.
Let op: Een pure look-and-feel demo om de renderkwaliteit te illustreren. Een eventuele "indicatieve prijs" zou een schatting aan de clientzijde zijn en is niet bindend — in productie staat de prijslogica (marge, materiaalkosten, dagelijkse metaalprijs) aan de serverzijde. Geen winkelwagentje, geen catalogus, geen gegevensvastlegging.
Wat deze demo technisch laat zien
- Realtime 3D in de browser via WebGL (Three.js / React Three Fiber) — geen plug-in, geen app
- Fysisch gebaseerde edelmetalen: geel-, wit- en roségoud plus platina met correcte reflecties
- Studio-HDRI-belichting voor geloofwaardige softboxreflecties op gepolijst metaal
- Vier parametrische ringprofielen (court, halfrond, vlak, concaaf) — live gegenereerd uit geometrie
- Steenzettingen (solitair en eternity) met diamantschittering en vuur gekoppeld aan de reflectie
- Responsieve layout, touchbediening, toetsenbordfocus en ARIA-rollen
- Ingebed als geïsoleerde Shadow DOM-widget — geen stijlconflicten met de hostpagina
- Prestaties: lazy-load bij klik, rendering pauzeert automatisch wanneer niet in beeld
Van blikvanger naar verkooptool
Een 3D-configurator als deze is meer dan een visueel effect. Goed geïntegreerd wordt het een verkooptool: het vertaalt de keuzes van de klant naar een eenduidige configuratie, valideert toegestane combinaties, genereert prijs en stuklijst, en draagt het resultaat gestructureerd over aan shop, ERP of offerteproces — dezelfde pipeline die wij gebruiken voor onze offerte- en CPQ-automatisering.
Voor de productieversie breiden wij de demokern uit met echte prijs- en geldigheidsregels, een fabrikant-/materiaalcatalogus, gravering, maten, winkelwagentje- of aanvraagoverdracht en een adminbackend voor producten, prijzen en regels. De prijsbepaling draait aan de serverzijde; de browser toont alleen de waarde die de API teruggeeft.
Andere configuratorprojecten
Drag-and-drop hekplanning met automatische materiaallijst, live prijs en directe overdracht naar het winkelwagentje.
Bekijk het project →Configurator in 5 stappen met realtime 3D-preview, materiaallijst en PDF-output.
Bekijk het project →Configurators voor technische producten en CPQ-processen met volledige ERP- en shopintegratie.
Bekijk de aanpak →