Every website is a story, whether it means to be or not. The question is whether that story is told on purpose. When visitors arrive, they're asking three things in quick succession: what is this, is it for me, and what do I do next? Most sites answer all three at once, in a wall of headings and buttons. The best ones answer them in order.
Scroll is a timeline
Film editors think in beats — moments where something changes. On the web, scroll is your timeline and each section is a beat. Before we design anything, we write a beat sheet: one line per section describing what the visitor should feel and believe by the time they leave it.
If a section doesn't change what the visitor thinks or feels, it's not a scene. It's furniture.
That one rule removes a surprising amount of filler. The ‘our values’ grid nobody reads, the third testimonial carousel, the stock-photo banner — they rarely survive the beat sheet.
Pacing: tension and release
Great stories alternate between tension and release. Dense, information-rich sections need breathing room after them — a full-bleed image, a single sentence, a moment of motion. We literally mark sections as ‘dense’ or ‘air’ and make sure no two dense sections touch.
- Open with a promise, not a feature list.
- Earn every scroll with a reveal — a stat, an image, a turn of phrase.
- Let motion explain relationships, not decorate them.
- End with a clear, single invitation to act.
Motion as narration
Animation is the narrator's voice. Used well, it tells the visitor where to look and how things connect: this number grew, this product unfolds, this chapter ends and the next begins. Used badly, it's noise. Our test is simple — if you can't describe what an animation means in one sentence, it goes.
Design for the scroll and something interesting happens: people stop skimming. They read, because the site has given them a reason to keep going. That's the whole job.
