Cinq Terres
Website · 2026 · Web, Art Direction, Scroll Choreography
Self-initiated studio work, not a client commission. The moving imagery in this demonstration film was generated and composited by the studio.
Five worlds for a single fragrance, held on one unbroken timeline. The forest and the glacier are two stops on the same continuous journey rather than five separate pages, so a change of world is something the visitor scrolls through instead of something they navigate to.
See the live site. Cinq Terres, live at cinq-terres.ateliervivance.com
What you see
Cinq Terres shows five worlds on one unbroken take, and the five worlds are five hours of one day. Each prints its own hour on screen — first light, mid-morning, golden hour, dusk, astronomical night — and the fifth returns to the first, so there is no end of the film to fall off.
- Glacier, at first light A blue-lit iceberg stands on a still black lagoon under low cloud, dark hills behind it in mist, and clear blocks of ice are scattered across a black volcanic beach in the foreground.
- Canopy, at mid-morning Old-growth conifer forest. A deeply furrowed trunk fills one side of the frame; mist and shafts of light stand between the trunks further in, and moss covers the fallen logs and boulders on the floor.
- Dune, at golden hour One dune crest runs corner to corner across the whole frame, a single lit face against a single face in deep shadow, with sand smoking off the ridge line and further dunes fading back into haze.
- Tide, at dusk A round glass flacon stands on wet sand. The sea is sheeted thin across the beach and mirrors the whole sky, so the bottle stands on its own reflection with the low sun laid out beside it.
- Meridian, at astronomical night The Milky Way arches over a dark ridge and a still lake holds all of it, with a stony shore and tussock grass close under the camera.
- The crossings between them A world does not cut to the next one. The camera pushes into a foreground object — at dusk, the flacon itself — and comes out the other side already somewhere else, under a line of its own: meltwater, sap turns to amber, dry sand then wet, a grain becomes a star, a star becomes the ice. Four of the five are a passage through an object. The desert is not, and we do not call it one.
The problem
Five fragrances is normally five pages, or one page with five cards and a transition between them. This build spent most of its life as exactly that, and the log names why it failed: “Five cards with effects between them is a slideshow.” A slideshow tells the visitor the five things are separate, which for a collection is the one thing they must not believe.
How this was made
So the continuity had to be the product rather than an effect laid over the seams. The site is one film of ten chained segments, scrubbed by scroll, with the fifth returning to the first. Every clip was generated with its first and last frame locked to the same still, so each join is the same file twice — guaranteed by construction, not hidden under a dissolve that only holds at the speed it was authored for.
A visitor scrolls through a change of world instead of navigating to one, and there is no end of the page to bounce off. A damped spring between scroll and frame lets the image settle rather than snap, and as it slows it resolves onto a single frame — so what you look at when you stop is one clean image, not two ghosted together. Four of the five passages meet the crossing law we wrote for them. The fifth is an honest travelling shot, and we say so.
Engineering
- Scrub-addressable frames
- 848
- Chained film segments
- 10
- Total frame payload
- 73.7 MB
- Median frame time
- 16.7 ms
In plain words: a scrub-addressable frame is one still image the scroll can stop on, so 848 of them is how finely the film can be moved. A chained segment is one clip joined to the next on the same first and last frame, which is what removes the seam. The frame payload is the total weight of all those images. Median frame time is how long the browser takes to draw one frame: 16.7 ms is a sixtieth of a second, and holding that is the difference between something that reads as film and something that reads as a slideshow.
Who made this
Atelier Vivance, spelled V-I-V-A-N-C-E, is a cinematic web studio in Lahore, Punjab, Pakistan, founded and directed by Fasih Ud Din Mazhar. It is not connected to any similarly named business elsewhere.
Fasih Ud Din Mazhar directs every build here. The registration, how a build is reviewed and the rest of the plain facts are set out on the studio page.
Write to the director. fasih@ateliervivance.com
WhatsApp +92 307 578 9282
Services this build demonstrates
The service pages below describe what Atelier Vivance offers, and this build is the demonstration each of them points to.
- 3D and immersive websites Sites a visitor moves through by scrolling, held on one continuous timeline.
- Premium e-commerce websites Cinematic storefront and product experiences; checkout scoped per project.
Other work
Atelier Vivance has one other demonstration build, and it has a case study of its own written the same way as this one.
- Ponente A villa approached by sea, cut as one continuous scroll-scrubbed film.