If you want to know how to storyboard a 30 second video ad, the short answer is: block it out in six beats (hook, problem, product, benefit, proof, call to action), give each beat a rough time range, and sketch what's on screen and what's being said before you touch a camera or an editing tool. A 30-second ad only has room for one idea and one offer, so the storyboard's job is to stop you from cramming in more than the format can hold.
Why a 30-second ad needs a different storyboard than a longer video
A 2-minute brand video can afford a slow build. A 30-second paid-social ad cannot. At 30 seconds, every beat is competing with scroll speed, autoplay, and sound-off viewing. The storyboard isn't a creative nicety here — it's the only tool that forces you to decide, before production, what gets cut when the clock runs out.
Think of the storyboard as a budget. You have roughly 30 units of time to spend. A feature list, three testimonials, and a long outro will not fit. A hook, one problem, one benefit, one proof point, and one clear offer will.
The 6-beat structure for a 30-second video ad
Most 30-second ads that perform well follow a version of this structure. You can compress or merge beats, but skipping one usually shows up as a confusing or flat ad.
- Hook (0-3s) — a visual or line strong enough to stop a scroll, with no dependence on sound.
- Problem (3-8s) — name the frustration your audience already feels in their own words.
- Product (8-14s) — show the product doing the thing, not just sitting on a table.
- Benefit (14-20s) — the outcome, stated plainly: what changes for the viewer.
- Proof (20-25s) — a result, a before/after, a review line, or a visual demonstration.
- Call to action (25-30s) — one action, one offer, repeated in text and voice.
This is also the backbone we use when we explain how to storyboard a video ad quickly for any length — a 30-second ad is just the tightest version of it.
Step-by-step: how to storyboard a 30 second video ad
Step 1: Write the one-sentence promise first
Before drawing a single box, write one sentence: "After watching this, the viewer should believe ___." For a vitamin gummy brand, that might be "these gummies fit into a routine you'll actually keep." Everything in the storyboard has to serve that sentence. If a shot doesn't support it, cut it now, not in the edit bay.
Step 2: Draw eight boxes, not twenty
Grab paper, a whiteboard, or a slide deck and draw a grid of 6 to 8 boxes. Each box is one beat or one shot change. More than 8 boxes for a 30-second ad usually means shots will be under 2 seconds each — too fast to register, especially for a product demo or a proof point that needs a beat to land.
Step 3: Assign a time range to every box
Under each box, write a start and end time: 0-3s, 3-7s, 7-12s, and so on. This single habit is what separates a storyboard that produces a tight ad from one that produces a 45-second cut you'll have to hack down later. If a beat needs more than 6-7 seconds to make sense, it probably belongs in a longer-format video, not this one.
Step 4: Sketch the visual, not just the idea
For each box, sketch (even roughly) what's physically on screen: product in hand, text overlay, before/after split, a face reacting. "Show the benefit" is not a storyboard frame. "Hand squeezes serum onto palm, cut to clear skin close-up, text overlay: 'in 2 weeks'" is.
Step 5: Write the line that goes with each frame
Under the sketch, add the exact words — voiceover line, on-screen caption, or both. Keep each line short enough to read in the time allotted to that box. A rough rule to test: about 2-3 spoken words per second, so a 4-second box holds roughly 8-12 words comfortably.
Step 6: Mark the sound-off path separately
Many viewers will see this ad with sound off. Go back through your boxes and ask: does this still make sense with captions only and no audio? If the hook relies entirely on a voiceover line landing at the right moment, add a bold text overlay as a backup. Ads built to work on mute tend to hold attention longer regardless of sound setting.
Step 7: Pressure-test the CTA box
The last 5 seconds carry the offer. Write the CTA text exactly as it will appear on screen, not as a placeholder like "insert offer here." If there's a promo code or limited-time detail, decide now whether it's spoken, shown as text, or both — fixing this after filming is expensive.
A copyable 30-second storyboard template
Use this as a starting grid. Adjust the exact seconds per beat based on how much proof or demonstration your product needs.
| Beat | Time range | On-screen visual | Line / caption |
|---|---|---|---|
| Hook | 0:00-0:03 | Bold claim or surprising visual, close-up | "Still doing this the hard way?" |
| Problem | 0:03-0:08 | Relatable frustration, quick cuts | "Most [product category] take 20 minutes and still don't work." |
| Product | 0:08-0:14 | Product in use, clear and well-lit | "This one does it in under 2." |
| Benefit | 0:14-0:20 | Face or result reacting positively | "No mess. No wait. Just done." |
| Proof | 0:20-0:25 | Before/after, review line, or demo result | "Rated [X] by people who tried it." |
| CTA | 0:25-0:30 | Logo, offer text, button mockup | "Get yours today — link below." |
Common storyboard mistakes that sink 30-second ads
- Too many beats. Eight is already tight. Twelve means every idea gets under two seconds and nothing lands.
- No time ranges. A storyboard without timing is just a mood board. You'll discover the pacing problem in the edit, when it's expensive to fix.
- Hook depends on sound. If the first three seconds only work with audio, you lose viewers watching on mute.
- CTA is an afterthought. Teams spend 25 seconds on the story and 5 seconds guessing at the offer. Write the CTA box first if that helps.
- One storyboard, no hook variants. The hook is the single highest-leverage 3 seconds in the ad. Sketch two or three alternate hook boxes before you commit to one.
Storyboarding for 30 seconds vs. other common ad lengths
If you're also producing a shorter cut, the beat count — not just the pacing — needs to shrink. A 15-second ad usually can't fit a separate proof beat; it has to live inside the benefit line. We cover that compression in how to write a script for a 15-second ad. If you're taking an existing long-form video down to ad length instead of starting from a blank storyboard, see how to shorten a long video ad for shorts.
Turning the storyboard into a finished ad
A storyboard is only useful if it actually gets produced the way you planned it — same beats, same timing, same CTA. This is where a lot of ads drift: the storyboard says 6 beats in 30 seconds, and the finished edit somehow runs 45 seconds with a mumbled CTA at the end.
FrameNotion is built around the same 6-beat logic described above. You paste a product or website link, and FrameNotion AI reads the page and writes a custom 30-second vertical ad from scratch — hook, problem, benefit, proof, offer, and call to action — rather than dropping your product into a generic template. You can add your logo, up to six product images, and notes like a promo code, and choose on-screen copy in any of 18 languages. Every ad renders at 1080×1920 with an AI voiceover, a beat-matched music track, sound effects, and word-by-word captions, built to work on mute as well as with sound on — in about 10 to 20 minutes.
If you'd rather see finished examples of the beat structure in action before storyboarding your own, the example ads show the hook-to-CTA pacing end to end. And if you want to understand the full workflow first, how FrameNotion works walks through each step. Once you have an ad, text and color changes can be requested without starting over, and every ad also exports as 4:5, 1:1, and 16:9 — useful if you're adapting the same storyboard across platforms, a topic covered in how to create vertical video ads for multiple platforms.
The first ad is free on sign-up, with paid plans starting from €39/month on the pricing page for teams that need more than one ad a month.
Frequently asked questions
How many shots should a 30-second ad storyboard have?+
Aim for 6 to 8 beats or shot changes. That gives each idea roughly 3-5 seconds on screen, enough time to register without feeling rushed. More than 10 shots usually means the cuts are too fast to land.
Should I storyboard before or after writing the script?+
Do them together, box by box. Write the line for each frame as you sketch the visual, so you catch mismatches early — like a line that takes 6 seconds to say inside a 3-second box.
Do I need to draw the storyboard by hand?+
No. A simple grid in a slide deck or spreadsheet with a sketch, a timing range, and a line of copy per box works fine. The structure matters more than the drawing quality.
What's the biggest difference between storyboarding for TikTok versus a traditional ad?+
Design the storyboard to work with the sound off from the first frame, and keep the hook visual-first rather than voiceover-first. Captions and on-screen text should carry the message even if no audio plays.
Can a storyboard built for one product length be reused for a shorter cut?+
Partially. The hook and CTA boxes usually transfer directly; the problem, benefit, and proof beats typically need to be merged or cut when moving from 30 seconds down to 15.