To make an app demo video, record one task from start to finish, then cut the waiting, zoom in on each important click, add two or three word callouts, frame the screen in a device and add a voiceover or captions. Open with the result, keep social demos under 60 seconds and end on your logo and link.
Real outputs from the Videotto template gallery.
How long an app demo video takes to edit by hand
Here is where the time goes on a 30 second demo cut from a 3 minute screen recording. The manual column assumes Premiere Pro or CapCut and someone who knows the tool. Screen Studio and Camtasia can speed up the zoom step with automatic or preset zooms. All figures are typical estimates, not measurements.
| Task | By hand | Describing it to Otto |
|---|---|---|
| Cut loading, typing and wandering | 15 to 20 min | One line in the prompt |
| Zoom in and out on 8 to 10 clicks | 20 to 40 min | One line in the prompt |
| Callouts for each step | 15 to 30 min | One line in the prompt |
| Device frame and brand colours | 10 min | Upload logo and colours |
| Voiceover and captions | 20 to 30 min | One line for an AI voiceover and captions |
| Review and fixes | 10 min | 10 to 15 min |
| Total | Roughly 1.5 to 2.5 hours | Roughly 20 to 30 minutes including review |
The gap matters most when the product changes. A UI update means redoing every zoom by hand, while a described edit can be run again on the new recording.
Which app demo video to make first
In our study of 1M+ videos by 280,000+ users on Videotto, launch and demo requests are some of the most detailed, and they fall into a few types. If you have none yet, start with a feature short: it is the quickest to make and the easiest to post.
| Type | What it shows | Length | Where it goes |
|---|---|---|---|
| Feature short | One feature, one task, done | 15 to 30 s | TikTok, Reels, Shorts, LinkedIn |
| Launch video | What the product is and why it matters | 30 to 60 s | Launch posts, landing page |
| Walkthrough | A full task step by step | 1 to 3 min | Help centre, YouTube, onboarding |
| UI animation | Interface screens animated without a recording | 10 to 20 s | Ads, launch teasers |
| Founder plus product | You talking, cut with the screen | 30 to 90 s | LinkedIn, sales emails |
Record the app demo cleanly
A clean recording saves more time than any edit. Close other tabs, turn on do not disturb, use sample data that looks real but is not private, and do the task once without hesitating. If you fumble a step, pause and do it again. The pause is easy to cut.
- Desktop: record at 1920 x 1080 or higher. Set browser zoom to 125% so text survives a vertical crop.
- Phone: use the built in screen recorder on iOS or Android, which records at the screen's native resolution.
- Tools: QuickTime on Mac, the Xbox Game Bar or Snipping Tool on Windows, or OBS Studio on either. All are free.
- Length: a 30 second demo rarely needs more than 2 to 3 minutes of raw recording.
No recording? Upload screenshots or your style guide and ask for a UI animation instead. Screens slide, buttons light up and numbers roll, all built from your images.
Edit an app demo video in 5 steps
- Upload the recording and your brand. Add your logo and brand colours. Say what the task is in one line.
- Cut the waiting. Loading screens, typing and mouse wandering go. The task should look instant.
- Zoom in on every key moment. The button that gets clicked, the result that appears. Zoom to roughly 150 to 200%, hold for about a second, zoom out.
- Add callouts and a frame. Two or three word labels for each step, and the screen inside a clean laptop or phone frame.
- Add voice, captions and an end card. Your voice or an AI voiceover, large captions, and an end card with your logo and link held for 2 to 3 seconds.
When you would rather not record the narration yourself.
App demo video prompt to copy
Adapted from real requests Videotto users sent to Otto.
[upload your screen recording, logo and brand colours] Turn this screen recording into a 30 second 9:16 demo video for [product]. Open with the result first, then show how: [the task in one line]. Cut all loading and waiting. Zoom in on each important click and hold, then zoom out. Short callouts for each step, in [brand colour]. Put the screen in a clean phone or laptop frame. Add a clear AI voiceover and big captions. End on my logo and [link or call to action].
Shorter app demo requests
- "Make a launch video for my product. 9:16, add my logo, add the dashboard."
- "Create a UI animation using the attached style guide."
- "Add clean, minimal motion graphic UI: white background, orange accents, black text."
- "Draw a circle around the part I circled and add an arrow pointing to it."
- "Blur the phone screen numbers and add on screen text cues."
A worked 30 second app demo example
Example: an invoicing app, result first
A made up product to show the structure. The voiceover is about 60 words, which fits 30 seconds at roughly 2.5 words a second with room for pauses on the clicks.
| Time | Part | Voiceover | On screen |
|---|---|---|---|
| 0 to 3 s | Result | "This invoice got paid in four minutes." | A paid invoice with a green status badge |
| 3 to 8 s | Problem | "Most freelancers chase payments for weeks because the invoice takes too long to send." | A cluttered spreadsheet, slightly blurred |
| 8 to 22 s | How | "Pick the client. Add the hours. Hit send. The client pays by card from the email, and you see it the moment it lands." | Three zoomed clicks with callouts: Client, Hours, Send |
| 22 to 27 s | Proof | "Built for freelancers who bill by the hour." | The dashboard with three paid invoices |
| 27 to 30 s | Next step | "Try it free at the link." | Logo and link, held |
Lead with the result. People decide in the first seconds whether a demo is for them, and the result answers that faster than any logo or intro. The problem line is short on purpose, and the how section gets the most time because that is what the viewer came to see.
Turn the demo into paid ads.
Why app demo videos lose viewers
- Showing every feature. One task per video. A feature list is a website, not a demo.
- Text too small for a phone. A 1920 pixel wide screen squeezed into a vertical frame shrinks text to unreadable. Zoom on every key screen.
- Real customer data on screen. Use sample data, or ask for names, amounts and emails to be blurred.
- Ending without a next step. Say where to go: the link, the store or a free trial if you offer one.
FAQ
What is the best free screen recorder for an app demo video?
The best free screen recorder for an app demo video is usually the one built into your system: QuickTime on Mac, Xbox Game Bar or Snipping Tool on Windows, and the native recorder on iOS and Android. OBS Studio is free on every desktop system and gives more control over resolution and frame rate.
How long can an App Store preview video be?
An App Store preview video can be 15 to 30 seconds long, and Apple lets you add up to three per localisation. It must use footage captured from the app itself. Google Play works differently: you add a YouTube link to your store listing. A 30 second social demo can often be trimmed into both.
Should an app demo video have background music?
An app demo video usually benefits from quiet background music when there is a voiceover, kept well below the voice so every word is clear. For silent feature shorts with captions only, music carries the pace. For help centre walkthroughs, skip it, since people watch those to follow along and music gets in the way.
Should a founder narrate their own SaaS demo video?
A founder narrating their own SaaS demo video tends to build more trust on LinkedIn and in sales emails, where people buy from people. An AI voiceover is quicker for feature shorts and easier to redo when the interface changes. Many teams use the founder for the launch video and an AI voice for the rest.
How do you hide private data in a product demo recording?
To hide private data in a product demo recording, record with a sample account whenever you can. If real data slips in, blur or replace names, emails, amounts and account numbers in the edit, and check every frame where they appear, including fast scrolls. Blurring after the fact works, but a clean sample account is safer.
Make your next video with Otto
Tell Otto what you want in plain words. It cuts, captions and animates the video for you.
