How to Storyboard a Commercial: A Step-by-Step Guide

Every commercial you can quote from memory was won on paper long before a camera rolled. Knowing how to storyboard a commercial is how you get there: you turn a loose brief into a frame-by-frame plan a client can approve and a crew can shoot without guessing. Do it well and you save a fortune in shoot days, reshoots, and "that's not what I pictured" meetings.

This guide walks through the ad-specific structure, the exact steps, what goes in every panel, and the tips that keep a shoot on schedule.

What a commercial storyboard actually does

A storyboard is a shot-by-shot comic strip of your ad: one panel per shot, each with an image plus the notes needed to film it. For commercials specifically, it does three jobs at once.

It sells the idea internally. A marketing director who has never read a storyboard should be able to look at yours and say "yes, that's the ad." It aligns the crew, so the director, DP, and editor all shoot toward the same frames. And it de-risks the money, because a 30-second spot has almost no room for waste — every second has to earn its place.

That's the difference from narrative film. A commercial storyboard prizes clarity over artistry. If you're weighing formats, our guide on shot list vs storyboard explains when you need each.

Start with the ad's structure, not the shots

Before you draw a single frame, decide what story the ad tells. Almost every effective spot follows a version of the classic AIDA) arc — attention, interest, desire, action. In practical commercial terms:

• Hook — grab attention in the first 3 seconds with a problem, a question, or a striking image.
• Problem — show the pain your audience feels, emotionally, not clinically.
• Solution — reveal the product as the answer, in use, benefit-first.
• Proof — erase doubt with a result, a demo, or a reason to believe.
• Call to action — tell them exactly what to do next.

Map those beats to your runtime first. A 15-second spot might give one panel to each beat; a 60-second brand film can breathe. Knowing your beats before you storyboard an ad keeps you from falling in love with a beautiful shot that doesn't move the sale forward.

How to storyboard a commercial, step by step

With the structure locked, build the board itself.

1. Lock the script and voiceover. Commercial storyboards start from the script, not the visuals. Write the voiceover and on-screen copy first so each panel has words to illustrate.

2. Break the script into shots. Turn each line or beat into one shot. This is your shot list — the spine of the board. Our step-by-step storyboard guide covers this breakdown in depth.

3. Sketch or source a frame for each shot. You don't need to draw well. Stick figures, phone photos, stock stills, or AI-generated frames all work, as long as the image communicates the idea.

4. Add the shot information. Under each panel, note shot type, camera movement, action, audio, and any on-screen text (more on this below).

5. Show the motion. Use arrows to indicate camera moves and character action so a static frame reads as a moving shot. Our guide on showing camera movement in a storyboard shows the standard arrow conventions.

6. Review against the brief. Walk the board end to end. Does the hook land in three seconds? Is the product hero shot unmistakable? Is the CTA the last thing on screen?

7. Share and collect feedback. Send it to the client and crew before the shoot, not after. Cheap changes happen on the board; expensive ones happen on set.

What to put in every panel

A panel that only shows a picture isn't finished. Each one should carry the same fields so the board reads consistently:

• Shot number — for referencing on set.
• Shot type — wide, medium, close-up, or insert. If shot language is new to you, see our camera shot types guide.
• Camera movement — pan, tilt, push-in, static.
• Action — what happens in the frame.
• Audio — voiceover line, dialogue, key sound, or music cue.
• On-screen text — supers, price, offer, or logo timing.
• Duration — roughly how many seconds the shot runs.

That duration column matters more in ads than anywhere else. Add your shot times and they should equal your spot length — if they don't, you're cutting something on set.

Advertising storyboard template and format

You don't need special software to start; a simple advertising storyboard template is a grid of frames with a notes area under each. A few format rules keep it clean:

• Match the delivery ratio. Use 16:9 panels for TV and YouTube, or 9:16 for a vertical social spot. Deciding? See our aspect ratio guide.
• Limit panels per page. Three to six frames per page keeps the board readable — cluttered pages get skimmed. For how many total, read how many panels a storyboard should have.
• Keep one shot per panel. If a panel needs two descriptions, it's two shots.

Here's a quick commercial storyboard example for a coffee brand's 15-second spot: Panel 1, close-up of a tired face at a desk (hook). Panel 2, medium of the empty mug (problem). Panel 3, push-in as the product is poured (solution). Panel 4, wide of the same person, energized and smiling (proof). Panel 5, logo and "Brew better mornings" super with the website (CTA). Five panels, five beats, fifteen seconds.

TV commercial storyboard tips that save the shoot

A few TV commercial storyboard tips separate a board that helps from one that just looks nice.

• Front-load the hook. Viewers decide in seconds. Give your strongest frame the first panel.
• Make the product the hero. At least one panel should show the product clearly, in context, doing its job.
• End on the CTA, always. The last frame is the one people remember — make it the offer, the brand, and the next step.
• Design for sound-off. Many viewers watch muted, so make sure the story reads visually even without the voiceover.
• Note the legal supers. Disclaimers and pricing have to appear on screen; storyboard them so they're not an afterthought.
• Keep it simple. Ads reward clarity over cleverness. If a frame needs a paragraph to explain, simplify the shot.

Storyboard your commercial faster with AI

The slowest part of storyboarding an ad has always been getting a decent image into every panel. That's where storyboarding with AI changes the workflow — you can describe a shot and get a usable frame in seconds, then keep your product and cast consistent from panel to panel.

Scriptly takes it a step further: you chat with an AI director to design your characters and locations, plan the spot scene by scene, and generate a short video clip for each shot — so your storyboard doesn't just sit on the page, it becomes a moving preview with voiceover, captions, and music. It's the fastest way to go from brief to something a client can actually watch.

Ready to plan your next spot frame by frame? Start building your commercial with Scriptly and turn your storyboard into a finished ad.