← Back to the journal
MotionDesignUX

Scrollytelling: stories that unfold

How scroll-driven storytelling ties motion to content — through pacing, restraint, and the courage to occasionally stand still.

Scrolling is the most natural gesture on the web. That's exactly why I love scrollytelling so much: it takes something everyone already does and turns it into the rhythm of a story. When it's done well, scrolling doesn't feel like navigation — it feels like turning a page.

Motion belongs to the content

The most common mistake is to start with the animation. I start with the story. Only once I know what needs to be said, and in what order, do I ask which motion supports it. A diagram that builds up layer by layer as you scroll explains itself. A passage of text that slowly reveals an image guides the eye exactly where it should go.

Animation that tells you nothing is decoration. Animation that tells you something is language.

Motion should answer a question the content is raising right now — not one that distracts from it. The moment the effect is louder than the point, I've reached too far.

Rhythm and restraint

A good scroll narrative lives on pacing. It needs quiet stretches where nothing happens, so the moving moments carry weight. I think of it like music: the rests are part of the composition.

Technically, a little discipline keeps me honest:

  • Tie to scroll progress, not to time — that keeps the person in control
  • Be sparing with simultaneous motion — one thing at a time reads more clearly
  • Respect prefers-reduced-motion — the story must work without animation too
  • Stay reversible on scroll-up, so nothing feels broken

In the end, scrollytelling is a matter of attitude for me: I trust that less motion, but the right motion, moves people more. The most elegant projects are the ones where, afterwards, nobody talks about the animation — they talk about what they understood.