App Store-Screenshots mit GPT-Image-2 (1,6k $ MRR in 36 Tagen)

@_frederickjames
ENGLISCHvor 2 Tagen · 05. Juli 2026
100K
471
27
29
1.5K

TL;DR

Dieser Leitfaden beschreibt einen schnellen Workflow für die Gestaltung von App Store-Screenshots mit hoher Conversion-Rate: Pinterest für die Recherche, Figma für MVPs und GPT-Image-2 für professionelle, KI-gestützte 3D-Effekte.

Deine App-Store-Seite ist eine von 4 Conversion-Variablen:

Marketing -> App-Store-Seite -> Onboarding -> Paywall.

Die Leute konzentrieren sich auf das Onboarding und die Paywall. Der Produkt-Trichter beginnt jedoch auf der App-Seite! Wenn deine Screenshots schlecht sind, werden die Leute die App nicht herunterladen!

Meine App hat eine Conversion-Rate von 65 % von Seitenaufruf zu Download.

Das ist ein riesiger Grund, warum ich so schnell 1.600 € MRR erreicht habe.

Ich zeige dir, wie das für meine neue App funktioniert!

**Das Beste daran?

  1. **Mit KI: Das dauert < 30 Minuten!
  2. Die meisten App-Store-Seiten sind schlecht. Der Aufwand, einen Mitbewerber zu übertreffen, ist winzig!Das ist alles, was du brauchst:
  3. Ein Pinterest-Konto (KOSTENLOS).
  4. Ein Figma-Konto (KOSTENLOS).
  5. GPT-Image-2 (Kostenlos mit einem 20-$-pro-Monat-Codex-Plan).

Schritt Eins: Recherche.

Wir erstellen eine feminine Manifestations-App.

Zuerst: Schau dir andere Apps in der Nische an und erkenne Muster.

Frederick James - inline image

Quelle: „Stella“ & „Manifest Affirmations“ Apps

Was mir auffällt:

  • Rosa & warme Töne.
  • Sehr „ästhetisch“, Bilder stehen im Fokus.
  • Verkauft das Ergebnis, nicht das Produkt.

**Zweitens: Durchstöbere Pinterest.

**Das gibt dir einen breiteren Kontext zu deiner Nische.

Sowie Ideen für Assets, die du später verwenden kannst.

Frederick James - inline image

Häufige Trends:

  • Wörter: Magnetisch, gesund, strahlend, Präsenz, Liebe.
  • Sanfte Energie, kraftvolle Mantras.
  • Speichere alle Bilder, die dir wirklich gefallen:

Das unten links ist für sich genommen schon ein Knaller.

Schritt Zwei: Figma MVP

Der Geheimtipp, um mit KI richtig gute Ergebnisse zu erzielen:

Erstelle zuerst einen Mockup in Figma.

*Wenn du ohne Referenzen promptest, bekommst du schlechte Ergebnisse. Ein bisschen Vorarbeit zu investieren, hat eine überproportionale Rendite.*

1. **Vorlagen:

**Es gibt viele kostenlose Vorlagen in Figma. Ich verwende diese:

Frederick James - inline image

2. Schriftarten

Es gibt zwei Arten von Schriftarten, die jeder verwendet:

  • Der „Premium“-High-End-Look: Instrument Serif.
  • Der moderne, fette Minimal-Look: SF Pro.

Mit einer von beiden kann man nichts falsch machen:

Frederick James - inline image

Die anderen beiden Werkzeuge sind der Gradienten-Generator und die Liquid-Glass-Komponenten.

Frederick James - inline image

Ich habe diese MVPs in nur wenigen Minuten erstellt.

Frederick James - inline image

Schritt Drei: Die KI-Magie

Jetzt promptest du GPT-Image-2 mit unseren MVP-Referenzen.

Mache diese Screenshots ansprechender und etwas lebendiger. Lass UI-Elemente subtil hervorstechen, den Telefonrand überlappen, für einen 3D-Effekt. Gib x separate Bilder aus.

Eine Empfehlung hier:

Behalte den Model-Aufwand auf mittel.

Spiele natürlich herum und experimentiere, aber bei mir führte ein höherer Aufwand zu seltsamen Ergebnissen: komische Seitenverhältnisse, komische Textgrößen usw.

Das sind meine Ergebnisse:

Frederick James - inline image
  1. Kontrast. Die UI-Elemente sind „3D“, sie ragen aus dem Telefon heraus. Das macht sie optisch ansprechend. Wenn du dir beliebte Apps ansiehst, machen das fast alle.
  1. Subtile Lebendigkeit. Habe farbbewusste Glow- und Glitzer-UI-Elemente hinzugefügt. Diese kleinen Verbesserungen haben eine unbewusste Wirkung auf den Nutzer. Die letzten professionellen Feinschliffe.
  1. Bildfilter. Das Modell hat die Lebendigkeit und Sättigung erhöht. Das kann manchmal übertrieben sein, also behalte es im Auge. Aber hier ist es eindeutig ansprechender!HINWEISE:

Manchmal erhöht die KI die Sättigung ein wenig zu stark, sodass die Bilder plastisch und KI-artig aussehen. Du kannst den anfänglichen Prompt anpassen, indem du die „Lebendigkeit“ entfernst. Oder bitte darum, die ausgegebenen Bilder zu überarbeiten!

Ich bin näher am Original geblieben, da die MVPs recht gut geworden sind, aber du kannst bei diesem Schritt verrückt spielen und das Design komplett überarbeiten, wenn du möchtest. Wichtig ist, eine „gut genug“ Referenz zu geben, damit das Modell weiß, in welche Richtung es gehen soll.

Schritt Vier: Letzte Feinschliffe

Apple verlangt sehr spezifische Auflösungen.

Das Bildmodell wird sie nicht in der richtigen Weise ausgeben.

Wir können entweder:

  1. Manuell in Figma bearbeiten (bevorzugt). Dauert 2 Sekunden.
  2. Codex oder Claude bitten, sie auf die richtige Größe zuzuschneiden.

TLDR:

1. Recherchiere im App Store & auf Pinterest.

2. MVP in Figma.

3. KI-Magie.

4. Auf die richtige Größe für Apple bringen.

In YouMind remixen

Turn one viral article into a full content workflow

Collect the source, decode the pattern, create assets, draft the story, and distribute from one AI workspace.

Explore YouMind
Für Creator

Verwandle dein Markdown in einen sauberen 𝕏-Artikel

Wenn du eigene Langtexte veröffentlichst, wird die 𝕏-Formatierung von Bildern, Tabellen und Codeblöcken mühsam. YouMind macht aus einem ganzen Markdown-Entwurf einen sauberen, sofort postbaren 𝕏-Artikel.

Markdown zu 𝕏 testen

Mehr Muster zum Entschlüsseln

Aktuelle virale Artikel

Mehr virale Artikel entdecken