How to makea product demo video.
Turn one recording of your product into a 60-second demo for your website, in six steps.
What you’ll build
A 60-second landscape demo in four moments: a hook, the problem, three features that lead into each other, and a call to action, all from one recording of your product.
What you’ll use
- A screen recorder, such as the Dranic extension for Chrome
Coming soon to Chrome - Your product, set up the way you want it seen
- An idea for your hook, and where you want viewers to go next
- A video editor. This guide shows Dranic, which runs in Chrome or Edge on a computer
The storyboard
Most good demos follow roughly this shape. Treat the timings as a starting point; your story sets the pace.
- 0–5 sThe hookSomething that makes people want the rest: the result your product gives, a bold line, or its most striking moment.
- 5–12 sThe problemThe slow or painful way people do it today, shown rather than explained where you can.
- 12–52 sThree featuresThree features in the order someone would use them, each one leading into the next.
- 52–60 sThe call to actionOne clear next step, such as trying it free or booking a call, with your brand on screen.
Plan the story
Start with the hook. People decide in the first few seconds whether to keep watching, so open on whatever is most likely to hold them: the result your product gives, a striking moment from the product itself, or one sharp line. It doesn’t have to be text.
Then show, don’t tell. Let the product do the explaining, and use words only to point at what matters on screen. If a line just describes what people can already see, cut it.
Keep the early shots short. Attention is thinnest at the start, so move quickly through the first few moments. Once people are hooked, a feature can take a little longer.
Get your product ready
Set up your product the way you’d want a customer to see it. Real-looking names, numbers and content make it feel alive; an empty screen makes it feel unfinished. Hide anything private.
Then click through the story once without recording, so you know where every click goes.
Record it once
Record your screen while you click through the story. Go slowly and on purpose, and pause for a moment after each click so viewers can see what changed. A pause is easy to cut later; a rushed click is hard to fix.
Cut to the good parts
Cut the loading screens, typos and pauses. Anything people have to wait through is a reason to stop watching.
Then add words only where they help. A few words over a feature tell people where to look, and let anyone watching without sound follow along. The screen should still do most of the work.
Add your hook and call to action
Put your hook at the start of the video and your call to action at the end. This is where the demo becomes yours: your colours, your logo, your type. Anyone who sees it shared should know whose product it is before it ends.
End on one clear next step, such as trying it free or booking a call. One place to go gets more clicks than three. A browser frame around the recording also helps it look finished.
Set the pace and export
Watch it start to finish and trim anything that drags. Attention runs out quickly and every second has to earn its place, so a demo almost always gets better shorter.
Export a landscape MP4 at 1080p or higher, so text on screen stays sharp.
Free to try, no card needed.