Client
- Vrána, Applied AI consultant
Role
- Concept and copy
- Scroll-driven website
- Motion design
- Branding
Category
- Web
Date
- November 2026
A personal website for an AI consultant built like a film reel: every screen is a scene, a red film bar wipes between scenes like in a projector, and the navigation is a technical drawing.
Concept, structure and copy, design of 17 scenes, scroll-driven transitions (wipe through a red bar, flash, canvas grain and vignette), blueprint navigation with active section, mobile version, no framework
/01 Starting point
A consultant with twenty years in digital and AI didn't want another "portfolio" website with a grid of cards.
He wanted a page that behaves like a short film: one idea per screen, no scrolling through walls of text, and the feel of an old film print with grain and flashes between scenes.
/02 Solution
The whole website is one page with seventeen scenes.
Scrolling doesn't move content, it switches scenes; between them a red strip of film passes across the screen and reveals the next scene from left to right. Over everything sits live canvas grain, a vignette and a short flash at every cut. The navigation is a technical drawing with sections Waves, Works, Makes, Types, Shares and Meets, and the active section fills in black. Large bold headlines alternate with handwritten interludes, each project gets its own colour field and a short monospace caption. On mobile the scenes stay, they just restack.
/03 Result
A page people scroll all the way through, because every scroll does something.
No framework, no external scripts, the whole site is a few dozen kilobytes and the transitions run smoothly even on an old laptop. Content lives in a single array of scenes, so a new scene is a few lines.
Results
- 17scenes on a single page
- 0frameworks and external scripts
- 60 fpstransitions on an ordinary laptop
Credits
Team
- Concept, design, development: {{FOUNDER}}
- Copy and content: Vrána
Client
- Vrána, Applied AI consultant
- November 2026