# Grafiken für den Produktlaunch: die Checkliste für den Launch-Tag [Canonical HTML page](https://gradiently.design/de/guide/launch-day-graphics) Launches gehen an den kleinen Stellen schief: ein alter Header, eine fehlende Linkvorschau, eine Story, die niemand angepasst hat. Hier ist jedes Asset, seine Größe und wann es live geht. ## The short version - Ein Produktlaunch braucht Grafiken in zwei Gruppen: den Aufbau, etwa Teaser und Countdowns, und den Launch selbst, von Ankündigungs-Posts bis zu Headern, Linkvorschauen und E-Mail. - Erst ein Key Visual zu gestalten und es dann für jedes Format neu anzuordnen, hält einen Launch einheitlich und spart den Großteil der Arbeit. - Das Open-Graph-Bild der Launch-Seite sollte vor dem Launch fertig sein, denn es erscheint jedes Mal, wenn jemand den Link teilt. - Profil-Header auf X, LinkedIn und Facebook werden leicht vergessen und sollten sich am Launch-Tag mit allem anderen ändern. - Jede Launch-Grafik sollte dieselbe Überschrift tragen, damit Menschen, die sie an verschiedenen Orten sehen, dieselbe Neuigkeit erkennen. Die **Grafiken für einen Produktlaunch**, die du brauchst, fallen in zwei Gruppen. Der Aufbau: ein Teaser und ein Countdown. Der Launch: die Ankündigung in jedem Feed-Format, Storys, ein Bild für die Linkvorschau, neue Profil-Header, ein E-Mail-Header, ein Website-Hero und danach ein Dankeschön. Gestalte zuerst ein Key Visual und ordne es dann für jede Größe neu an, damit jedes Asset wie Teil desselben Moments aussieht. ## Die komplette Checkliste für Launch-Grafiken Kopier diese Liste in deinen Launch-Plan. Die Größen stammen aus den empfohlenen Upload-Größen jeder Plattform, die vollständige Übersicht steht in [Bildgrößen für Social Media](https://gradiently.design/de/guide/social-media-image-sizes). | Asset | Größe | Wann | Hinweise | | --- | --- | --- | --- | | Teaser-Post | 1080×1350 | Etwa eine Woche vorher | Ein Hinweis, nicht die Enthüllung | | Countdown-Story | 1080×1920 | Täglich, letzte Tage | Gleiches Layout, Zahl ändert sich | | Instagram-Ankündigung | 1080×1350 | Launch-Tag | Das Key Visual | | Launch-Storys | 1080×1920 | Launch-Tag | Mit Link-Sticker | | Ankündigung auf X | 1600×900 | Launch-Tag | Wird in der Timeline ganz gezeigt | | LinkedIn-Post | 1200×1200 | Launch-Tag | Oder ein Dokument-Karussell | | Facebook-Post | 1200×1200 | Launch-Tag | Dieselben Wörter wie überall | | Linkvorschau (Open Graph) | 1200×630 | Vor dem Launch fertig | Vor dem Tag testen | | X-Header | 1500×500 | Launch-Tag | Profilbild überlappt unten links | | LinkedIn-Banner | 1584×396 | Launch-Tag | Unternehmens-Cover ist 2256×382 | | Facebook-Titelbild | 1640×624 | Launch-Tag | Wörter in die Mitte | | E-Mail-Header | 1200×600 | Launch-Tag | Dunkelmodus prüfen | | Website-Hero | 1920×1080 | Launch-Tag | Überschrift auf ruhiger Fläche | | Video-Thumbnail | 1280×720 | Wenn es eine Demo gibt | Drei oder vier Wörter | | Dankeschön oder Rückblick | 1080×1350 | Ein paar Tage danach | Nur echte Zahlen | Jedes Launch-Asset, seine Größe und wann es live geht. Streich, was du nicht brauchst, die meisten Launches brauchen das meiste davon. - Post 1080×1350: 1080 × 1350 - Story 1080×1920: 1080 × 1920 - X-Post 1600×900: 1600 × 900 - Linkvorschau 1200×630: 1200 × 630 - X-Header 1500×500: 1500 × 500 - LinkedIn-Banner 1584×396: 1584 × 396 - E-Mail-Header 1200×600: 1200 × 600 - Website-Hero 1920×1080: 1920 × 1080 Acht Formate aus der Liste, maßstabsgetreu. Ein Launch, von hohen Storys bis zu schmalen Bannern, deshalb funktioniert ein Bild, achtmal beschnitten, nie. ## Fang mit einem Key Visual an, dann mach das Set Gestalte nicht fünfzehn Assets. Gestalte eines, die Instagram-Ankündigung oder den Website-Hero, bis es stimmt: der Hintergrund, die Überschrift, die Schrift, die eine Akzentfarbe. Das ist der Look des Launches. Jedes andere Asset ist derselbe Look, für ein anderes Format angeordnet. Hohe Formate stapeln, breite Formate verteilen, schmale Banner behalten nur die Überschrift. - Launch-Nacht: #0b0d1a - Tiefes Indigo: #1f2a5c - Signalblau: #4f6bed - Sanftes Leuchten: #9bb4ff - Akzentgold: #ffcf5c - Papierweiß: #f5f3ee Eine Launch-Palette: ein dunkler Grund, drei verbundene Blautöne, ein goldener Akzent nur für das Datum oder die Handlungsaufforderung und ein gebrochenes Weiß für die Schrift. Schreib den Look auf: Farben, Schriften, die Überschrift, wohin der Akzent kommt. Wenn mehrere Leute Assets machen, sorgt diese Notiz dafür, dass der Header, den jemand um Mitternacht baut, zu dem Post passt, den du vor einer Woche gemacht hast. ## Der Zeitplan für den Launch 1. **Zwei Wochen vorher: das Key Visual** Gestalte die Hauptankündigung und einigt euch auf die Überschrift. Mach jetzt das Bild für die Linkvorschau, damit die Launch-Seite es ab dem ersten Teilen zeigt. [OG-Bild-Größe](https://gradiently.design/de/guide/open-graph-image-size) hat die Tags und Tests. 2. **Eine Woche vorher: der Teaser** Ein Post und eine Story, die im Launch-Look andeuten, was kommt, ohne es zu enthüllen. 3. **Die letzten Tage: der Countdown** Eine tägliche Story mit wechselnder Zahl und einem Countdown-Sticker, damit Menschen sich erinnern lassen können. 4. **Am Tag davor: das ganze Set machen** Ordne das Key Visual für jedes Format auf der Liste an. Plane, was sich planen lässt. 5. **Am Launch-Morgen: überall live gehen** Veröffentliche Posts und Storys, tausch jeden Profil-Header, versende die E-Mail, aktualisiere den Website-Hero. 6. **Ein paar Tage danach: Danke sagen** Ein Rückblick im selben Look, mit echten Ergebnissen, wenn du welche teilen willst, der die Geschichte abschließt. Ein Teaser-Post mit dem Text Etwas Neues, Dienstag auf einem Farbverlauf-Hintergrund Der Teaser: der Launch-Look und ein Datum, sonst nichts. Eine Launch-Ankündigung, die eine App für geteilte To-do-Listen im selben Stil wie der Teaser vorstellt Die Ankündigung: derselbe Look, jetzt mit der Enthüllung. ## Eine Überschrift für jede Grafik Menschen begegnen einem Launch an vielen Orten: morgens eine Story, mittags ein Post auf LinkedIn, abends eine E-Mail. Sie sollten jedes Mal dieselbe Neuigkeit erkennen. Das heißt: eine Überschrift, Wort für Wort, auf jeder Grafik, während sich die Details je nach Format ändern. Zur Reihenfolge der Wörter siehe [so gestaltest du einen Ankündigungs-Post](https://gradiently.design/de/guide/announcement-post-design). ### Vermeiden - Auf jeder Plattform ein anderer Slogan - Ein Bild, auf jedes Format beschnitten - Neue Farben, extra für den Launch erfunden - Header, die noch die letzte Saison zeigen ### Machen - Eine Überschrift, überall wiederholt - Jedes Format für seine Form angeordnet - Dein gewohnter Look, eine Stufe lauter - Jeder Header am Morgen getauscht ## Was am Launch-Tag vergessen wird - **Die Linkvorschau.** Plattformen speichern sie zwischen, wenn du die Seite geteilt hast, bevor das Bild fertig war, aktualisiere sie im Inspektor der Plattform. - **Profil-Header.** X-Header, LinkedIn-Banner und Facebook-Titelbild zeigen noch den alten Look. Siehe [LinkedIn-Banner-Größe](https://gradiently.design/de/guide/linkedin-banner-size) und [Twitter-Header-Größe](https://gradiently.design/de/guide/x-header-size). - **Der E-Mail-Header im Dunkelmodus.** Teste ihn, [E-Mail-Header gestalten](https://gradiently.design/de/guide/email-header-design) zeigt, was sich ändert. - **Bildbeschreibungen.** Füg jedem Launch-Bild auf jeder Plattform einen Alt-Text hinzu. - **Der Link in deinem Profil.** Richte ihn auf die Launch-Seite, bevor der erste Post rausgeht. > **Mach das Set in einem Rutsch** Ein Design fünfzehnmal neu anzuordnen ist der langsame Teil eines Launches. In Gradiently ordnet **Auf Größen kopieren** ein fertiges Design für jedes gewählte Format neu an, mit einem für jede Form frisch gerenderten Hintergrund. [Ein Look, jede Größe](https://gradiently.design/de/guide/one-look-every-size) erklärt, wie das funktioniert. ## FAQ ### Welche Grafiken brauche ich für einen Produktlaunch? Einen Teaser, einen Countdown, die Ankündigung für den Feed jeder Plattform, Launch-Storys, ein Bild für die Linkvorschau, aktualisierte Profil-Header, einen E-Mail-Header, einen Website-Hero und danach einen Dankeschön-Post. ### Wann sollten Launch-Grafiken fertig sein? Mach das Key Visual und die Linkvorschau etwa zwei Wochen vorher, den Teaser eine Woche vorher und das ganze Set am Tag davor, damit am Launch-Morgen nur noch veröffentlicht wird. ### Wie halte ich Launch-Grafiken einheitlich? Gestalte ein Key Visual, schreib seine Farben, Schriften und Überschrift auf und ordne dasselbe Design für jedes Format an, statt jedes von Grund auf neu zu gestalten. ### Welche Größe hat das Bild für die Linkvorschau einer Launch-Seite? 1200×630 Pixel, gesetzt mit dem Tag og:image. Teste es vor dem Launch-Tag, denn Plattformen speichern es zwischen.