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 lives | Its job | Who's watching | Aim for |
|---|---|---|---|
| Landing page | Make visitors want to try it | Curious, not convinced | 30 seconds to 2 minutes |
| Onboarding or help center | Teach one task | A new user mid-task | 1–3 minutes per task |
| Sales follow-up | Answer one buyer's questions | Someone comparing options | 2–5 minutes |
| App Store | Show the app in use | Someone browsing the store | 15–30 seconds |
| Social | Stop the scroll with one idea | Scrolling, often muted | 15–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:
- Hook: the problem, in your viewer's words. One or two sentences.
- Promise: what they're about to see.
- Show: two or three key moments, each one action and its result.
- Result: what they have now that they didn't before.
- 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.
| Time | Voiceover | On 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.
- 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.
- Hide the Dock. Press ⌥⌘D, or turn on System Settings > Desktop & Dock > Automatically hide and show the Dock.
- 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.
- 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.
- Clean the desktop. Use a plain wallpaper, and move files into a folder or turn off System Settings > Desktop & Dock > Show Items > On Desktop.
- 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.
- 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.
- 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.
- 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
| Setting | Use | Why |
|---|---|---|
| Resolution | 1080p for most uses; 1080×1920 for vertical | Sharp on any screen, sensible file sizes |
| Frame rate | 60 fps for cursor-heavy demos; 30 fps otherwise | Cursor moves and scrolling look smoother at 60 |
| Format | MP4 for the web and social; MOV to keep editing on a Mac | MP4 plays nearly everywhere |
| Codec | H.264 for the widest support; HEVC for smaller files | Not every browser or platform plays HEVC |
| Social cuts | 9:16 for Reels, TikTok and Shorts; 1:1 or 4:5 for feeds | Fills 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
| Stage | Check |
|---|---|
| Plan | One job, one audience and one call to action, written down |
| Script | Hook, promise, two or three moments, result, call to action; read aloud and timed |
| Mac | Do Not Disturb on; Dock and menu bar hidden; desktop clean |
| Browser | Demo profile, sample data, page zoomed for readability |
| Record | Mic tested on headphones; calm cursor; a pause after every click |
| Polish | Zooms on key moments only; smooth cursor; captions proofread |
| Edit | Filler words and dead air cut; music low or none |
| Export | MP4 at 1080p, 60 fps if the cursor moves a lot; a 9:16 cut for social |
| Publish | Muted autoplay on the site; thumbnail in emails; captions on social |