You're a Developer, Not a Filmmaker. That's Fine.
Let's get this out of the way: you don't need motion graphics skills, a $300/year Adobe subscription, or a "creative eye" to make a good app demo video. You need clarity about what your app does and 30 minutes of focused effort.
I've seen hundreds of indie app demos. The ones that work aren't the ones with fancy animations or cinematic transitions. They're the ones where you can immediately understand what the app does and why you'd want it. That's a communication problem, not a design problem. And developers are great at communication when they stop overthinking it.
The #1 Rule: Show, Don't Describe
The biggest mistake developers make is treating a demo video like a feature list. They try to mention every capability, show every screen, cover every edge case. That's documentation, not a demo.
A great demo video answers one question: "What would it feel like to use this app?"
Show the core workflow. Show the moment of delight. Show the thing that made you build this app in the first place. Cut everything else.
Structure Your Video Like a Story
Every good demo follows this arc, whether it's 15 seconds or 2 minutes:
1. The Problem (2-5 seconds)
What sucks right now? What's the pain point? You can show this visually (the "old way" of doing something) or with a single line of text. Don't spend long here — your audience already knows the problem, that's why they're looking at your app.
2. The Solution (10-30 seconds)
This is your app in action. Show the actual UI. Show real content (not "Lorem ipsum" or empty states). Show the flow from start to finish for one core task.
3. The Result (3-5 seconds)
What did the user achieve? Show the output, the saved time, the beautiful result. End on a high note.
Practical Tips That Actually Help
Pacing: Faster Than You Think
The most common pacing mistake is going too slow. Developers want to make sure viewers see every detail, so they linger on screens for 5-10 seconds each. In video, 3 seconds on a single screen feels like an eternity.
Rules of thumb:
- Static screens: 2-3 seconds max
- Animated interactions: Show the animation once, maybe twice
- Text overlays: Long enough to read at 1x speed (roughly 1 second per 3-4 words)
- Transitions between features: Cut, don't fade. Fades eat time.
When in doubt, speed it up. You can always slow down later. But a fast video that loses some detail is infinitely better than a slow video that loses the viewer's attention.
What to Show (and What to Skip)
Show:
- The core feature that differentiates your app
- Real content that looks good (not test data)
- Smooth animations and transitions
- The "aha moment" — that instant where the value clicks
Skip:
- Onboarding flows and tutorials
- Settings screens
- Login/signup
- Loading states
- Edge cases and error handling
- Features that need 30 seconds of context to understand
Music Makes Everything Better
Adding background music is the single highest-ROI improvement you can make to a demo video. A silent screen recording feels like a bug report. The same recording with upbeat background music feels like a product launch.
Where to find royalty-free music:
- Uppbeat — free tier with attribution, good quality
- Artlist — $10/mo, excellent library
- YouTube Audio Library — free, decent selection
- Apple's built-in loops — in GarageBand, actually not bad for short clips
Keep the volume at about 20-30% of what feels "right" when editing. Music should be felt, not heard. If you can hum along, it's too loud.
Length: Shorter Than You Want
Here's what works for different contexts:
- App Store preview: 15-30 seconds (hard limit)
- Twitter/X: 15-45 seconds (attention spans are brutal)
- Product Hunt: 60-90 seconds
- Landing page: 30-60 seconds
- YouTube: 2-5 minutes (only if it's a tutorial, not a pure demo)
If your video is over 60 seconds, you're probably showing too much. Cut it in half and see if it still works. It almost always does.
What Makes a Bad Demo Video
I've watched enough bad demo videos to identify the patterns. Here's what to avoid:
- The "full walkthrough": 3-minute video that shows every screen in order. Nobody watches past 30 seconds.
- The "zoomed out": Full desktop recording where the app is a tiny window. Nobody can see what's happening.
- The "narrator": Voiceover explaining obvious UI elements. "Here I click the plus button to add a new item." We can see that.
- The "stock footage sandwich": 10 seconds of stock footage, 5 seconds of app, 10 seconds more stock footage. Show your app.
- The "feature dump": Text slides listing features without showing them. That's a slide deck, not a video.
The Minimum Viable Demo Video
If you're intimidated by all of this, here's the absolute simplest version that still works:
- Record your app's core flow (60 seconds of raw footage)
- Speed it up to 1.5x-2x
- Trim the beginning and end
- Add a device frame around it
- Add background music
- Export
That's it. No text overlays, no transitions, no fancy editing. Just a clean recording of your app in a device frame with music. This alone puts you ahead of 80% of indie app demos.
This is exactly what Matte is built for. Record your iOS Simulator or Mac app, add a device frame, trim, add music, export. The whole process takes 15 minutes, and the result looks like you hired a video editor.
Leveling Up: Text Overlays
Once you've got the basics down, text overlays are the next thing to add. They serve two purposes:
- Context: "Record your app" / "Add device frames" / "Export for App Store" — brief labels that explain what's happening
- Hook: A bold opening statement like "Ship app demos 10x faster" grabs attention before the viewer even processes the visuals
Keep text short (3-6 words per overlay), use a clean sans-serif font, and make sure it contrasts with your background. White text with a subtle drop shadow works on almost anything.
Where to Post Your Demo Video
You've made the video. Now put it everywhere:
- App Store: As a preview video (15-30s version)
- Twitter/X: Native upload, not a YouTube link (native gets 10x more views)
- Your landing page: Above the fold, auto-playing (muted)
- Product Hunt: In your launch gallery
- GitHub README: If it's an open-source tool
- Reddit: In relevant subreddits (r/iOSProgramming, r/swift, r/macapps)
Different platforms have different optimal dimensions. For Twitter, square (1:1) or 4:5 portrait gets more engagement than landscape. For your landing page, 16:9 is standard. Matte can export in any aspect ratio from the same recording.
Your App Deserves a Great Demo
Matte makes it easy to record, edit, and export polished app demos — even if you've never touched a video editor. $8/mo, $129 lifetime (3 Macs).
Try Matte →