How to Storyboard a Video: Step-by-Step Guide

Updated November 2026 · 8 min read · By the Moov Studio team

A storyboard is where a video stops being an idea and starts being a plan. It's the cheapest place to make changes: moving a sketch takes seconds, while re-animating a scene takes days.

We storyboard every project at Moov before a single frame is animated. Here's exactly how to do it, what to include, and the mistakes we see most often.

What Is a Video Storyboard?

A storyboard is a sequence of sketches (or images) that shows, frame by frame, how your video will unfold. Each panel represents a key moment from the script and shows what's on screen, how the camera or elements move, and what's being said at that moment.

Think of it as a comic-book version of your video. It doesn't need to be beautiful. Stick figures are fine. What matters is that everyone (you, your team, the client, the animator) can see the same video before it's made.

Why Storyboarding Matters

• It saves money. Changes during storyboarding are cheap. Changes during animation are expensive.
• It aligns everyone. Clients, writers, designers and animators all react to the same visual plan instead of imagining different videos.
• It exposes problems early. Scenes that don't fit the timing, transitions that don't work, or a message that's unclear all show up on paper first.
• It makes the script better. Seeing words next to pictures often reveals lines that can be cut because the visual already says it.

Types of Storyboards

1. Thumbnail storyboard. Quick, rough sketches to get the flow down. Perfect for the first pass.
2. Framed storyboard. Sketches drawn inside the real aspect ratio (16:9, 9:16 or 1:1), so composition is accurate. Essential if the video will run in several formats.
3. Photo storyboard. Uses photos or screenshots instead of drawings. Useful for live action, or for software demos with real UI.
4. Animatic. The storyboard frames timed to a rough voiceover and music. This is the best way to test pacing before animation begins, and we strongly recommend it for any explainer over 60 seconds.

The Basic Story Structure to Storyboard

Most marketing and explainer videos follow the same four beats. Storyboard each one:

1. Opener (hook): grab attention in the first three to five seconds with a striking visual or a relatable situation.
2. Problem: show the viewer's pain point so they think "that's me."
3. Solution: introduce your product or service and show how it solves the problem.
4. Call to action: a clear final frame showing your brand, your website and one next step.

What to Include in Every Storyboard Frame

1. Frame number. Number every frame so feedback is easy: "change frame 7."
2. The visual. What's on screen: characters, objects, background.
3. Voiceover or dialogue. The exact script line that plays during this frame.
4. On-screen text. What text appears, roughly where, and how big. Remember, much of your audience watches on mute.
5. Motion and camera notes. Zoom in, pan left, the logo pops in, a transition to the next frame.
6. Sound notes. Music changes, key sound effects.
7. Timing. Roughly how many seconds this frame lasts.

Composition Tips That Make Frames Work

• One focal point per frame. Decide what the viewer should look at first, then make it the biggest, brightest or most central element.
• Rule of thirds. Place key elements along a 3×3 grid rather than dead center, for a more dynamic composition.
• Foreground, midground, background. Layering adds depth, even in flat 2D.
• Shapes carry emotion. Round shapes feel friendly and safe, sharp angles feel serious or urgent, and diagonal lines feel like action.
• Leave safe zones. If the video will also run vertically, keep text and key action away from the edges of the frame.

How to Storyboard a Video, Step by Step

1. Define the goal. What should viewers know, feel and do after watching? Write it in one sentence.
2. Lock the script first. Storyboarding an unfinished script means drawing everything twice. (Need help? Read our script writing tips.)
3. Gather references. Collect visual styles, transitions and metaphors you like. Mood boards save hours of back-and-forth.
4. Break the script into moments. Usually one frame per sentence or idea, with two or three frames for important moments.
5. Sketch roughly first. Get every frame down quickly, then refine. Don't polish frame 1 while frame 20 doesn't exist yet.
6. Add notes. Voiceover, text, motion, sound and timing for each frame.
7. Review, then build an animatic. Read the script out loud while flipping through frames. If something feels slow or rushed, fix it now.

Common Storyboarding Mistakes

• Overcomplicated shots. Ambitious camera moves look great on paper but can blow up timelines and budgets. Keep them for the moments that matter.
• Ignoring timing. Ten frames for a five-second line means the animation will feel rushed. Match frames to the voiceover.
• Inconsistency. Characters that change colors, or props that appear and disappear between frames, become continuity errors in animation.
• Forgetting the audience. A metaphor that's obvious to your team might confuse your customers. Test it on someone outside the project.

Free and Paid Storyboard Tools

You can storyboard on paper, but these tools speed things up: Boords, StoryboardThat, Milanote, Canva, and Figma for UI-heavy explainers. For animatics, After Effects or even Premiere with still frames works well.

Don't want to storyboard it yourself? Script, storyboard and animatic are included in every Moov explainer project. See what's included on our pricing page.

Frequently Asked Questions

What should a video storyboard include? Each frame should show the visual, the voiceover or dialogue, any on-screen text, notes on motion or camera, sound cues, and roughly how long the frame lasts.

How many frames does a storyboard need? For a 60-second explainer, typically 15 to 30 frames: about one per sentence, plus extra frames for key moments and transitions.

Do I need drawing skills to make a storyboard? No. Stick figures, simple shapes or photos are fine. A storyboard is a planning tool, not finished artwork.

What's the difference between a storyboard and an animatic? A storyboard is a series of still frames. An animatic times those frames to a rough voiceover and music, so you can test pacing before animation begins.

Should the script be finished before storyboarding? Yes. Lock the script first. Storyboarding an unfinished script usually means redrawing large parts of it.

Let Us Plan It With You

At Moov Studio, storyboarding is where we and our clients shape the video together, before any expensive animation work begins. You'll see every scene and approve it before we animate.

See our pricing for explainer packages, or browse our work to see how storyboards turn into finished animation.

Have a project in mind? Tell us about it and we'll get back to you with a quote.