You don't need a camera, a studio, or video editing experience to make a product demo video that works. You need a screen recording and a clear idea of what you are showing.
This guide covers the exact setup and process.
What you actually need
- A laptop or desktop with screen recording
- Your product running in a browser
- A script (even a rough one)
- 60–90 minutes the first time
That's it. Everything else is optional.
Step 1: Set up your recording environment
Before you start recording:
- Close all unnecessary tabs and apps. Nothing breaks the professional feel of a demo like a notification popping up or the wrong tab showing.
- Use a clean browser profile. Open a fresh browser window with no bookmarks bar visible, no extensions showing, no logged-in user state that you don't want visible.
- Set your resolution to 1080p. If your screen is retina/4K, your recording app may need to be set to record at 1080 explicitly.
- Use the product with realistic data. A demo with placeholder "lorem ipsum" or "Test User 1" is less convincing than one with real-looking content.
- Slow your mouse movements. When recording demos, people move the mouse too fast. Slow down intentionally — the viewer needs to follow you.
Step 2: Record the screen
For Mac, QuickTime Player is the fastest option:
- Open QuickTime Player
- File → New Screen Recording
- Choose the area to record (just your browser window, not the whole screen)
- Record
For cross-platform, Loom (free tier) is excellent:
- Install the browser extension
- Click Record → Screen Only
- Choose your recording area
For maximum control, OBS Studio (free, all platforms) lets you set exact resolution and frame rate.
Record at least twice. Your first take will have false starts and hesitations. Your second take is almost always better. Your third is usually the one you use.
Step 3: Plan your recording path
Before hitting record, walk through the demo once without recording. Know exactly:
- Where you are starting (which screen, which state)
- What you are clicking and in what order
- Where you are ending
The biggest amateur mistake is improvising the demo path. Plan it like a choreographed sequence.
Step 4: Add captions (essential for social)
If your demo will be shared on TikTok, Reels, LinkedIn, or X, captions are not optional. Most social video is watched on mute.
Fastest approach: Upload to a tool that auto-generates captions. Submagic, CapCut, or even just uploading to YouTube and exporting the auto-captions to re-embed works.
Best approach for a short demo video: Use a caption template in Canva or CapCut to add 3–5 word burst captions manually. This gives you control over what text appears when.
Step 5: Add a voiceover (optional but effective)
A voiceover adds personality and makes the demo easier to follow. You do not need a microphone beyond what your laptop has.
Record voiceover on your laptop microphone in a small room (a closet with clothes works — the fabric kills echo). Read your script slowly and clearly. Do one take, then another.
If your voice sounds tinny or echoey, do not record in a large room. Smaller is better.
Vertical crop for social
Most screen recordings are landscape (16:9). For TikTok, Reels, and Shorts, you need a vertical (9:16) crop.
For a SaaS demo, you have two options:
- Record vertically on mobile — if your product has a mobile-responsive layout, recording on your phone is the simplest vertical crop.
- Crop in post — zoom into the center of the screen recording. This works if your product is mostly in the center of the screen. CapCut and Canva both handle this easily.
What makes a demo look professional
You don't need expensive equipment. What you need is:
- A clean recording environment (no clutter in the browser)
- Slow, deliberate mouse movements
- A clear script you've practiced
- Captions
A clean 30-second screen recording with captions outperforms a shaky camera video every time.