12-minute read · Demo strategy, environment preparation, recording, editing, and maintenance
The feature-tour failure
Founders know the interface deeply, so a demo often follows the navigation: dashboard, settings, reports, integrations, automation. The presenter explains what each area can do. The prospect watches politely and still cannot explain where the product fits into a working day.
SaaS communities describe this exact red flag: the demo communicates functionality while skipping the actual workflow, first action, and route to value. Other founders describe a painful maintenance loop—record, re-record, trim, caption, discover the video is too long, and start again whenever the UI changes.
The remedy is to narrow the story and separate durable logic from fragile pixels.
Choose the audience and demo moment
A homepage visitor, sales prospect, trial user, and existing customer need different demonstrations. Write the question this version answers:
- Homepage: What problem does this solve, and what happens after signup?
- Sales follow-up: Can it handle the workflow and constraints we discussed?
- Product page: How does this capability work in practice?
- Onboarding: What is the first useful action I should complete?
- Support: How do I finish this task or recover from this state?
Do not reuse a complete sales demo as onboarding simply because it already exists. The viewer’s context and next action are different.
Write the workflow before opening the recorder
Use a six-line demo spine:
- User and situation: “A support lead needs to identify why resolution time rose this week.”
- Starting material: a workspace with representative, safe data.
- First meaningful action: choose the team and time window.
- Decision point: isolate the queue causing the change.
- Product outcome: save the view and assign the follow-up.
- Next step: explore the workflow, use a sandbox, or start a trial.
This structure tells you which screens matter. Navigation between them should be shortened, not narrated as if clicking a menu were a benefit.
Prepare a stable demo environment
Use fictional or explicitly approved data that looks realistic enough to explain the job. Remove personal information, internal domains, customer names, API keys, browser history, notifications, bookmarks, and unrelated tabs. Freeze dates and totals where possible so narration remains accurate.
Set the browser and application to the final recording size before capturing. Increase UI scale enough for delivery on a phone. Use a clean account with predictable permissions and pre-load any slow processes. Record a rehearsal while noting cursor paths, waits, modal behavior, and responsive changes.
For volatile interfaces, isolate the UI recording from the narration and edit. A short product clip can be replaced without rebuilding the opening argument, motion system, and audio mix.
Record picture and voice separately
Trying to click, think, and narrate simultaneously creates wandering cursor movement and improvised language. Record a clean visual performance from the approved action list. Then record narration while watching the edited timing.
Use deliberate cursor movement: enter a target with purpose, pause before activation, and move away from the evidence after the state changes. Add zooms only when the delivery size cannot make an important control legible. Do not make the viewer chase the cursor around decorative movement.
Capture clean before and after states, error or empty states when they matter, and a few seconds of handles around each action. For typed input, decide whether watching the full entry provides evidence. Usually the first characters and completed value are enough.
Edit for causal understanding
| Moment | Viewer must understand | Editing choice |
|---|---|---|
| Before action | Current state and intended change | Pause long enough to orient; identify only the relevant region |
| Action | What the user does | Keep cursor path readable; compress routine travel |
| State change | What the product did | Hold the result; do not cut at the click |
| Meaning | Why the new state matters | Use narration, annotation, or comparison without covering evidence |
Design for maintenance
Keep a change log connecting each scene to the product area it depicts. Save narration, music, captions, cursor effects, UI recordings, and graphic overlays as separate assets. Avoid including version-sensitive navigation unless it is part of the learning objective.
Create one short homepage story and focused feature modules rather than a grand tour that becomes obsolete whenever one screen changes. A SaaS discussion recommended roughly a 20- to 40-second homepage clip plus reusable feature clips; long tours make more sense after the viewer already cares.
Choose video, interactive demo, or live demo honestly
Video controls pace and is excellent for first understanding. An interactive sandbox is stronger when the prospect must test workflow fit. A live demo is strongest when discovery and adaptation matter. Use them as layers, not ideological alternatives: short video for relevance, interactive experience for evaluation, guided demo for complex questions.
What SaaS teams report
The guide synthesizes discussions about feature-focused demos failing to explain the real workflow, the re-recording and captioning maintenance loop, using a short homepage clip and focused feature modules, and splitting video, sandbox, and guided demo by intent. Their experience points toward shorter, task-specific demonstrations built from maintainable product states rather than one exhaustive tour.