Beauty / Premium product · Concept
AURELLE — Editorial Product Film
A concept for a premium cosmetics brand: silk, a woman, a jewel, a bloom of crystal petals, then the bottle and the lipstick — one continuous film, scrubbed frame by frame as the page scrolls, ending in a live page. Built to show how a physical product can be introduced without a single static photograph.
A studio concept for a fictional brand. Not commissioned, not deployed; the film and the prototype are the work.
ConceptBeauty / Premium product
AURELLE — Editorial Product Film
A perfume and a lipstick revealed through a cinematic film the visitor drives with the scroll.
- Format
- Scroll-driven film · 57 s
- Footage
- 1080p · 2160p master
- Devices
- Desktop · Mobile
- Status
- Concept · prototype
- Year
- 2026
- Formats
- Scroll Product Story · Custom Interactive Experience
Problem
A beauty product is sold on atmosphere and material: light through glass, the weight of a cap, the colour of a pigment. A catalogue photo flattens all of it, and a video that autoplays at the visitor is ignored.
Idea
Make the film the page. The sequence is generated and edited as one continuous shot; on the page it is tied to scroll position, so the visitor decides how slowly the petals open and when the bottle appears. Chapter titles ride in through masked lines; the last frame hands over to the real interface.
Experience
- Scrub a 57-second product film forwards and backwards with the scroll
- Chapter titles that arrive with each product beat
- A seamless takeover from film to page at the end of the sequence
- Colour-managed footage: the same tone on a phone and a wide display
Result
A working prototype of a scroll-driven product film with a page at the end of it — the format we would build for a real fragrance, skincare or jewellery launch. A concept: there is no AURELLE brand behind it.
Screens
Technology
- Generated footage edited into one continuous sequence, graded in After Effects
- Scroll mapped to video time with a measured catch-up loop (0.39 frame deviation)
- GSAP timelines for chapter changes, SplitText for the titles
- Plain HTML, CSS and JavaScript — no framework, 158 KB of code
