Ponente
Website · 2026 · Web, Art Direction, Scroll Choreography, Film Edit
Self-initiated studio work, not a client commission. The moving imagery in this demonstration film was generated and composited by the studio.
A villa approached by sea. The whole of it is cut as one continuous scroll-scrubbed film — the daylight cliff approach and the dark threshold corridor belong to the same unbroken shot, scrubbed by the visitor's own scroll rather than divided into pages.
See the live site. Ponente, live at ponente.ateliervivance.com/v2
What you see
Ponente shows one evening in one continuous shot, carried from 19:42 to 20:14 by a timecode in the corner of the frame. The timecode advances with your scroll rather than on its own — stop reading and the hour stops with you.
- The threshold It opens already on the terrace. A concrete roof slab runs out overhead; beneath it a lime-plaster wall and tall dark glass. One olive stands against the sun and a still pool holds the whole of it upside down. Scrolling walks the camera forward over the stone until the olive swings right and the sun comes clear of it onto the water.
- Orientation The frame pulls back to the west elevation, seen side on: the flat roof plane, the glass wall, and the old dry-stone terraces stepping down below it toward a hazy sea.
- The fabric The arrival court, close. A bronze door stands ajar in the plaster with olive-leaf shadow raking across it and gravel underfoot. Five numbered notes are drawn over the moving plate on leader lines, each one touching the thing it names.
- The measure Inside, in the west room. The camera glides toward the open glass wall while the sun sits on the horizon and lays a path of light straight into the room. The furniture reads as silhouette against it, and five figures count up along the foot of the frame.
- The descent Out again and lower. A stone stair with a thin metal handrail is cut down through the rock, past palm and scrub, the light gone to ember. At the bottom the camera is level with the water: the cliff face in shadow, the sun burning a path across it, an altimeter counting the three levels down beside it.
- The hour The terrace and the pool again — the opening composition, later. The sun is on the horizon, the sky above it has gone blue, and the house and the olive lie mirrored in water that has not moved.
- Offered privately Night. The house is dark and one window is lit, throwing a long shaft across the terrace stone. The pool is black. The name of the piece stands ghosted across the whole frame.
The problem
Property marketing defaults to a gallery: a stack of still plates, or video that plays whether or not anyone is watching. A first-time viewer shown this build cold said it read as “pictures one after another” — the whole failure in five words. A house on a cliff is not a catalogue. It is an approach, and an approach is something you make, not something played at you.
How this was made
Every moving background in Ponente is a scroll-scrubbed frame sequence drawn to a canvas, the surface a browser paints pictures onto. The camera walks forward as you scroll, holds when you stop, and reverses when you go back. The one exception is the closing shot, which plays once you have arrived — everything before it moves only because you do. Frames load only within reach of the viewport, the part of the page on screen, and are released behind you — one decoded frame is about four megabytes, and five loaded scenes would cost over a gigabyte of memory.
The visitor sets the pace of their own arrival, so dwelling is possible and the piece is built to reward it. It ships as flat static files with no server, six runtime dependencies, and a build that fails outright if the JavaScript passes 205 kB. What is for sale is not the look — it is that the look is held to a budget somebody actually checks.
Engineering
- Chapters
- 7
- Desktop scrub frames
- 520
- Enforced JS ceiling
- 205 kB
- Runtime dependencies
- 6
In plain words: a chapter is one continuous scene of the film. A scrub frame is one still image the scroll can land on, so 520 of them is how finely you can move the picture. The JavaScript ceiling is a hard limit on how much code the page may download — the build refuses to finish if it is passed. A runtime dependency is an outside library the finished page still needs in order to run.
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.
- Luxury real estate websites A villa, residence or development presented as one continuous approach.
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.
- Cinq Terres Five worlds for a single fragrance, held on one unbroken timeline.