Back to blog

How to Make a Product Demo Video: A 7-Step Guide

Nov 10, 2026

How to make a product demo video people finish watching: pick one flow, write a 60-second script, record it cleanly, add zoom and captions, and publish it.

What should it show?

A good product demo video shows one person doing one job in your product, from start to finish, in about a minute. It opens with the result, zooms in on every click, has captions for people watching on mute, and ends with one next step.

This guide walks through the whole process: deciding what the video is for, writing the script, recording, editing and publishing. Each step works whether you record it yourself or let an AI demo video generator do it.

1. Decide what the video is for

The job of the video sets its length and its structure. Pick one before you write anything.

UseLengthStructure
Landing page60–90 secondsResult → one core flow → proof → call to action
Sales follow-upUnder 3 minutesPain → today's workaround → your flow → outcome → a call
OnboardingUnder 2 minutes per videoGoal → 5–8 steps → the finished state
Launch or Product Hunt30–90 secondsHook → problem → the product working → call to action
Social clip (9:16, 1:1)15–30 secondsThe result in the first 1–2 seconds, then one flow

If you're not sure, make the landing page version first. It's the one most visitors will see, and the shorter clips can be cut from it.

2. Pick one flow, not a feature tour

The most common mistake is showing every menu. Viewers don't remember a list of features; they remember someone getting something done.

Choose the single task that best shows why people pay for your product, for example "create a project and invite a teammate" or "turn a CSV into a dashboard." Then pick the two or three moments in that task that matter and skip the rest: page loads, opening menus and filling in fields nobody cares about.

3. Write the script for listening

Write the narration before you record, so the recording follows the story and not the other way round.

  • Open with the outcome. The first 3–5 seconds say what the viewer gets, not who you are. Put your logo at the end.
  • Use "you." "You drop in your CSV and the dashboard builds itself" beats "The user can upload data."
  • Follow every feature with its benefit. After each thing you show, add one short line on what it does for the viewer.
  • Keep sentences short. People hear them once, at the speed you speak.
  • Mind the word count. 60 seconds of narration is about 100–150 words. If the script is longer, cut a step; don't speed up the voice.

A 60-second structure that works:

  1. 0–5 s, hook: the result, or the pain it removes.
  2. 5–45 s, the flow: the two or three key moments of the task.
  3. 45–55 s, proof: the finished result, a number, or a customer quote.
  4. 55–60 s, call to action: one specific next step, such as "Make your first dashboard free."

4. Prepare the product

What's on screen counts as much as what you say.

  • Use a test account with realistic sample data. Empty states look broken, and real customer data must never appear.
  • Clean the browser. Hide bookmarks, extensions and notifications, and close other tabs.
  • Pick one window size and stick to it. 1920×1080 at 100% zoom is a safe default for a 16:9 video.
  • Check the copy on screen. Placeholder text, test names and typos are much more visible on video.

5. Record

You have two ways to get the footage.

Record it yourself with a screen recorder such as Screen Studio, Loom or Tella. Rehearse the flow a few times first, move the mouse slowly and pause for a second after each click so the edit has room to breathe. Expect several takes.

Let an AI agent record it. An agent can open your product in a cloud browser, follow the flow you describe and record each step, so you don't record anything. This is what Demo Tool AI does: you paste the URL and say what to show, and it plans the steps, writes the narration and records the flow. If the product needs a login, you give it a test account.

Either way, record the real product. Mock-ups and animated screenshots are easy to spot and make people trust the demo less.

6. Edit: zoom, cursor, captions, sound

The edit is where a screen recording becomes a demo video.

  • Zoom in on the action. Every click and every field being typed should be framed close enough to read on a phone. Hold each zoom for about two seconds, merge clicks that are close together and zoom back out when nothing is happening.
  • Smooth the cursor. A jittery pointer is distracting. Smooth its path and add a small ripple on clicks.
  • Burn in captions. Many people watch with the sound off, especially on social feeds and in public. Keep each caption line under about 42 characters and no more than two lines on screen.
  • Level the sound. Music should sit well under the voice, and the whole video should be loud enough to compete with everything else people watch. Around −14 LUFS overall, with peaks below −1 dB, matches what YouTube and most social apps play at.
  • Cut dead time. Loading spinners and waiting can go. Nobody misses them.

7. Export and publish

  • Export a 16:9 MP4 at 1080p for your site, YouTube and sales emails.
  • Make vertical (9:16) and square (1:1) versions for social. Reframe them around the action instead of cropping the middle of the 16:9 video, and keep text away from the top and bottom of the frame, where the app's buttons sit.
  • Put the video near the top of your landing page, with a poster frame that already shows the product.
  • Add the transcript under the video or in a help article. It helps search engines and anyone who'd rather read.

Checklist

  • One job, one flow, from start to finish
  • The result is shown or said in the first 5 seconds
  • Narration within about 100–150 words per minute of video
  • Test account with realistic sample data, no real customer data
  • Every click readable on a phone screen
  • Captions burned in
  • Logo at the end, not the start
  • One call to action

Examples worth studying

  • Linear for Agents (33 s): calm camera, no voiceover, big text on screen.
  • Vercel v0 (48 s): the result appears in the first seconds.
  • Cursor 2.0 (about 1 minute): one workflow, shown in the real product.
  • Notion 3.0 Agents (1:30): a longer launch video that still follows one story.
  • Devin (1:50): shows an error being fixed, which makes the demo more believable.

Skip the recording

If you'd rather not record and edit by hand, paste your product's URL in the box at the top of this page. Demo Tool AI runs the steps in this guide for you: it records the flow in a cloud browser, writes and voices the script, and adds the zoom, captions and music. Your first video is free.