Motion Design Storyboarding: From Brief to Frames

Storyboarding is the phase of motion design that prevents expensive problems. A thorough storyboard reveals structural issues — pacing problems, unclear transitions, missing content — when fixing them requires changing a drawing, not rebuilding an animation.

I storyboard every motion project that runs more than 10 seconds. For shorter pieces, a thorough style frame set is usually sufficient.

What a Motion Storyboard Captures

A motion storyboard is not a series of finished design frames. It's a rough representation of the visual sequence — sketches, notes, and timing indications that communicate the structure of the piece without investing in production-quality visuals.

The storyboard captures:

Visual sequence: What happens in what order. The key frames that define each significant moment or transition.

Timing indications: Approximate duration for each section, total running time, specific beats or moments that synchronize with audio.

Transition notes: How does the piece move from one state to the next? Cut, dissolve, morph, reveal? The transition between each major frame is as important as the frames themselves.

Content notes: What text or graphic elements are present in each frame, even if they're represented as placeholder blocks rather than finished design.

Rough vs. Refined Storyboards

Early storyboards are rough — stick figures, boxes for text, directional arrows for motion. The point is to get the structure on paper quickly so it can be evaluated and revised without sunk cost.

Refined storyboards — more carefully drawn, closer to the final visual quality — come after the structure is approved. Refined boards are what I present to clients to communicate the planned visual experience before production begins.

Storyboarding With Audio

When the motion piece has a specific audio track, I work to a timed script or audio file while boarding. I mark the frames to specific timecodes, indicate where music beats or dialogue cues align with visual changes, and calculate the pacing of each segment against the audio.

Timing misalignments discovered in storyboarding are easy to fix. Timing misalignments discovered after animation is complete require rebuilding.

Using Animatics

An animatic — a rough animation of the storyboard frames, cut to the actual audio — is the step between storyboard and full production. It tests timing at the actual pace without the investment of finished animation.

For longer or more complex projects, an animatic is essential. The difference between a storyboard and an animatic is the difference between a map and a drive through the territory — things that looked fine on paper reveal themselves as problems at speed.

Presenting the Storyboard

I present storyboards alongside audio when possible. Even if the audio is scratch (a rough recording or placeholder), hearing the piece while looking at the boards dramatically improves the client's ability to evaluate the structure.

A storyboard presentation is also an opportunity to walk through the creative rationale — explaining why the sequence makes the choices it does before the client sees the visual quality of the execution.