So machst du App-Store-Screenshots, die Downloads bringen
Öffne den App Store, such nach irgendetwas und zähl mit, wie lange du bei jedem Treffer hängen bleibst. Zwei Sekunden? Weniger? Du liest keine Beschreibungen. Du siehst ein Icon, einen Namen und einen Streifen Screenshots in Daumenbreite – und entscheidest.
Genau das ist die Sache mit App-Store-Screenshots: Sie sind das Asset, das die meisten Indie-Entwickler zuletzt fertigmachen, um Mitternacht, direkt aus dem Simulator – und gleichzeitig das Asset, das die Entscheidung trifft. Der erste Bildschirm deines Eintrags auf dem Handy zeigt dein Icon, deinen Titel und ungefähr die ersten beiden Screenshots. Alles danach ist für Leute, die ohnehin schon zum Ja tendieren.
Entwerfen wir diese fünf Frames also richtig – anhand eines echten Beispiels.
Deine Screenshots werden zuerst in Thumbnail-Größe beurteilt
Hier ist die Falle. Du gestaltest in 1290 × 2796 auf einem 27-Zoll-Monitor, und es sieht fantastisch aus. Dann sucht jemand nach „Einkaufsliste“, und dein Eintrag erscheint in den Ergebnissen: drei Screenshots, zusammengequetscht in einen Streifen, kaum breiter als ein Daumen. Deine wunderschöne 48-px-Headline ist jetzt unlesbarer Brei.
Ich nenne das den Thumbnail-Test, und er ist gnadenlos: Verkleinere deinen Frame auf ein Drittel und schau ihn dir aus Armlänge an. Wenn du die Headline nicht lesen kannst, ist es keine Headline – dann ist es Textur.
Praktisch heißt das: Auf einer Fläche von 1290 × 2796 braucht die Headline 96–140 px, fett, maximal zwei Zeilen. Im Editor wirkt das absurd groß. Es ist trotzdem richtig. Jedes Screenshot-Set, das funktioniert, sieht überschriftenlastig aus, solange du hineingezoomt bist.
Der Screen selbst muss den Thumbnail-Test nicht bestehen. Deine UI-Beschriftungen liest im Streifen ohnehin niemand. Der Screen ist der Beweis – er sagt auf einen Blick: „Das hier ist eine echte, sauber gebaute App.“ Verkauft wird über die Headline.
Die Headline verkauft den Nutzen, der Screen beweist ihn
Die meisten schlechten Screenshot-Sets betiteln das Feature. „Smarte Listen.“ „Spracheingabe.“ „Sync.“ Das sind Namen von Dingen, und ein Name hat noch nie jemanden zu einer Installation überredet.
Teil die Aufgabe auf:
- Headline = das Ergebnis, das der Nutzer will, in seinen Worten. Kurz. Zweite Person – oder ganz ohne Person.
- Screen = der Beweis, dass die App das auch liefert.
Aus „Spracheingabe“ wird „Milch eintragen, ohne das Handy zu entsperren.“ Aus „Sync“ wird „Zwei Leute, eine Liste, keine doppelte Milch.“ Derselbe Screenshot darunter. Völlig andere Conversion.
Eine Idee pro Frame. Wenn deine Headline ein „und“ braucht, sind es zwei Frames.
Ein durchgespieltes Beispiel: fünf Frames für eine Einkaufs-App
Die App heißt Bunch – eine gemeinsame Einkaufsliste für Paare und WGs. Das ist genau das Frame-Skript, das ich ausliefern würde, in dieser Reihenfolge:
| # | Headline (96–140 px) | Gezeigter Screen | Aufgabe dieses Frames |
|---|---|---|---|
| 1 | Zwei Leute. Eine Liste. Keine doppelte Milch. | Gemeinsame Liste mit zwei Avataren an den Einträgen | Der ganze Pitch in sieben Wörtern |
| 2 | Sag „Hafermilch“. Steht auch auf ihrer Liste. | Spracheingabe mitten in der Animation, Eintrag erscheint | Nimmt den Einwand „Ist das Eintragen nicht nervig?“ |
| 3 | Sortiert nach Gang, nicht nach Chaos. | Liste gruppiert: Obst & Gemüse / Milchprodukte / Tiefkühl | Das Delight-Feature |
| 4 | Dienstags um 18 Uhr nichts vergessen. | Erinnerung bei Ankunft im Laden | Der emotionale Payoff |
| 5 | Kostenlos. Ohne Konto loslegen. | Leerer Zustand mit großem Button „Liste starten“ | Die letzte Hürde aus dem Weg räumen |
Man sieht: Frame 1 und 2 leisten die Hauptarbeit – was es ist, und warum es keine Mühe macht. Wischt ein Nutzer nicht weiter, hat er trotzdem das komplette Argument gehört. Frame 3 bis 5 sind für die Person, die schon zum Ja tendiert und nach einem Grund sucht, sich festzulegen.
Und noch etwas: Frame 5 ist überhaupt kein Feature. Es ist ein Einwand-Killer. Der am meisten verschenkte Screenshot-Platz im App Store ist der letzte – er sollte entweder eine Angst nehmen („kostenlos“, „kein Konto“, „funktioniert offline“) oder Social Proof zeigen („4,8★, 12.000 geteilte Listen in diesem Monat“).
Layout-Regeln, die für das ganze Set gelten
- Headline oben auf einer einfarbigen Fläche, darunter das Gerät, unten aus dem Bild laufend. Dieses Muster dominiert aus gutem Grund – das Auge liest von oben nach unten, und das angeschnittene Gerät suggeriert: „Da ist noch mehr App.“
- Setz die Headline nie in den Handy-Screen hinein. Sie wird als UI gelesen, und UI überspringen Nutzer.
- Gleicher Hintergrund und gleiche Schrift auf allen fünf Frames. Rotier die Akzentfarbe, wenn du Rhythmus willst, aber ein Set, das von Frame zu Frame die Schrift wechselt, liest sich wie fünf verschiedene Apps. Das ist dieselbe Disziplin wie bei einem Brand Kit – einmal festlegen, überall anwenden.
- Kontrast: dunkle Fläche mit weißer Headline, oder eine kräftige Markenfarbe mit Weiß. Hellgraue Headline auf weißer Fläche ist der mit Abstand häufigste Fehler, den ich sehe – und der, der in Thumbnail-Größe am gründlichsten verschwindet.
- Halte die Headline in einem Sicherheitsabstand von rund 8 % zu jeder Seite. Die Store-Oberfläche beschneidet stärker, als du denkst.
Das Set in Ridvay Studio bauen
Du brauchst weder fünf einzelne Dateien noch eine Figma-Lizenz. Studio baut dir das komplette Set als ein mehrseitiges Design, das du danach Frame für Frame bearbeitest.
Füg das hier ein:
Erstelle ein 5-seitiges App-Store-Screenshot-Set, 1290x2796, für „Bunch“, eine gemeinsame Einkaufslisten-App für Paare. Dunkles Navy als Hintergrund, weiße fette Headlines oben in jedem Frame, darunter ein Handy-Mockup, das unten aus dem Bild läuft. Headlines in dieser Reihenfolge: „Zwei Leute. Eine Liste. Keine doppelte Milch.“ / „Sag Hafermilch. Steht auch auf ihrer Liste.“ / „Sortiert nach Gang, nicht nach Chaos.“ / „Dienstags um 18 Uhr nichts vergessen.“ / „Kostenlos. Ohne Konto loslegen.“
Zurück kommt kein flaches Bild, das du neu würfeln musst, wenn ein Wort nicht passt. Es sind fünf editierbare Seiten – die Headline ist eine echte Textebene, die Fläche eine echte Form, der Akzent ein echter Farbwert. Genau darum geht es, denn die nächsten dreißig Minuten sind Bearbeitung, keine Neugenerierung:
- Klick jede Headline an und zieh die Schriftgröße hoch, bis sie bei rund 110 px liegt. Dann zoom die Arbeitsfläche auf 33 % heraus und lies sie noch einmal. Das ist der Thumbnail-Test, direkt im Editor.
- Zieh deine echten Screen-Aufnahmen auf die Mockup-Ebene und ersetz damit den Platzhalter. Die Headline bleibt, wo sie ist – nur der Beweis ändert sich.
- Färb die Fläche auf allen fünf Seiten in dein Markenblau um und lass die Typo in Ruhe – Konsistenz über das ganze Set schlägt Abwechslung innerhalb davon.
- Duplizier Seite 1 und schreib nur die Headline um, um einen zweiten Blickwinkel zu testen („Nie wieder ‚Hast du Milch geholt?‘ schreiben“). Zwei Varianten von Frame 1 sind der wirkungsvollste A/B-Test im gesamten Store-Eintrag.
Danach schiebst du dasselbe Set per Ein-Klick-Resize auf die 6.9"- und die iPad-Fläche, statt es neu zu bauen, und exportierst jede Seite als PNG.
Das Bunch-Screenshot-Set in Studio bauen →
Vier Fehler, die Downloads kosten
Mit dem Login-Screen anfangen. Dein erster Frame sollte nie einen Screen zeigen, an dem der Nutzer erst vorbei muss. Zeig die App bei der Arbeit, mit realistischen Daten schon drin.
Leere Demo-Daten. „Eintrag 1, Eintrag 2, Eintrag 3“ sagt einem Nutzer, dass niemand deine App benutzt. Füll sie mit plausiblen Inhalten – echte Produktnamen, echte Preise, eine Listenlänge, die ein echter Mensch hätte.
Beim letzten Frame nur in Hochformat denken. Wenn du ein echtes Wow-Visual hast – ein Diagramm, eine Karte, ein randabfallendes Foto –, ist das ein Kandidat für den Frame, der den Swipe verdient.
Screenshots, die der App widersprechen. Wenn deine Headlines ein Feature versprechen, das noch zwei Versionen entfernt ist, werden deine Ein-Stern-Bewertungen genau das schreiben. Liefer die Frames für die App aus, die du hast.
Die allgemeinen Regeln zu Hierarchie und Kontrast, die hinter all dem stecken, lohnen sich ebenfalls – ich habe sie in Designprinzipien für Nicht-Designer aufgeschrieben, und App-Screenshots sind der Ort mit dem höchsten Einsatz, um sie anzuwenden: Du hast ungefähr zwei Frames und einen Daumenwisch, um deinen Fall zu machen.
Mach den Thumbnail-Test heute Abend. Verkleinere deinen aktuellen Frame 1 auf ein Drittel, wirf einen Blick darauf und frag dich, ob ein Fremder wüsste, was deine App tut. Wenn nicht, steht genau ein Abend Arbeit zwischen dir und einer spürbar besseren Conversion Rate.