How to Make a Product Demo Video: A Step-by-Step Playbook

A practical playbook for product demo videos: pick one job, write the script, set up your Mac, record, polish and export. With a sample script and a checklist.

Smooth Recorder Team

9 min read

Share

Key takeaways

  • Give each demo one job and one audience: a landing-page teaser, an onboarding walkthrough and a sales follow-up are three different videos.
  • Keep it as short as the job allows, and show the product within the first five seconds.
  • Script it as hook, promise, two or three key moments, result and one call to action, then read it aloud with a timer.
  • Record on a clean Mac: Do Not Disturb on, Dock and menu bar hidden, a demo browser profile and believable sample data.
  • Polish with restraint, export an MP4 at 1080p (60 fps if the cursor moves a lot) and cut a 9:16 version for social.
On this page

To make a product demo video, give it one job and one viewer, write a short script around the moment your product solves their problem, record it on a clean screen, then polish it with a few zooms, captions and tight cuts. Keep it as short as the job allows: often under a minute for one feature, and a minute or two for a product overview. This playbook walks through every step, with an example script and a checklist, and it works with any screen recorder.

Step 1: Pick one job and one audience

Weak demos try to do everything at once: introduce the company, tour every screen and teach setup. Decide the one thing this video has to do, and for whom. The same product needs different videos in different places.

Where it livesIts jobWho's watchingAim for
Landing pageMake visitors want to try itCurious, not convinced30 seconds to 2 minutes
Onboarding or help centerTeach one taskA new user mid-task1–3 minutes per task
Sales follow-upAnswer one buyer's questionsSomeone comparing options2–5 minutes
App StoreShow the app in useSomeone browsing the store15–30 seconds
SocialStop the scroll with one ideaScrolling, often muted15–60 seconds

Then write a one-line brief and keep it in view while you work: "This video shows [who] how to [do what], so they [take this next step]."

Step 2: Decide how long it should be

There's no magic number, so reason from the viewer instead.

  • A homepage visitor didn't ask for a lesson. Get to the product fast and stop before their interest does.
  • Someone who clicked "Watch the demo" on a pricing page wants detail. A few minutes is fine if every part answers a question they have.
  • A new user in onboarding wants to finish a task. One task per video beats one long tour.

Two rules hold everywhere: show the product within the first five seconds, and cut anything that doesn't serve the job. If the script still runs long, split it into a short series rather than talking faster.

Step 3: Write the script

This structure works for almost any demo:

  1. Hook: the problem, in your viewer's words. One or two sentences.
  2. Promise: what they're about to see.
  3. Show: two or three key moments, each one action and its result.
  4. Result: what they have now that they didn't before.
  5. Call to action: one next step that fits the page the video sits on.

Write for the ear: short sentences, everyday words, and no feature names the viewer hasn't met yet. Describe outcomes rather than clicks; "Reminders go out on their own" beats "Toggle the Schedule switch." Then read it aloud with a timer, because that's the real length.

Example: a 60-second demo for a landing page

Here's a script for an imaginary invoicing app. Each line pairs what you say with what's on screen, so the recording matches the words.

TimeVoiceoverOn screen
0:00"Chasing late invoices shouldn't eat your Friday afternoon."Dashboard with three overdue invoices
0:05"Here's how to get paid on time without writing a single reminder."Cursor moves to New Invoice
0:10"Pick a template, add your hours, and it's ready to send."Template picker, then line items; zoom on the total
0:25"Turn on reminders once, and they go out for you."Reminder settings; zoom on the switch
0:40"When your client pays, the invoice marks itself paid."Status changes to Paid; zoom back out
0:50"Start a free trial and send your first invoice today."End card with the web address

Step 4: Set up your Mac before you record

Five minutes of setup saves a lot of editing later.

  1. Turn on Do Not Disturb. Click Control Center in the menu bar, click Focus and choose Do Not Disturb. Quit chat and email apps too.
  2. Hide the Dock. Press ⌥⌘D, or turn on System Settings > Desktop & Dock > Automatically hide and show the Dock.
  3. Hide the menu bar, or keep it out of frame. In System Settings > Menu Bar (System Settings > Control Center on macOS Sequoia), set Automatically hide and show the menu bar to Always. Simpler still: record a window or an area instead of the whole screen.
  4. Clear menu bar extras. On macOS Tahoe and later, switch off the items you don't need in System Settings > Menu Bar. On any version, hold ⌘ and drag a system icon out of the menu bar to remove it.
  5. Clean the desktop. Use a plain wallpaper, and move files into a folder or turn off System Settings > Desktop & Dock > Show Items > On Desktop.
  6. Use a clean browser profile. Create a separate Chrome or Safari profile for demos, with no personal bookmarks, extensions or autofill, signed in to a demo account.
  7. Load believable sample data. Realistic names, amounts and dates look far better than "test test". Use example.com addresses, which are reserved for examples, and never show real customer data.
  8. Fix the window size. Decide the export shape first. For 16:9, size the window or recording area to 16:9, such as 1280×720 points on a laptop. A Retina screen records that at 2560×1440 pixels, which leaves room to zoom. Use the same size for every take so the clips match.
  9. Make things readable. Zoom the page with ⌘+. If your recorder can't enlarge the cursor later, macOS can: System Settings > Accessibility > Display > Pointer size.

Step 5: Record your voice, cursor and pace

Voice

  • A USB microphone or a headset mic close to your mouth usually beats a laptop mic, but the built-in mic is fine in a quiet room.
  • Record somewhere soft. Rugs, curtains and a closed door cut echo; switch off fans.
  • Record ten seconds, then listen on headphones before the real take.
  • If the screen part needs many takes, record the screen first and the voiceover afterward, reading along to the edit.
  • To capture your Mac's own sound along with your voice, see how to screen record on Mac with audio.

Cursor

  • Move deliberately and in straight lines, and pause on a target for a beat before you click.
  • Don't circle things or wiggle the cursor while you talk. Park it out of the way.
  • Avoid stray clicks. Viewers try to follow every one, and auto-zoom recorders turn each into a zoom.

Pacing

  • Go slower than feels natural, and pause after each click so the result can land.
  • Leave a second or two of silence at the start, at the end and between sections.
  • Flubbed a line? Pause and say the whole sentence again, then cut the bad take later.
  • Record section by section rather than hunting for one perfect take.

Step 6: Polish the recording

  • Zooms. Zoom on the two or three key moments in your script, at about 1.5× to 2×, and hold long enough to read. Our guide on how to zoom in on a screen recording covers the details.
  • A smooth cursor. Jittery mouse moves look nervous on a big screen. Some recorders redraw the cursor as a smooth glide with a ripple on clicks; if yours doesn't, move slowly when you record.
  • Captions. Many feeds, including LinkedIn, X and Facebook, start videos muted, and captions also help viewers who are deaf or hard of hearing or watching in a second language. Proofread product names, since automatic transcription can trip on them.
  • Filler and dead air. Cut the ums, false starts and long pauses. Editing by transcript makes this fast: delete words from the text and the video cuts to match. Keep natural breaths so it doesn't sound robotic.
  • Background and framing. For landing pages and social, a background with padding, rounded corners and a soft shadow sets the product apart from the page. In help-center videos, a plain full frame often feels more at home.
  • Music. It's optional. If you use it, pick a licensed track without lyrics, keep it well under the voice and fade it out at the end. Skip it in tutorials, which people rewatch.

Most modern recorders help with some of this. Screen Studio adds automatic zooms and a smooth cursor, Tella lets you edit by transcript in its browser-based editor, and Camtasia pairs a full timeline editor with transcript editing through TechSmith's Audiate. For a wider comparison, see the best screen recorders for Mac.

Smooth Recorder does most of this polish in one app. Studio turns your clicks into zooms (nearby clicks share one, and every zoom can be edited or removed) and redraws the cursor as one smooth glide with a ripple on each click. It adds a background, padding, rounded corners and a shadow, a webcam bubble if you recorded your camera, and your keystrokes on screen. Captions are transcribed on your Mac in one click. Delete words in the transcript to cut the video, and filler words go in one click. You can also replace the sound with a voiceover you recorded separately. It's $9 once during early access (pricing).

Step 7: Export the right files

SettingUseWhy
Resolution1080p for most uses; 1080×1920 for verticalSharp on any screen, sensible file sizes
Frame rate60 fps for cursor-heavy demos; 30 fps otherwiseCursor moves and scrolling look smoother at 60
FormatMP4 for the web and social; MOV to keep editing on a MacMP4 plays nearly everywhere
CodecH.264 for the widest support; HEVC for smaller filesNot every browser or platform plays HEVC
Social cuts9:16 for Reels, TikTok and Shorts; 1:1 or 4:5 for feedsFills the screen on phones

Don't just drop a 16:9 video into a vertical frame with bars above and below. Reframe it so the action fills the column, then check that every zoom still lands. Keep your full-quality master too, so you can cut new versions later. Smooth Recorder exports MP4 or MOV, in H.264 or HEVC, at up to 60 fps, reframed for 16:9, 9:16, 1:1 or 4:5.

Step 8: Put it where people will see it

  • Landing page. Put it near the top. Browsers block autoplay with sound for most visitors, so an autoplaying video must be muted: use <video autoplay muted loop playsinline> with a poster image, and offer a play-with-sound button for the voiceover version.
  • Onboarding. Place task videos where the task happens: empty states, tooltips, help articles and the welcome email.
  • Sales emails. Most email clients won't play video inside a message. Use a thumbnail image or a short GIF that links to the video.
  • App Store. App previews run 15 to 30 seconds at no more than 30 fps, and Mac previews are 1920×1080, according to Apple's specifications. Apple's review guidelines also say previews may only use screen captures of the app itself, though narration and text overlays are fine.
  • Social. Upload the 9:16 cut directly, with captions burned in and the hook in the first second or two.

Product demo video checklist

StageCheck
PlanOne job, one audience and one call to action, written down
ScriptHook, promise, two or three moments, result, call to action; read aloud and timed
MacDo Not Disturb on; Dock and menu bar hidden; desktop clean
BrowserDemo profile, sample data, page zoomed for readability
RecordMic tested on headphones; calm cursor; a pause after every click
PolishZooms on key moments only; smooth cursor; captions proofread
EditFiller words and dead air cut; music low or none
ExportMP4 at 1080p, 60 fps if the cursor moves a lot; a 9:16 cut for social
PublishMuted autoplay on the site; thumbnail in emails; captions on social

Frequently asked questions

How long should a product demo video be?

As short as its job allows. A single feature or a social clip works best under a minute, a landing-page overview in a minute or two, and a sales or onboarding walkthrough can run longer because the viewer asked for detail.

What do I need to make a product demo video on a Mac?

A screen recorder, a decent microphone and a way to trim and caption. That can be the built-in Shift-Command-5 recorder plus iMovie, or a recorder that adds zooms, a smooth cursor and captions for you.

Should a product demo video have a voiceover?

Usually, yes, because a voice explains why each step matters. For feeds that autoplay without sound, add captions so the video still works on mute.

Should I export a demo video at 30 or 60 fps?

60 fps makes cursor moves and scrolling look smoother, which suits screen recordings. 30 fps makes smaller files and is fine for slower, mostly static demos.

What's the difference between a product demo video and an explainer video?

A product demo shows the real product being used. An explainer usually uses animation or illustration to explain an idea or a problem. Many teams make both.

Written by the Smooth Recorder team

We make Smooth Recorder, a native Mac app for screen recordings, screenshots and GIFs. We write about the tools we use every day, including the ones we compete with, and we update posts when prices or features change.

Lifetime deal · $9 once

One key for every kind of capture.

Press ⌥1, pick an area, press Return, and it's on your clipboard. Open it in the editor to give it your look. Screenshots, recordings, GIFs and more.