A Luxury Tourbillon, as Film

This is a self-initiated concept piece — a cinematic web design study that treats a luxury tourbillon the way it deserves to be treated: as the subject of a short film, not a product grid. We built it around an invented maison, RAVELLE, and its RV-01: a racing machine for the wrist, skeletonised, machined from grade-5 titanium and forged carbon, presented as a limited run of thirty.

The register is quiet and exact — near-black stage, a single red accent, a display serif against clean sans copy, and the line “A Racing Machine For The Wrist.” The whole site is paced for restraint: motorsport engineering meeting extreme lightness, told slowly, with room to breathe.

RAVELLE is a fictional maison invented for this concept; every name and mark shown is original.

Luxury is unforgiving about two things: fidelity and calm. The detail that sells a watch like this — the skeletonised movement, the machined bridges, the way light moves across titanium — needs a fidelity that real-time polygon 3D can’t reach cheaply. And the motion can’t feel like a tech demo; a single dropped frame or a jerky scroll reads as cheap, which is the opposite of the brand.

So the hard part wasn’t any one effect. It was building a scroll-driven experience that holds photographic fidelity and stays frame-perfect and smooth — especially across a long, pinned section where the watch rotates, the copy moves, and a collection reveals itself, all without colliding.

We chose a frame sequence over real-time 3D on purpose. The centrepiece is a 48-frame scroll-scrubbed turntable: forty-eight photographic renders of the watch rotating, upscaled with Topaz to 1920×1920, drawn to a canvas on a fixed 1920×1080 cover-fit buffer and advanced frame-by-frame as you scroll. The rotation is snapped to whole frames inside a pinned section with a live frame counter, so the watch turns exactly as fast as you do — and every reflection on the case survives, because each frame is a real render, not an approximation.

That pinned section is the standout moment, and it does three things at once. The watch rotates under the scroll. The heading holds long enough to read, then slides off to the left. And a satellite collection reveals itself — three finishes (Forged Carbon, Rose Gold, Blue Titanium) fade and scale in around the spinning hero at staggered scroll points, so the central rotation always stays the focus. Earlier in the page, the collection is introduced as a facing pair: two models ease in from opposite sides toward the centre, each with its own lightbox — tap to enlarge and inspect that exact piece up close.

Pipeline. Vite and vanilla JavaScript; GSAP ScrollTrigger for the choreography over Lenis smooth scroll, which gives the whole experience its glide. The hero runs a looping ping-pong product film behind parallax ghost type; a reservation modal, a scroll-aware nav, and a mobile drawer round out the build. The brand surface is driven from a single constant, so the entire identity is a one-line swap — which is exactly how a concept like this becomes a real client’s site.

The tourbillon site is a WebWork Software concept for a fictional watch brand. It demonstrates a scroll-scrubbed product sequence, a collection presentation and closer inspection of the timepiece through image interactions.

This piece shows control of the things luxury product sites actually depend on: frame-perfect, scroll-scrubbed motion at photographic fidelity; restrained motion design that never tips into gimmick; pinned, multi-layer choreography that stays legible; and per-product inspection through a lightbox. It’s an immersive brand site that feels expensive because it behaves like the object it’s selling.

It suits watchmakers, jewellers, automotive, and any high-end product launch where the detail is the story. The build is real and the brand layer is a single swap away from yours.