Product demo videos: show the thing in under a minute

A good product demo video shows one person doing one real job with your product, from the problem to the finished result, in under a minute. Open on the result, show the three or four steps that get there, and close with a single next action. Use a clean screen, readable text, captions for people watching muted, and a short branded title and end card. Resist the feature tour: viewers remember an outcome, not a menu.

Pick one task, not every feature

Before you open any recording tool, write one sentence: "A [person] uses [product] to [get result] in [short time]." For example: a café owner uses a booking app to fill a cancelled table in two minutes. That sentence is the whole video. Anything that doesn't serve it goes in a different video.

A product demo video structure for 60 seconds

This structure suits a landing page, a launch post or a sales email. The timings are a guide; the order is what matters.

Write a demo video script that fits the screen

Write the script in two columns: what is said and what is shown. Every line of voice should describe something visible at that moment. If you hear yourself explaining something that isn't on screen, cut the line or change the shot.

SAY                                   SHOW
Friday, 7pm. A table of six cancels.  Calendar with a red gap at 7:30
This used to mean an empty table.     Same gap, quiet dining room photo
Open the waitlist.                    Click Waitlist
Pick the gap. Tap Offer.              Select 7:30, click Offer to waitlist
The first guest to accept gets it.    Phone notification, Accept tapped
Table full again. Two minutes.        Calendar, gap filled, timer 1:52
Try it on your own bookings.          End card: tablefull.app

Read it aloud with a timer before recording. If it runs long, cut whole steps rather than speeding up your speech.

Recording a clean demo

1. 1

   Stage realistic demo data

   Fill the product with believable names, numbers and images. Empty states and "Test test 123" make a product look unused.

2. 2

   Tidy and enlarge the screen

   Hide bookmarks and notifications, close other tabs, and zoom the interface to 125% or more so text survives a phone screen.

3. 3

   Record one step per take

   Short takes are easy to redo and trim. Move the pointer slowly and pause briefly after each click.

4. 4

   Record the voice separately if you can

   Reading the script over finished footage gives smoother timing than talking while clicking.

5. 5

   Zoom in where it matters

   Crop or scale in on the button or field being used, so viewers don't hunt across a full desktop.

Screen recording covers permissions, audio and what to share in detail.

Captions, title card and end card

Demos on landing pages usually autoplay muted, and feeds start muted too, so the captions carry the story. Keep each caption to a short line that matches the voice, placed where it won't cover the part of the interface you are showing. Video captions covers style and placement.

Bookend the demo with two designed frames in your brand: a title card that names the outcome, and an end card with one action. They are what makes a screen capture look like a product video rather than a recording, and they're what people see as the poster frame before they press play.

One demo, every placement

A demo usually has to live in several places: the landing page, a launch post, a sales email and short social video. Make the widescreen cut first, then build a vertical cut for social with the screen recording centred on your background, a headline above and captions below. Cropping a widescreen demo to vertical cuts off half the interface.

On a website, compress the file, give the video a poster image and let visitors start it themselves if it has sound. Video background website explains file sizes and formats, and landing page design covers where a demo belongs on the page. For the posts that announce it, see product launch graphics.

Making the demo in Gradiently

With Pro, you can record the screen and your voice in the browser, review the clips, then trim them on Gradiently's timeline, add captions and music, and design the title and end cards on the same Mark so every frame matches. Make the vertical and square versions from the same design in one step, and the Designer can draft the caption lines and post copy in your brand kit's voice.