← ALL WORK

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

More stations