CASE STUDY · 2022 · WEB
FUSÉE
Product configurator scene for a French aerospace supplier.
- ROLE
- Frontend
- YEAR
- 2022
- STACK
- React · Three.js · GSAP
PROBLEM
A French aerospace supplier sells a small line of high-precision components to a sales cycle that is 80% paperwork and 20% trust. The trust is built in person, on a workshop floor, holding the part. Their website was a PDF download.
The brief was to build a configurator that did not feel like a configurator — a scene that let a procurement engineer rotate the part, change its variant, and feel the engineering, without the candy-coloured 3D-CAD aesthetic of the category.
APPROACH
Composed the scene in a single fixed camera with parallax-driven micro-rotations. The part never spins on a turntable; it shifts as if you are leaning forward to look at it. That choice alone removed the "video-game configurator" tone.
GLSL shader passes simulated machined surface highlights — the precise way light catches a brushed-aluminium fillet — so the part read as a real object on a real bench, not a marketing render.
Variant switching cross-fades the geometry under the same camera in ~600ms with GSAP timelines. No loading spinner; no scene re-mount; the engineer's hand stays in the same place.
OUTCOME
Configurator shipped on time, replaced the PDF download, and is still the canonical reference page for the line two years later.
A specialist trade publication wrote about the page. The supplier's sales engineers started linking to it from email signatures.
My favourite frontend work to date. Most invisible craft per pixel.
CREDITS
- Frontend, shaders, motion
- João M. Mota
- Industrial design & CAD
- Client studio (NDA)
- Art direction
- Atelier partner (NDA)
ELSEWHERE IN THE ARCHIVE