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:
| Beat | Duration | Purpose |
|---|---|---|
| Hook | 0-3 seconds | Stop the scroll. Create curiosity. |
| Problem | 3-8 seconds | Show the pain your audience feels. |
| Solution | 8-22 seconds | Your product solving the problem. |
| Result | 22-30 seconds | The 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:
- "What does this product do?" — If they can't answer clearly, your solution beat isn't focused enough.
- "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