Brixel Project ← All work
Cinematic one-page

The film moves as you scroll.

Not a video playing in the background. The page holds still and the footage advances frame by frame under your thumb — you control it. It is the technique behind Apple's product pages, built here without a single line of framework code.

These two are demonstrations, not real businesses — the names, prices and addresses are invented.
brixelproyect.com/demos/solene
Preview
Solene Aesthetic clinic

A single-provider med spa in Coral Gables. The camera opens on the bay, drops through the palms, and walks you in past reception — the whole arrival, before a word of copy.

Open the site →
brixelproyect.com/demos/aurelia
Preview
Aurelia Restaurant

A twenty-eight cover room on a cliff. One unbroken shot from four hundred feet up, through the arches, and back out over the water at sundown.

Open the site →

How it is built

01

One continuous shot

Twelve seconds, no cuts. Cuts are what break the illusion — scroll back up through an edit and it reads as a glitch rather than a film.

02

Split into frames

The clip becomes 145 still images, served as WebP. Around 7 MB for the whole sequence — lighter than most image-heavy homepages, and cached for a month after the first visit.

03

Scroll becomes time

A canvas paints whichever frame matches your scroll position, and the copy is pinned to the moment in the footage it belongs to. No video player, no buffering, no autoplay fight with iOS.