ScreenShipper
Blog
App Store Screenshots

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 setupWhat usually shows in searchWhat screenshot one must do
Portrait screenshots, no previewFirst three screenshots side by sideLead a three-image row and still work alone
Landscape screenshots, no previewThe first screenshot onlyCarry the entire first impression
App preview uploadedThe preview's opening seconds, playing mutedYour 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:

  1. What kind of app is it? If the category isn't obvious from your icon and name, the first screenshot must make it obvious.
  2. What do I get? The main outcome, stated as a benefit.
  3. 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

FormulaHeadline shapeBest whenExample
Category plus benefit"The [category] that [benefit]"Your concept needs explainingThe habit tracker that sticks
Outcome promise"[Verb] [result]"The result is emotional or easy to pictureFall asleep faster
Differentiator"[Category] without [pain]"The category is crowdedBudgeting without bank logins
Social proof lead"[Real rating or award]" plus the core screenYou have genuine, current proofRated 4.8 by runners
Search-intent mirrorYour top keyword as a promiseMost installs come from one search termScan 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

  1. 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.
  2. 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.
  3. 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?
  4. 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.

All guides
App Store Screenshots · 8 minApp Store Screenshot Best Practices: 15 Rules That ConvertApp Store screenshot best practices for 2026: 15 rules covering the first three screens, one message per screen, readable text, social proof and testing.Read guide App Store Screenshots · 9 minHow to Make App Store Screenshots: A Step-by-Step Guide for 2026Learn how to make App Store screenshots in 9 steps: plan the story, capture clean screens, write headlines, design, localize, export and upload.Read guide App Store Screenshots · 7 minPanoramic App Store Screenshots: How to Design Seamless SetsDesign panoramic App Store screenshots that flow across the gallery: canvas math, seams and safe zones, bridge elements and a step-by-step workflow.Read guide App Store Screenshots · 7 minHow to Write App Store Screenshot Captions (With 36 Examples)Write App Store screenshot captions that sell: a 5-step formula, before-and-after rewrites and 36 example headlines by category, plus mistakes to avoid.Read guide App Store Screenshots · 7 minApp Store Screenshot Generator: How to Choose the Right OneWhat to look for in an App Store screenshot generator: exact store sizes, alpha-free export, templates, device frames, localization and fair pricing.Read guide App Store Screenshots · 7 minDark Mode App Store Screenshots: When and How to Use ThemDark mode App Store screenshots suit media, games, photo and night-time apps. Learn when dark beats light, how to keep contrast, and how to avoid banding.Read guide