Overview
The story
A cinematic, scroll-driven website for an architecture and interior design studio: the visitor walks from the street, through the door and into the house.
One continuous scene. An opening film plays, the first scroll walks the camera to the front door, then the camera moves through the house frame by frame at the speed of the visitor's scroll. Six services slide sideways, the process is told over a studio film, and the story ends back in the living room with a conversation.
What I built
- Scroll-scrubbed frame sequences drawn on canvas
- Device-aware assets: full frames on laptops, lighter ones on phones
- Coarse-to-fine loading so the scene is usable within seconds
- Horizontal services slider driven by vertical scroll
- Smooth scrolling with gentle snapping
- No framework, no build step
5Chapters
1Continuous film-like scene
0Frameworks needed
Built with HTML / CSS / JavaScript / Canvas 2D / Lenis / Vercel