How to make a product demo video

Pick one viewer and one task, write the steps and a line of narration for each before you film, record the real product doing that task, then finish the recording with zooms, a cursor, narration and captions. Publish it where the viewer already is, and keep the plan so the demo can be re-shot when the interface changes.

1. 1Choose one viewer and one task
2. 2Write the steps and the narration
3. 3Set the scene
4. 4Record the real product
5. 5Finish it: zoom, cursor, voice and captions
6. 6Publish it where the viewer already is
7. 7Keep it current when the product changes

1. Choose one viewer and one task

A demo that tries to show everything shows nothing. Write down who is watching — a buyer deciding, a new user finding their feet, a teammate reviewing a release — and the one thing they should be able to do by the end.

Give the task an end state. “Create an invoice and send it” has a last step; “the invoicing module” does not, so neither the recording nor the viewer knows when it is over. That one sentence is the brief for everything that follows.

2. Write the steps and the narration

List every click in order, and write one line of narration for each. Say what the viewer gets from the step, not what the button is called: “your client gets the invoice by email” beats “click Send”.

Keep each line short enough to finish while its action plays. A long line over a quick click makes the voice race the picture, and the fix is a shorter line, not a faster reader. Read the whole list aloud once; the sentences you trip over are the ones to cut.

3. Set the scene

Start on the screen where the task begins, not on your marketing home page — every second spent navigating in is a second the viewer waits. Use a demo account with realistic, invented data, clear the notifications and close everything that is not the product.

Decide where the video will play before you pick its shape: a wide frame for a website, a tall one for a phone feed. And look for anything private — real customer names, email addresses, keys — before the camera does. What cannot be moved out of shot will need a mask.

4. Record the real product

Film the actual product doing the task, not a mock-up or a slide. A viewer trusts what they can see working, and a real product is the thing a mock-up is trying to look like anyway.

Move the cursor deliberately, pause a moment after each action so the change registers, and let every page finish loading before the next click. By hand, expect retakes: every stumble means performing the whole take again, which is the strongest argument for writing the steps first.

5. Finish it: zoom, cursor, voice and captions

A full-screen recording asks the viewer to hunt for the change. Zoom in on the area where each action happens and ease back out between them; a smooth cursor tells the eye where to look next. Narration says why each step matters, and captions carry it for everyone watching with the sound off.

Then cut. Trim anything that does not serve the task, and add an intro or an outro card only if it earns its seconds — an outro that says what to do next usually does.

6. Publish it where the viewer already is

Put the video beside the claim it proves: on the landing page, in the onboarding email, in the help article for that feature, in the follow-up after a sales call. A share link suits a message, an embed suits a page, and a downloaded file suits everywhere else. Some viewers would rather read, so a written version of the same steps is worth shipping too.

7. Keep it current when the product changes

This is the step most guides leave out. A recorded demo is a snapshot of the interface on the day it was filmed, and after the next redesign it shows buttons that no longer exist. Re-recording by hand means setting the scene, performing the take and finishing it all over again — so keep the step list from step two, because it turns a re-shoot into a replay rather than a rewrite.

Demofy keeps that plan for you. Press Refresh and it explores the URL again and films a new version; if a recorded step stops matching the page, the failed capture is re-shot once on its own. Every version is kept in the version history, and a link you already shared keeps playing. Nothing is re-filmed on a timer — a re-shoot happens when you ask for one, or when a capture breaks.

By hand, or from a URL

By hand, with a screen recorder and an editor, you control every frame, and it works for anything on your screen, desktop software included. The cost is that every take, every zoom and every retake is yours to perform.

From a URL, an AI product demo video generator does steps two to five for you. With Demofy, the task sentence from step one is the whole input: an AI model plans the clicks and writes the narration, a real browser performs them in your live product while it is filmed, and the renderer adds the zooms, the cursor, the voice and the captions, in desktop and mobile formats. Afterwards the script editor lets you retype any line, hide a step, change the camera or cover up to 4 areas of a step with a mask. It films web products only — what a browser can open, and signed-in pages through a saved session.

Writing the URL and the intent covers how to phrase that one sentence, and captions and the written guide covers the text that ships beside a narrated video. To see which URLs it can film and where it stops, read turn a url into a demo video.

Questions people ask

Choosing a tool rather than a method? The comparisons put Demofy beside the recorders and the interactive-demo tools, with every price dated at its source.