All templates

Storyboard Template: 6 Scenes, Every Shot Planned Before You Shoot

A 2×3 storyboard template with 6 scene frames — image placeholder, shot metadata (shot type + duration), and voice-over sticky note in each panel. Ships with a 60-second product-launch video example (Hook → Problem → Solution → Demo → Benefit → CTA). Editable whiteboard — plan videos, ads, explainers, and animations, then share the board with your director, editor, or client.

Use this template

What you get

  • 6 scene frames in a 2×3 grid — labeled with scene pill (Hook / Problem / Solution / Demo / Benefit / CTA)
  • Every panel has a shot description, shot-type · duration meta line, and a voice-over sticky note
  • Pre-filled 60s product launch example — swap the frames for your own commercial, film, or animation storyboard

What this template is for

For directors, marketers, indie filmmakers, and content creators who need to lock down a video before touching the camera or an animation timeline. This storyboard template gives you a 2×3 grid of scene panels — each with an image placeholder for the reference frame, a shot-type · duration meta line, a colored stage badge (Hook / Problem / Solution / Demo / Benefit / CTA), and a sticky note for the voice-over. Open it, replace the images with your own sketches or references, adjust the duration numbers until they sum to your runtime, and share the board link with your director, editor, or client. No signup, no software install.

When to use this template

  • Storyboard a 60-second product launch video with a clear Hook → Problem → Solution → CTA arc.
  • Plan a 15–30-second TikTok or Instagram Reel where every second of screen time has to earn its place.
  • Pre-visualize a 2-minute explainer animation before you spend hours in After Effects or Cavalry.
  • Break a short film or student project into shot-by-shot beats with shot type, duration, and dialogue.
  • Map a UX user-flow storyboard when pitching a new product feature — one panel per screen or interaction.
  • Sketch a Kickstarter or crowdfunding video that has to tell a full story in under 3 minutes.

How to use it

  1. 1Set the runtime target (30 sec, 60 sec, 2 min…) — write it into the subtitle so every shot has a budget.
  2. 2Fill each of the 6 scene panels with a shot description — 1 sentence, camera position + subject + action.
  3. 3Assign shot type and duration to each panel (WIDE / MED / CU / ECU / SCREEN); durations must sum to the runtime.
  4. 4Write the voice-over or dialogue in the yellow sticky note — one line per scene, keep it under ~3 words/sec.
  5. 5Drag a reference sketch or a screenshot into each image placeholder — a rough thumbnail is enough at this stage.
  6. 6Share the board link with your director, editor, or client before shooting; iterate until every scene reads.

Quick example

One scene of a 60s product-launch storyboard

Scene 3 · SOLUTION (cyan badge)
Shot: MED — screen turns on; an infinite canvas unfolds — empty, calm, roomy
Duration: 4s (cumulative: 12s of 60s)
Voice-over: "Meet the infinite whiteboard that keeps up with you."
Transition into Scene 4 · DEMO with a screen-capture cut

Related resources

How it compares to similar tools

Commercial / ad storyboard

For 15s – 90s brand videos, product launches, and platform ads. The 6-panel Hook → Problem → Solution → Demo → Benefit → CTA arc is a direct copy of the industry-standard direct-response structure. Every panel must earn its duration — cut anything that doesn't move the viewer down the funnel.

Film / short film storyboard

For narrative work, student films, and independent shorts. Use the shot-type field for cinematic notation (EWS, WS, MS, MCU, CU, ECU, OTS, POV) and the voice-over sticky for dialogue plus subtext. Ignore the pre-filled 'Hook/CTA' badges — rename them to Act I / Act II / Turn / Climax / Denouement as needed.

Animation storyboard

For 2D/3D animation, motion graphics, and explainer videos. The image placeholder holds a rough thumbnail (keyframe pose); the voice-over note carries timing marks like '0:03 — logo settles'. Because animation is expensive to redo, use this board to lock the beats before opening After Effects, Cavalry, or Blender.

UX / product-flow storyboard

For product managers and designers pitching a new feature. Each panel becomes a user step (Discover → Signup → First value → Retention → Advocacy). The image placeholder holds a wireframe screenshot; the voice-over note becomes the user's inner monologue at that step. Doubles as a design-review artifact.

Common mistakes to avoid

  • Skipping the storyboard because 'I know what I want to shoot'

    You end up on set (or in your NLE) discovering the story doesn't work, and every re-shoot / re-render costs money and time. Fix: even a rough 6-panel storyboard costs 30 minutes and catches structural problems before they become expensive. Directors of feature films storyboard every shot; a TikTok deserves at least a napkin sketch.

  • Durations that don't sum to runtime

    You have 60 seconds of runtime but 6 scenes at 15s each = 90s. Fix: put the target runtime in the subtitle, then add up the shot durations after each edit. If they exceed budget, cut a scene rather than shortening every scene into a blur. The Metadata line on each panel is there precisely for this arithmetic.

  • One shot type for every panel

    Every panel is 'MED' (medium shot). The result is a visually flat video — the viewer's brain tunes out. Fix: alternate wide / medium / close-up across scenes to give the eye rhythm. The comparisons section above lists the standard notation — pick 3–4 different shot types across your 6 panels.

  • Voice-over that reads like copy, not speech

    The voice-over sticky says 'Our revolutionary platform empowers users to unlock synergies.' Nobody speaks like that. Fix: read every voice-over line out loud with a stopwatch. If it takes longer than duration allows, cut words. If it sounds like ad copy, rewrite until it sounds like a friend explaining.

  • No reference art in the image placeholder

    You wrote 'wide shot of two people talking' but drew nothing — when your DP or animator reads it, they invent something different from what you had in mind. Fix: drop in ANY reference — a screengrab from a similar video, a stick-figure sketch, even a Getty stock photo. Reference is a communication tool, not fine art.

  • Never sharing the board with the person who'll shoot / animate

    You storyboard alone, then hand a completed script to the crew — and they push back on infeasible shots after you've already committed. Fix: share the CodePic board link during storyboarding, not after. Your DP can add sticky notes ('this shot needs a jib, adds $400') and you rework in place. That's what a shared board is for.

Frequently asked questions

What's a storyboard template and why do I need one?+

A storyboard template is a pre-formatted grid where each cell holds one scene — a picture (or sketch) of the shot, the shot type, the duration, and the dialogue or voice-over for that moment. It exists because film, animation, and video production get exponentially more expensive as you go — a fix in the storyboard costs 30 seconds; the same fix in editing costs an afternoon; the same fix after shooting costs a re-shoot. Storyboarding is the cheapest place to solve story problems, so professionals never skip it, regardless of the video length.

How many panels should a storyboard have?+

Roughly one panel per shot, not per second. A 15-second TikTok might have 4–6 shots. A 60-second commercial usually 6–10. A 2-minute explainer, 12–20. A short film, one panel per shot regardless of duration. This template gives you 6 panels as a starting point — duplicate a panel to add more, or delete panels for shorter videos. Do not stretch a single panel to cover multiple shots; that defeats the point.

Is this template usable for animation, or only live-action video?+

Both. For animation, the image placeholder holds a rough keyframe pose (or a stick-figure sketch of the pose), the shot-type field records camera moves (pan, zoom, tilt) rather than lens choices, and the voice-over sticky carries frame-accurate timing notes like '0:03 logo settles.' The comparisons section on this page lists shot-type notation for both live-action and animation contexts.

How does this differ from Frame.io, Boords, or Studiobinder?+

Frame.io / Boords / Studiobinder are dedicated storyboarding SaaS with subscription tiers, custom shot-type dropdowns, and export-to-PDF workflows. CodePic is a general-purpose whiteboard — no signup, no monthly fee, and every element (panel size, badge color, sticky note text) is fully editable. Trade-offs: you lose the SaaS-specific extras (auto-generated shot lists, animatic playback), you gain the ability to combine a storyboard with mood boards, moodfilm links, and script excerpts on the same infinite canvas.

Can I export the storyboard as PDF or image to send to a client?+

Yes — CodePic supports exporting the canvas (or a selected region) as PNG. To create a printable one-pager, fit the entire 2×3 grid into your view and export. For a slideshow-style deliverable, export each scene panel separately by selecting one frame at a time. To share the live editable version, use the share link (view-only or with edit access) — recipients open it in a browser with no signup.

Start editing online

Open the template in CodePic, replace the sample nodes, and turn it into your own study board in a few minutes.

See examples: /templates/storyboard/examples

More templates you might like