3D · WebGL

LuminaVera 3D Configurator

A real-time configurator for magnetic track lighting — the client assembles their system in the browser and sees the price as they build it.

Idea: An interactive 3D product instead of manual email quotes.

See it live ↗

Role: Product · 3D · Frontend
Year: 2025
Timeline: 6 седмици
Stack: React · three.js · GLTF / DRACO · Node · Railway

The problem

Magnetic systems sell as parts — track, connectors, fixtures, power. Clients dropped off because they couldn't picture what they were ordering, and the team lost hours on manual quotes.

What we built

A real-time configurator: drag to assemble the track, component compatibility, power validation, live pricing, spec export to cart. Static-list fallback when WebGL is unavailable.

Outcome

6 weeks from brief to production
0 manual configuration quotes
60 fps on a mid-range phone

Want something like this?

Start a project →