How to Storyboard a SaaS Homepage Video in 15 Minutes

Storyboarding sounds like a big-production thing — whiteboards, sticky notes, team workshops. For a SaaS homepage video, you need 6 panels and 15 minutes. Here's the speed-run.

Why storyboard at all?

Without a plan, homepage videos become unfocused feature tours. The storyboard forces you to answer: what story does this video tell, and in what order?

A storyboard also prevents the most expensive mistake: creating a full video and realizing the structure doesn't work. Fixing a storyboard takes 2 minutes. Fixing an edited video takes 2 hours.

The 6-panel framework

Every SaaS homepage video fits into 6 panels (30-60 seconds total):

Panel	Content	Duration
1	The world without your product (pain)	3-5s
2	Your product appears (transition)	2-3s
3	Core action #1 (primary value)	8-12s
4	Core action #2 (secondary value)	6-8s
5	The result/output	4-6s
6	End frame (product name + tagline)	3-4s

That's your entire homepage video. Six decisions. Everything else is execution detail.

Step 1: Fill in the panels (5 minutes)

Open any note-taking app. For each panel, write one sentence describing what the viewer sees. Not what they hear, not what they feel — what they see on screen.

Example for a project management tool:

1. A messy email thread with 47 replies about a project status
2. Quick transition — the UI sweeps in from the right
3. User creates a project board, drags tasks into columns
4. Team member gets assigned, notification appears, they respond
5. Dashboard showing project 80% complete, team aligned
6. "[Product Name] — Projects that move." + logo

Don't overthink this. First instinct is usually right for homepage videos — they're about clarity, not creativity.

Step 2: Sketch the shots (5 minutes)

For each panel, decide the shot type. You don't need to draw beautifully — stick figures and boxes are fine. What matters is the framing:

• Full-screen UI: Shows the entire product interface. Good for "wow, this looks clean" moments.
• Cropped detail: Zoomed into a specific feature or interaction. Good for demonstrating how something works.
• Split screen: Before/after or two states side by side. Good for comparison moments.
• Floating device: Product shown in a laptop/phone mockup with space around it. Good for establishing shots.
• Text-over-blur: Blurred product background with text overlay. Good for transitions between sections.

Assign one shot type per panel. Variety is good — don't use full-screen UI for all six.

Step 3: Identify the transitions (3 minutes)

Between each panel, note how you'll get from one to the next:

• Cut: Instant switch. Default for most transitions.
• Morph: Element transforms from panel A into panel B. Use once, for your best moment.
• Zoom: Camera pushes in or pulls out. Good for going from overview to detail.

Three cuts, one morph, one zoom, and one fade is a good mix for a 6-panel video.

Step 4: Write the text overlays (2 minutes)

If your video uses text instead of voiceover (common for homepage videos), write the overlay text for each panel. Rules:

• Maximum 6 words per overlay
• Active voice, present tense ("Create projects in seconds")
• One text per panel — never two text overlays on screen simultaneously

That's it — you have a storyboard

Your 15-minute output: 6 panels with descriptions, shot types, transitions, and text overlays. This is enough to brief a video editor, feed into an animation tool, or create the video yourself with a clear plan.

Don't refine the storyboard further until you've tested it — show the 6 sentences to a colleague and ask if they understand what the product does. If yes, produce it. If no, rewrite panels 3-4 (that's where confusion usually lives).