# How to make a SaaS demo video

Canonical URL: https://getvidiyo.app/blog/make-a-saas-demo-video
Last updated: 2026-10-08
Author: Ajay Pawriya (https://getvidiyo.app/about)
Published: 2026-10-08
Category: Launch videos

> TL;DR: Pick one real workflow and show it from start to result in one to three minutes. Record a clean screen with realistic data, narrate each step as you click, then edit out waiting, make the UI readable with crops and punch-ins, and add callouts on the words that name each button. Captions and a short ending finish it.

A SaaS demo video shows a real person doing a real job in your product, from the first click to the result. The best ones feel like sitting next to someone who knows the tool: they say what they're about to do, do it, and show what happened. The worst ones are a tour of every menu. Here's how to plan, record and edit the first kind.

## What makes a good SaaS demo video?

A good SaaS demo shows one workflow, start to finish, with readable UI and a voice that names each step as it happens. It's built around the viewer's job, not your feature list. If someone watches it and could do the task themselves afterwards, it worked.

Four rules cover most of it:

1. **One workflow per video.** "Send your first invoice", not "everything in our app".
2. **Realistic data.** Believable names, numbers and dates. Empty states and "Test 123" make the product look unfinished.
3. **Say it, then click it.** The voice names the button a moment before the cursor reaches it, so viewers know where to look.
4. **Show the result.** End on the outcome: the sent invoice, the report, the green check.

## How should a SaaS demo be structured?

Open with the outcome, set up the situation in one line, walk through three to five steps, show the result, then point to the next step. For a two-minute demo, that looks like this.

| Section | Time | What happens |
|---|---|---|
| Outcome | 0 to 8 s | Show the finished result first: "This is a client report I built in 90 seconds." |
| Setup | 8 to 20 s | The situation: "Say a client asks how last month went." |
| Step 1 | 20 to 45 s | Connect the data source |
| Step 2 | 45 to 70 s | Pick the template and filters |
| Step 3 | 70 to 95 s | Edit the summary and send |
| Result | 95 to 110 s | The client's view of the report |
| Next step | 110 to 120 s | "Start with the template on our site" |

Showing the outcome first is the most useful trick here. It tells viewers why the next two minutes are worth it, and it makes every step easier to follow because they know where it's going.

## How do I record a SaaS demo on a Mac?

Use the built-in Screenshot app, record the browser window rather than the whole screen, and prepare the product before you press record. Clean recordings save far more time than any editing trick.

1. **Prepare the account.** Realistic data, the right plan, no onboarding popups, no unrelated tabs.
2. **Make text bigger.** Zoom the browser or app one or two steps so UI text survives on a phone screen.
3. **Silence the Mac.** Turn on a Focus mode so notifications don't appear mid-recording.
4. **Open the recorder.** Press Shift-Command-5 to open the [Screenshot app](https://support.apple.com/en-us/102618), choose **Record Selected Window** (macOS Tahoe 26 or later) or **Record Selected Portion**, and turn on **Show Mouse Clicks** in Options.
5. **Record in one take per step.** Pause between steps and keep going after mistakes. You'll cut those out.
6. **Narrate live or later.** Talking while you click sounds natural; recording voice afterwards sounds cleaner. Both work.

## How should I lay out screen and speaker?

Keep the screen as the main picture whenever it carries detail, and only add a speaker where it doesn't cover what you're explaining. These are the layouts we use, and when.

| Layout | When to use it |
|---|---|
| Full screen UI, voiceover only | Dense UI, step-by-step sections |
| Screen on the top 60 to 65%, speaker below | Vertical video where the UI needs detail |
| Screen and speaker in two halves | Intro and outro, or a balanced explanation |
| Small speaker bubble in a corner | Speaker is secondary and the corner is empty |
| Speaker full frame | Opening line and closing line |

Two habits keep it readable. Fit screen recordings inside their box instead of cropping them, so no controls get cut off. And when a detail matters, punch in on that part of the screen, then pull back out.

## How do I edit a SaaS demo in Vidiyo?

Import the screen recordings and any face takes, ask for a demo cut, then refine the zooms, callouts and captions. The assistant watches the frames and reads the transcript, so it can show each screen at the word where you name it and cut the idle cursor time in between.

1. **Import** the recordings, face takes and logo. Choose 16:9 for a website demo, or 9:16 for a vertical cut.
2. **Ask for the cut.** "Make a two-minute demo from these. Open on the finished report, cut all loading and idle time, and show each screen when I mention it."
3. **Arrange layouts.** "Put the screen on top and me in a small bubble bottom right, but go full screen for the filter step." Layout changes can animate between arrangements.
4. **Add callouts.** "Circle the Send button when I say send." Callouts are drawn on as arrows, circles or boxes, timed to the word.
5. **Add zooms.** Ask for a punch-in on the filter panel, or key **Scale** and **X/Y** on the clip yourself with ◇ in the inspector. Zooms are keyframed, not cursor-following.
6. **Fix the voice.** Ask the assistant to clean it up: noise reduction, EQ, a de-esser or compression, set from measurements. To replace a line, re-record it in any audio app and import it.
7. **Caption and export.** Captions are transcribed on your Mac. Export to MP4, or export SRT for players that take a caption file.

If something's off, press **C**, click the frame, write the note and hit **Fix with AI** instead of describing timecodes.

## How do I edit a SaaS demo without Vidiyo?

In a traditional editor, cut the recording to your script, then add zooms, callouts and captions by hand. It's slower, but the same steps apply.

1. Cut out every pause, loading spinner and mistake first. This alone shortens most raw demos a lot.
2. Lay the voice track and line up each screen action with the words that describe it.
3. Add zooms with scale and position keyframes on the screen clip; keep them gentle and hold them long enough to read.
4. Add shape layers for callouts, timed to the spoken word.
5. Add captions, a quiet music bed, and a closing card with the next step.

## What are the most common SaaS demo mistakes?

Most bad demos are too long, too small or too abstract:

- **The tour.** Showing every menu instead of one job.
- **Tiny UI.** Desktop text at phone size is unreadable. Zoom the app before recording and punch in when editing.
- **Waiting on screen.** Loading spinners and slow typing. Cut them; there's no need for speed effects.
- **Cursor wandering.** Viewers follow the cursor. Move it deliberately, or cut the wandering.
- **No outcome.** Ending on a settings page instead of the finished result.

## What are the limits of making demos in Vidiyo?

Vidiyo is built for short videos, so a few things are worth knowing up front. Timelines max out at 5 minutes, which covers most demos but not a full product walkthrough. Export is 1080p at 30 fps. There's no automatic cursor-follow zoom: you place punch-ins on the moments that matter, which is more work but more deliberate. And there's no speed control, so long waits get cut rather than sped up. For more on the editing side, see [turning a screen recording into a polished demo](https://getvidiyo.app/blog/screen-recording-to-polished-demo).

## Honest limits

- No cursor-follow zoom; zooms into screen recordings are keyframed punch-ins.
- Timelines max out at 5 minutes, and export is 1080p at 30 fps.
- No speed ramps or speed control; cut waiting time instead.

## Frequently asked questions

### How long should a SaaS demo video be?

One to three minutes for a website or sales demo, showing one workflow end to end. Shorter clips of 30 to 60 seconds work for single features on social.

### Should I show my face in a SaaS demo?

It helps for the intro and outro, and a small speaker bubble can stay on screen if it doesn't cover the UI you're explaining. For dense UI, keep the screen full and use voiceover.

### What's the difference between a demo video and a launch video?

A launch video sells the idea in about a minute. A demo video shows how the product works, step by step, for people already considering it.

### Can I add voiceover after recording the screen?

Yes. Record the narration in any audio app while the screen recording plays, then import it. Vidiyo transcribes it on your Mac, so it can be cut by its words and captioned.

## Related

- [How to make product demo videos with Vidiyo](https://getvidiyo.app/for/product-demo-videos)
- [How to turn a screen recording into a polished demo](https://getvidiyo.app/blog/screen-recording-to-polished-demo)
- [How to write a video script for a product demo](https://getvidiyo.app/blog/write-a-video-script-for-a-product-demo)
- [How to make a product launch video](https://getvidiyo.app/blog/make-a-product-launch-video)
- [Punch-in zoom](https://getvidiyo.app/glossary/punch-in-zoom)
- [Layers and keyframes, by hand or by chat](https://getvidiyo.app/features/layers-and-keyframes)

## Sources

- [Apple Support: How to record the screen on your Mac](https://support.apple.com/en-us/102618) (accessed 2026-10-08)

Download Vidiyo for Mac (free during the beta): https://getvidiyo.app/download