App-Launch-Grafiken: Starte deine App überall zugleich

Gute App-Launch-Grafiken sind ein Design in vielen Formen: ein Ankündigungspost für jedes Netzwerk, eine Link-Vorschau in 1200×630, die bei jedem Teilen deiner URL erscheint, frische Profil-Header und ein kurzer Satz Galeriebilder für Launch-Seiten wie Product Hunt. Erstelle sie zusammen, aus einem Look und einem Satz, und der Launch-Tag wirkt wie ein einziges Ereignis statt wie ein Gerangel unpassender Screenshots.

Beginne mit einem Satz und einem Look

Schreibe vor jeder Grafik den Satz, der sagt, was die App für wen tut, in unter zehn Worten. „Miete mit Mitbewohnern teilen, ohne das peinliche Gespräch“ funktioniert. „Die Zukunft gemeinsamer Finanzen“ nicht, weil sich niemand etwas darunter vorstellen kann. Dieser Satz kommt unverändert auf jede Grafik, sodass sich die Botschaft wiederholt, während die Form wechselt. Texte für Visuals schreiben erklärt mehr dazu, eine Zeile zu kürzen.

Lege dann den Look fest: Die Farben des App-Symbols werden zum Hintergrund, die Schrift der App zur Überschrift. Ein eigener Hintergrund zählt mehr, als du vielleicht denkst, denn dieselben Screenshots weißer Oberflächen erscheinen an jedem Launch-Tag. Grafiken für den Launch-Tag behandelt das für jede Art Produkt.

Das Kit für App-Launch-Grafiken mit Größen

Warum das Bild der Link-Vorschau am wichtigsten ist

Am Launch-Tag wird deine URL in Chats, Posts, Foren und Newsletter eingefügt, die du nie sehen wirst. Jeder davon zeigt dein Open-Graph-Bild, es ist also unauffällig die meistgesehene Launch-Grafik. Mach es 1200×630, setze App-Name und Satz in die Mitte, halte Text von den Rändern fern, weil manche Apps zu einem Quadrat zuschneiden, und prüfe es vor dem Launch mit einem Sharing-Debugger. Open-Graph-Bildgröße zeigt die Zuschnitte; Open-Graph-Tags das Markup.

<meta property="og:title" content="Rentwise: split rent without the awkward chat" />
<meta property="og:description" content="Now on iPhone and Android." />
<meta property="og:image" content="https://rentwise.app/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />

So gestaltest du einen App-Launch-Post

Ein Launch-Post konkurriert mit allem anderen im Feed und sollte auf einen Blick lesbar sein. Beginne mit dem Satz, nicht mit dem Logo. Zeige einen Screen, nicht fünf. Sage, wo man die App bekommt. Auf X und Bluesky funktioniert ein Thread gut: zuerst die Grafik, dann ein kurzes Video, dann die Geschichte der Macher.

Kurze Bildschirmaufnahmen passen gut zu Apps, weil sie den Hauptmoment in Bewegung zeigen: das Tippen, das Ergebnis. Halte sie unter zwanzig Sekunden, setze den Satz auf das erste Bild und füge Untertitel hinzu, da viele Menschen ohne Ton scrollen. Produkt-Demovideo behandelt Tempo und Bildausschnitt.

Die Reihenfolge, in der du App-Launch-Grafiken erstellst

1. 1

   Eine Woche vorher: das Master-Design

   Satz, Symbol, Hintergrund, Schrift in einem Querformat. Alles andere leitet sich daraus ab.

2. 2

   Eine Woche vorher: ein Coming-soon-Post

   Deute Datum und Link zur Warteliste an. Coming-soon-Post bietet Layouts.

3. 3

   Zwei Tage vorher: Vorschauen und Header

   Veröffentliche Open-Graph-Bild, X-Header und Website-Hero früh, damit am Tag geteilte Links richtig aussehen.

4. 4

   Am Tag davor: alle Launch-Posts

   Exportiere alle Größen und schreibe die Texte für jedes Netzwerk im Voraus.

5. 5

   Launch-Tag: posten, antworten, wiederholen

   Verbringe den Tag damit, Menschen zu antworten, nicht Grafiken zu machen.

6. 6

   Eine Woche danach: ein Dankeschön

   Ein Meilenstein- oder Dankeschön-Post im selben Look schließt den Launch ab.

Gradiently passt gut zu diesem Ablauf. Gestalte das Master einmal auf einem Mark und passe es dann mit Pro in einem Schritt an jedes Format des Kits an; der Mark hält den Satz auf jeder Form lesbar, indem er seinen ruhigsten Bereich hinter die Worte schiebt. Wenn du den Launch schon in ChatGPT oder Claude vorbereitest, lässt sich Gradiently mit beiden verbinden, sodass der Assistent das Kit als Designs entwerfen kann, die sich im Studio öffnen. Launch-Grafiken für Indie Hacker behandelt dasselbe Kit für Web-Produkte.