Grafikk til applansering: kunngjør appen overalt på en gang

God grafikk til applansering er ett design i mange formater: et kunngjøringsinnlegg for hvert nettverk, en lenkeforhåndsvisning på 1200×630 som vises hver gang noen deler URL-en din, nye profilbannere og et lite sett gallerybilder for lanseringssider som Product Hunt. Lag dem sammen, fra ett uttrykk og én setning, så fremstår lanseringsdagen som én hendelse i stedet for et virvar av skjermbilder som ikke henger sammen.

Start med én setning og ett uttrykk

Før noe grafikk, skriv setningen som sier hva appen gjør for hvem, på under ti ord. «Del husleien med bofellesskapet uten det kleine pratet» fungerer. «Fremtiden for delt økonomi» gjør det ikke, fordi ingen kan se det for seg. Den setningen står på all grafikken, uendret, så budskapet gjentas mens formatet skifter. Å skrive tekst til visuelt innhold har mer om å korte ned en linje.

Lås deretter uttrykket: fargene i appikonet blir en bakgrunn, skrifttypen i appen blir overskriften. En særpreget bakgrunn betyr mer enn du kanskje tror, fordi de samme skjermbildene av hvite grensesnitt dukker opp på hver eneste lanseringsdag. Grafikk til lanseringsdagen dekker dette for alle typer produkter.

Grafikksettet til applanseringen, med størrelser

Hvorfor forhåndsvisningsbildet betyr mest

På lanseringsdagen limes URL-en din inn i chatter, innlegg, forum og nyhetsbrev du aldri får se. Hver eneste av dem viser Open Graph-bildet ditt, så det er i det stille den mest viste lanseringsgrafikken. Lag det i 1200×630, sett appnavnet og setningen i midten, hold teksten unna kantene fordi enkelte apper beskjærer til kvadrat, og sjekk det med et delingsverktøy før lansering. Størrelse på Open Graph-bilder har beskjæringene; Open Graph-tagger har koden.

<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" />

Slik designer du et lanseringsinnlegg for en app

Et lanseringsinnlegg konkurrerer med alt annet i feeden, så det bør kunne leses med ett blikk. Start med setningen, ikke logoen. Vis én skjerm, ikke fem. Si hvor man får appen. På X og Bluesky fungerer en tråd godt: grafikken først, så en kort video, så historien fra skaperen.

Korte skjermopptak passer apper godt, fordi de viser hovedøyeblikket i bevegelse: trykket, resultatet. Hold dem under tjue sekunder, sett setningen på første bilde, og legg til teksting, siden mange scroller uten lyd. Produktdemovideo dekker tempo og utsnitt.

Rekkefølgen du lager lanseringsgrafikken i

1. 1

   En uke før: hoveddesignet

   Setning, ikon, bakgrunn og skrifttype på én liggende ramme. Alt annet springer ut av den.

2. 2

   En uke før: et snart-innlegg

   Hint om datoen og en lenke til venteliste. Kommer snart-innlegg har layouter.

3. 3

   To dager før: forhåndsvisninger og bannere

   Legg ut Open Graph-bildet, X-banneret og toppbildet på nettsiden tidlig, så lenker som deles på dagen, ser riktige ut.

4. 4

   Dagen før: alle lanseringsinnleggene

   Eksporter alle størrelser og skriv bildetekster for hvert nettverk på forhånd.

5. 5

   Lanseringsdagen: publiser, svar, gjenta

   Bruk dagen på å svare folk, ikke på å lage grafikk.

6. 6

   En uke etter: et takk

   Et milepæls- eller takkeinnlegg i det samme uttrykket runder av lanseringen.

Gradiently passer godt inn i denne arbeidsflyten. Design hovedfilen én gang på en Mark, og endre den så, med Pro, til alle formatene i settet i ett steg; Marken holder setningen lesbar i hvert format ved å flytte det roligste området sitt bak ordene. Jobber du allerede med lanseringen i ChatGPT eller Claude, kan Gradiently kobles til begge, så assistenten kan skissere settet som design som åpnes i Studio. Lanseringsgrafikk for indie hackers dekker det samme settet for nettprodukter.