← All posts
Strategy & Storytelling·5 min read·

The Perfect Structure for a 30-Second Product Demo

A proven framework for 30-second product videos: hook, problem, solution, result. With exact timing per section and examples of what to cut.

Thirty seconds is not a limitation — it's a discipline. The best product videos in the world are 30 seconds or less. Here's the exact structure that works.

The framework: Hook → Problem → Solution → Result

Every 30-second product demo follows the same four beats:

BeatDurationPurpose
Hook0-3 secondsStop the scroll. Create curiosity.
Problem3-8 secondsShow the pain your audience feels.
Solution8-22 secondsYour product solving the problem.
Result22-30 secondsThe outcome + implicit CTA.

Beat 1: The hook (0-3 seconds)

You have 3 seconds before someone scrolls past or clicks away. The hook must create a gap between what the viewer knows and what they want to know.

Effective hooks for product videos:

  • The surprising stat: "Teams spend 6 hours/week on status updates."
  • The contrast: Show the ugly "before" state immediately (messy spreadsheet, cluttered inbox, manual process)
  • The question: "What if your reports wrote themselves?"
  • The visual disruption: Start with an unexpected visual — speed, color, or motion that breaks the pattern of the feed

What doesn't work: logos, company names, "Hi, welcome to..." — anything that requires the viewer to already care about you.

Beat 2: The problem (3-8 seconds)

Show — don't describe — the pain. Five seconds of watching someone struggle with the status quo is more persuasive than any amount of text about "challenges."

Examples:

  • A screen recording of someone tabbing between 5 apps to complete one task (sped up 3x)
  • A notification counter climbing
  • A loading spinner that viewers feel in their gut

Keep it under 5 seconds. The problem exists to make the solution feel satisfying — it's not the main content.

Beat 3: The solution (8-22 seconds)

This is your product doing its thing. The bulk of your 30 seconds lives here. Rules:

  • Show one complete flow. Input → process → output. Not three half-finished features.
  • Remove all waiting. No loading states, no processing time, no "saving..." Cut directly from action to result.
  • Use transitions for speed. Quick cuts between steps (not real-time navigation). The viewer should feel like your product is effortlessly fast.
  • Highlight the moment of magic. What's the one interaction where the viewer thinks "oh, that's clever"? That moment gets an extra beat — a slight pause, a zoom, a sound effect.

Beat 4: The result (22-30 seconds)

Show the completed outcome. The report is generated. The design is exported. The team is notified. This gives the viewer a concrete picture of what they'd get by using your product.

End with one of:

  • Your product name/logo (2 seconds max)
  • A single line of text: what the product does ("Reporting, automated.")
  • Nothing — just the satisfying final state of the product. Let the result speak.

Do NOT end with: a pricing page, a long URL, a QR code, or a "click the link in bio" CTA. The video should make people curious enough to Google you.

What to cut

In 30 seconds, you cannot show:

  • Setup or configuration
  • Login/signup flows
  • More than one primary use case
  • Settings or preferences
  • Edge cases or advanced features
  • Narration that restates what's visible on screen

Every frame must either build the problem, demonstrate the solution, or show the result. Anything else is waste.

Testing your 30-second demo

Show it to someone unfamiliar with your product. Ask two questions:

  1. "What does this product do?" — If they can't answer clearly, your solution beat isn't focused enough.
  2. "Would you want to try it?" — If not, your hook/problem didn't resonate.

If both answers are positive, ship it.

Create polished product animations in minutes

No keyframes. No After Effects. No motion design experience required.

Try mmotion free