De korte versie
- App-lanceringsgraphics werken het best als één kit uit één ontwerp: lanceerposts, een Open Graph-afbeelding, profielheaders en galerijafbeeldingen.
- De Open Graph-afbeelding die verschijnt als je link wordt gedeeld, is 1200×630 pixels, en de X-header is 1500×500.
- Lanceerposts noemen de app, zeggen in één zin wat hij doet en wijzen naar waar je hem krijgt.
- Werk je linkpreview, headers en websitehero bij voordat je iets post, zodat elke link die mensen op de lanceerdag delen er al goed uitziet.
- Een consistente achtergrond in elke lanceringsgraphic helpt mensen dezelfde app te herkennen als hij in verschillende feeds verschijnt.
Op deze pagina
Goede app-lanceringsgraphics zijn één ontwerp in vele vormen: een aankondigingspost voor elk netwerk, een linkpreview van 1200×630 die verschijnt telkens als iemand je URL deelt, verse profielheaders en een korte set galerijafbeeldingen voor lanceersites zoals Product Hunt. Maak ze samen, uit één look en één zin, en de lanceerdag leest als één gebeurtenis in plaats van een gehaaste mix van ongelijke screenshots.
Begin met één zin en één look
Schrijf vóór elke graphic de zin die zegt wat de app doet voor wie, in minder dan tien woorden. “Verdeel de huur met huisgenoten zonder het ongemakkelijke gesprek” werkt. “De toekomst van gedeeld geld” niet, want niemand kan het zich voorstellen. Die zin komt ongewijzigd op elke graphic, zodat de boodschap zich herhaalt terwijl de vorm verandert. Teksten schrijven voor beelden vertelt meer over een regel inkorten.
Leg dan de look vast: de iconkleuren van de app worden een achtergrond, het lettertype van de app wordt de kop. Een herkenbare achtergrond telt zwaarder dan je denkt, want op elke lanceerdag verschijnen dezelfde screenshots van witte interfaces. Graphics voor de lanceerdag behandelt dit voor elk soort product.
De app-lanceringskit, met formaten
Formaat
Wat erop komt
Wat erop komt
Formaat
Wat erop komt
Formaat
Wat erop komt
Formaat
Wat erop komt
Wat erop komt
Formaat
Wat erop komt
Formaat
Wat erop komt
Linkpreview
1200 × 630
X-header
1500 × 500
X-post 16:9
1600 × 900
Instagram 4:5
1080 × 1350
Story 9:16
1080 × 1920
Waarom de linkpreviewafbeelding het zwaarst weegt
Op de lanceerdag wordt je URL geplakt in chats, posts, forums en nieuwsbrieven die je nooit zult zien. Elk daarvan toont je Open Graph-afbeelding, dus het is stilletjes de meest bekeken lanceringsgraphic. Maak hem 1200×630, zet de appnaam en de zin in het midden, houd tekst uit de buurt van de randen omdat sommige apps bijsnijden tot een vierkant, en test hem vóór de lancering met een deeldebugger. Open Graph-afbeeldingsformaat heeft de uitsneden; Open Graph-tags heeft de 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" />Een app-lanceerpost ontwerpen
Een lanceerpost concurreert met al het andere in de feed, dus hij moet in één oogopslag leesbaar zijn. Begin met de zin, niet met het logo. Toon één scherm, niet vijf. Zeg waar je de app krijgt. Op X en Bluesky werkt een thread goed: eerst de graphic, dan een korte video, dan het verhaal van de maker.
De X- en Bluesky-post op 1600×900: de zin draagt de post.
De story: twee woorden en waar je heen moet, op dezelfde achtergrond.
Vermijd
- Een raster van zes telefoonscreenshots
- Van alles “revolutioneren”
- Een nieuw kleurenschema alleen voor de lancering
- Tekst aan de buitenranden van de previewafbeelding
Doe
- Eén scherm dat het hoofdmoment toont
- De gewone zin over wat de app doet
- De eigen kleuren van het icoon, overal
- Gecentreerde woorden, met royale marges
Korte schermopnamen passen goed bij apps, omdat ze het hoofdmoment in beweging tonen: de tik, het resultaat. Houd ze onder de twintig seconden, zet de zin op het eerste beeld en voeg ondertitels toe, want veel mensen scrollen met het geluid uit. Productdemovideo behandelt tempo en kadrering.
De volgorde om app-lanceringsgraphics in te maken
- 1
Een week eerder: het masterontwerp
Zin, icoon, achtergrond, lettertype op één liggend beeld. Al het andere komt eruit voort.
- 2
Een week eerder: een binnenkort-post
Teas de datum en een link naar de wachtlijst. Binnenkort-post heeft opmaken.
- 3
Twee dagen eerder: previews en headers
Lever de Open Graph-afbeelding, X-header en websitehero vroeg op, zodat links die op de dag worden gedeeld er goed uitzien.
- 4
De dag ervoor: elke lanceerpost
Exporteer alle formaten en schrijf van tevoren bijschriften voor elk netwerk.
- 5
Lanceerdag: posten, reageren, herhalen
Besteed de dag aan mensen antwoorden geven, niet aan graphics maken.
- 6
Een week erna: een bedankje
Een mijlpaal- of bedankpost in dezelfde look sluit de lancering af.
Gradiently past goed bij deze werkwijze. Ontwerp de master eenmaal op een Mark, schaal hem dan met Pro in één stap naar elk formaat in de kit; de Mark houdt de zin op elke vorm leesbaar door zijn rustigste gebied achter de woorden te schuiven. Werk je al aan de lancering in ChatGPT of Claude, dan kan Gradiently met beide worden verbonden, zodat de assistent de kit kan opstellen als ontwerpen die in de Studio openen. Lanceergraphics voor indie hackers behandelt dezelfde kit voor webproducten.
Vragen die mensen stellen
Welke graphics heb ik nodig om een app te lanceren?
Een linkpreview van 1200×630, een bijgewerkte X-header van 1500×500, lanceerposts voor elk netwerk dat je gebruikt, een story, een websitehero en galerijafbeeldingen voor elke lanceersite. Maak ze allemaal uit één masterontwerp.
Welk formaat heeft een Product Hunt-galerijafbeelding?
Product Hunt noemt zijn actuele eisen voor thumbnail en galerij in het indienformulier. Ontwerp ze liggend uit dezelfde master als je andere lanceringsgraphics zodat de look consistent blijft.
Wat moet een app-lanceerpost zeggen?
De naam van de app, één zin over wat hij doet voor wie en waar je hem krijgt. Bewaar al het andere voor het bijschrift of een thread.
Wanneer moet ik mijn linkpreviewafbeelding bijwerken?
Een dag of twee vóór de lancering, met een nieuwe bestandsnaam, en test hem dan in een deeldebugger. Platforms cachen previews, dus een late wijziging is op de lanceerdag misschien niet zichtbaar.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel