Your First App Store Screenshot: How to Win the Search Result
Your first App Store screenshot does the heavy lifting in search. Learn what shows in results, five opener formulas, icon matching and how to test it.
ScreenShipper team · · 7 min read
TL;DR: Your first App Store screenshot is the image most people see, often in search results beside two others, before they ever open your page. Use it to state your single biggest benefit in a few large words, show the screen that proves it, and match the colors of your icon so the whole result reads as one confident unit.
What People See Before They Open Your Page
A search result on iPhone shows your icon, name, subtitle, rating and a Get button, followed by media. Apple says that, depending on orientation, the first one to three screenshots appear in search results when no app preview is available. Apple also notes that app previews autoplay, muted by default, on the product page and within search results.
| Your setup | What usually shows in search | What screenshot one must do |
|---|---|---|
| Portrait screenshots, no preview | First three screenshots side by side | Lead a three-image row and still work alone |
| Landscape screenshots, no preview | The first screenshot only | Carry the entire first impression |
| App preview uploaded | The preview's opening seconds, playing muted | Your first screenshot follows the preview, whose first frames take over its job |
Many people decide from that row without opening your product page. Others tap through to the page, where the first screenshots are again the first thing they see. Either way, screenshot one gets more views than any other image you upload.
The Job of Screenshot One
Your first screenshot has about the time of a thumb scroll to answer one question: "What is this, and why should I care?" That breaks into three smaller questions:
- What kind of app is it? If the category isn't obvious from your icon and name, the first screenshot must make it obvious.
- What do I get? The main outcome, stated as a benefit.
- Why this one? What sets you apart from the five apps above and below you.
You rarely have room for all three. If your concept is new, prioritize clarity. If you're in a crowded category where everyone already knows what a to-do app is, prioritize your difference.
What screenshot one should never be: a welcome screen, onboarding slide, login page, splash screen or a logo on a gradient. Apart from wasting the slot, Apple's Guideline 2.3.3 says screenshots must show the app in use, not only title art, a login page or a splash screen. A grid of every feature is also a poor opener, because it says "we do everything" and leaves no single idea behind.
Five Formulas for a First Screenshot
| Formula | Headline shape | Best when | Example |
|---|---|---|---|
| Category plus benefit | "The [category] that [benefit]" | Your concept needs explaining | The habit tracker that sticks |
| Outcome promise | "[Verb] [result]" | The result is emotional or easy to picture | Fall asleep faster |
| Differentiator | "[Category] without [pain]" | The category is crowded | Budgeting without bank logins |
| Social proof lead | "[Real rating or award]" plus the core screen | You have genuine, current proof | Rated 4.8 by runners |
| Search-intent mirror | Your top keyword as a promise | Most installs come from one search term | Scan receipts to PDF |
Whatever formula you pick, the UI under the headline must prove it. "Fall asleep faster" over a settings screen breaks the promise; over a sleep-story player it confirms it. For wording techniques, see our guide to App Store screenshot captions.
A note on the social proof formula: only use ratings, review counts and awards that are true and current for the storefront where they appear. A rating that is accurate in the US may not be in Germany.
Screenshots Two and Three: Building the Search Row
With portrait screenshots, your first image never appears alone in search. It sits beside screenshots two and three, so design those three as a small billboard:
- Align the headlines. Same position, size and style across all three, so the row reads like a sentence of three short claims.
- Keep one background system. A shared color or a continuous background makes the row look like one product rather than three random images. A panorama across the first three is a strong option; our guide to panoramic App Store screenshots explains how to keep each slice self-contained.
- Make two and three complete the story. If screenshot one says what the app is, two and three should show the next most compelling benefits, not settings or account screens.
Landscape apps, typically games and video apps, get a single image in search. That screenshot must hold the headline, the action and the brand at once, so keep text to a few words on a calm band and let the scene do the rest.
Match Your Icon and the Search Intent
Icon consistency. In a search result, your icon sits immediately above or beside your first screenshot. When both share a dominant color and visual style, the result looks deliberate and easier to recognize. A blue icon above a bright orange screenshot looks like two different brands. Check the pairing in both light and dark appearance, since the App Store follows the device setting.
Search intent. People arrive with different goals depending on what they typed. Someone searching "receipt scanner" wants to see scanning, even if your app also does budgets. Make your default first screenshot match the keyword that brings your most valuable users.
For other intents, use Custom Product Pages. Apple currently allows up to 70 per app, each with its own screenshots. You can link to them from ads and campaigns, and Apple says you can assign keywords to a custom product page so it can appear in search results for those keywords instead of your default page. That lets a different first screenshot greet each audience. Our Custom Product Pages guide covers setup.
How to Test Your First Screenshot
- Thumbnail test. Shrink the design until it is about a third of a phone screen wide. If you can't read the headline or recognize the UI, simplify.
- Two-second test. Show the image to someone outside your team for two seconds, then ask what the app does. If they can't say, the message isn't clear yet.
- Neighbor test. Search your main keyword on an iPhone, take a screenshot of the results and mock your design into the row. Does it stand out or blend in?
- Live test. Use Product Page Optimization to run up to three alternative first screenshots against your current one. Because screenshot one gets the most exposure, it is usually the best place to start testing. Our Product Page Optimization guide explains run time and confidence.
Once the opener works, apply the same thinking to the rest of the set with our App Store screenshot best practices, or rebuild from scratch with how to make App Store screenshots.
Frequently Asked Questions
Should my first App Store screenshot show the home screen?
Only if the home screen is where your main benefit is visible. Often a deeper screen, such as a finished edit or a filled-in plan, proves the promise better than a dashboard.
Should the first screenshot include my logo or app name?
Usually not. Your icon and name already sit right next to the screenshot in search results, so the space works harder as a benefit headline and real UI.
Do I still need a strong first screenshot if I have an app preview?
Yes. The preview's opening seconds take over the first impression where it plays, but your first screenshot still leads the gallery on the product page, so it should stay strong.
Should I put my star rating on the first screenshot?
Only if the rating is strong, current and true in every storefront where that screenshot appears. Otherwise, a clear benefit is the safer opener.
Sources
Design your App Store screenshots now
Pick one of 102 templates, drop in your app screens and export every iPhone, iPad and Android size from one design.