App Store Preview Video UI: Convert in the First Frames

An App Store preview video is a few-second pitch that most people watch on mute, so it has to land fast and silent. The short answer: build the on-screen UI and motion from a free VP0 design, lead with the app actually being used (not a logo intro), design a strong poster frame, make sure it works without sound, and follow Apple’s app preview rules. It matters because the product page is where the decision happens, and Apple has said the majority, around 65%, of App Store downloads come from search, where your preview and screenshots do the convincing.

What a preview video must do

The job is to show the core value, immediately. Skip the cinematic logo intro; the first one or two seconds should already show the app doing the thing people want. Because Apple uses an early frame as the poster (the still shown before playback), design that frame to be a compelling standalone image. Assume no audio: most autoplay is muted, so carry the message with on-screen motion and captions, never a voiceover the viewer will not hear. Keep it short and focused on one or two key flows. And it must be honest, real app footage, since misleading previews are rejected. Apple’s app preview guidance sets the specs.

Build the screens and motion

VP0 is a free iOS design library for AI builders. Pick the key screens your preview will feature, copy their links, and have Cursor or Claude Code rebuild them so your captured footage looks polished, then record real interactions and add motion graphics and captions. Lead with the magic moment, annotate with short on-screen text, and end on a clear value statement. Design the poster frame deliberately so the still sells even before anyone taps play. Keep transitions quick, viewers drop off fast, and keep motion purposeful; Apple’s Human Interface Guidelines favor clarity over spectacle. Pair the video with strong screenshots and copy. For the listing text, see how to write an App Store description that ranks, and for localized screenshot text, see App Store screenshot localized text UI Figma.

App preview essentials

Get each of these right.

Element	Get it right	Why
First 1-2 seconds	Show the app in use	Hooks before drop-off
Poster frame	Compelling as a still	Shown before play
No-audio design	Captions and motion	Most watch muted
Real footage	Actual app usage	Misleading previews rejected
Length and focus	Short, one or two flows	Attention is brief

Common mistakes

The first mistake is a logo or splash intro that wastes the only seconds you have. The second is relying on a voiceover most viewers never hear; design for mute. The third is a weak poster frame, so the still does not sell. The fourth is misleading or fake footage that does not match the app, which Apple rejects. The fifth is cramming every feature in instead of nailing one or two. Lead with value, silently, honestly.

A worked example

Say you have a budgeting app. Your preview opens not on a logo but on the app instantly categorizing a transaction, the magic moment, with a short caption “Auto-sorts your spending.” The poster frame is that clean, labeled screen, compelling as a still. On-screen captions carry the message with no audio, you show two flows (logging and the insights view), and it ends on “Know where your money goes.” All real footage, captured against polished VP0-built screens. For the app category it might serve, see iOS Screen Time API family controls UI, and for an attention-grabbing map animation, see pulsing radar animation UI for map mobile.

To round out the sources, the Stack Overflow Developer Survey shows AI-assisted building is now the norm, not the exception.

Key takeaways

• An App Store preview must sell a muted viewer in the first few seconds.
• Build the featured screens from a free VP0 design so captured footage looks polished.
• Lead with the app in use, not a logo intro, and design a strong poster frame.
• Carry the message with on-screen motion and captions, never audio alone.
• Use only real footage; misleading previews are rejected.

Frequently asked questions

How do I make an App Store preview video that converts? Lead with the app actually being used in the first seconds, design a strong poster frame, carry the message with captions and motion (no audio), keep it short, and use only real footage.

Why design for no audio? Most autoplay previews are muted, so a viewer will not hear a voiceover. Use on-screen text and motion to communicate the value, so the preview works silently.

What is the poster frame? It is the still image shown before the preview plays, taken from an early frame. Design that frame to be compelling on its own, since many users decide based on the still alone.

Can I use stylized or fake footage in a preview? No. Apple requires app previews to show the actual app in use. Misleading or non-representative footage can get the preview, or the app, rejected.