In breve
- Le grafiche per il lancio di un’app funzionano meglio come un unico kit nato da un solo design: post di lancio, un’immagine Open Graph, intestazioni dei profili e immagini per la galleria.
- L’immagine Open Graph che compare quando il tuo link viene condiviso è di 1200×630 pixel, e l’intestazione di X è di 1500×500.
- I post di lancio devono nominare l’app, dire in una frase cosa fa e indicare dove ottenerla.
- Aggiorna l’anteprima del link, le intestazioni e l’hero del sito prima di pubblicare qualsiasi cosa, così ogni link condiviso il giorno del lancio ha già l’aspetto giusto.
- Uno sfondo coerente in tutte le grafiche di lancio aiuta le persone a riconoscere la stessa app mentre compare in feed diversi.
In questa pagina
Buone grafiche per il lancio di un’app sono un unico design in tante forme: un post di annuncio per ogni social, un’anteprima del link da 1200×630 che compare ogni volta che qualcuno condivide il tuo URL, intestazioni di profilo nuove e una breve serie di immagini di galleria per siti di lancio come Product Hunt. Creale insieme, da un solo aspetto e una sola frase, e il giorno del lancio si legge come un unico evento invece che come una corsa di screenshot scoordinati.
Parti da una frase e un aspetto
Prima di qualsiasi grafica, scrivi la frase che dice cosa fa l’app e per chi, in meno di dieci parole. «Dividi l’affitto con i coinquilini senza discorsi imbarazzanti» funziona. «Il futuro della finanza condivisa» no, perché nessuno riesce a immaginarselo. Quella frase va su ogni grafica, invariata, così il messaggio si ripete mentre la forma cambia. Scrivere testi per le immagini spiega meglio come ridurre una riga.
Poi fissa l’aspetto: i colori dell’icona dell’app diventano uno sfondo, il carattere dell’app diventa il titolo. Uno sfondo distintivo conta più di quanto pensi, perché gli stessi screenshot di interfacce bianche compaiono in ogni giorno di lancio. Grafiche per il giorno del lancio tratta questo tema per qualsiasi tipo di prodotto.
Il kit di grafiche per il lancio di un’app, con i formati
Formato
Cosa ci va
Formato
Cosa ci va
Formato
Cosa ci va
Formato
Cosa ci va
Formato
Cosa ci va
Cosa ci va
Formato
Cosa ci va
Formato
Cosa ci va
Anteprima del link
1200 × 630
Intestazione di X
1500 × 500
Post X 16:9
1600 × 900
Instagram 4:5
1080 × 1350
Storia 9:16
1080 × 1920
Perché l’immagine dell’anteprima del link conta di più
Il giorno del lancio il tuo URL viene incollato in chat, post, forum e newsletter che non vedrai mai. Ognuno mostra la tua immagine Open Graph, quindi è, senza dare nell’occhio, la grafica di lancio più vista. Falla di 1200×630, metti il nome dell’app e la frase al centro, tieni il testo lontano dai bordi perché alcune app ritagliano a quadrato e controllala con un debugger di condivisione prima del lancio. Dimensioni dell’immagine Open Graph ha i ritagli; tag Open Graph ha il 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" />Come progettare un post di lancio per un’app
Un post di lancio compete con tutto il resto del feed, quindi deve leggersi a colpo d’occhio. Parti dalla frase, non dal logo. Mostra una schermata, non cinque. Di’ dove trovare l’app. Su X e Bluesky funziona bene un thread: prima la grafica, poi un breve video, poi la storia di chi l’ha creata.
Il post per X e Bluesky a 1600×900: la frase regge il post.
La storia: due parole e dove andare, sullo stesso sfondo.
Da evitare
- Una griglia di sei screenshot di telefono
- «Rivoluzionare» qualsiasi cosa
- Una nuova combinazione di colori solo per il lancio
- Testo ai bordi esterni dell’immagine di anteprima
Da fare
- Una schermata che mostra il momento principale
- La frase semplice su cosa fa
- I colori dell’icona, ovunque
- Parole centrate, con margini generosi
Le brevi registrazioni dello schermo vanno bene per le app, perché mostrano il momento principale in movimento: il tocco, il risultato. Tienile sotto i venti secondi, metti la frase sul primo fotogramma e aggiungi i sottotitoli, perché molte persone scorrono senza audio. Video dimostrativo del prodotto tratta ritmo e inquadratura.
L’ordine in cui creare le grafiche di lancio di un’app
- 1
Una settimana prima: il design master
Frase, icona, sfondo e carattere su un solo riquadro orizzontale. Tutto il resto nasce da lì.
- 2
Una settimana prima: un post «in arrivo»
Anticipa la data e un link alla lista d’attesa. Post «in arrivo» ha delle impaginazioni.
- 3
Due giorni prima: anteprime e intestazioni
Pubblica presto l’immagine Open Graph, l’intestazione di X e l’hero del sito, così i link condivisi nel giorno hanno l’aspetto giusto.
- 4
Il giorno prima: tutti i post di lancio
Esporta tutti i formati e scrivi in anticipo le didascalie per ogni social.
- 5
Giorno del lancio: pubblica, rispondi, ripeti
Passa la giornata a rispondere alle persone, non a creare grafiche.
- 6
Una settimana dopo: un ringraziamento
Un post di traguardo o di ringraziamento con lo stesso aspetto chiude il lancio.
Gradiently si adatta bene a questo flusso. Disegna il master una volta su un Mark, poi, con Pro, ridimensionalo in ogni formato del kit in un solo passo; il Mark mantiene leggibile la frase su ogni forma spostando la sua zona più calma dietro le parole. Se stai già lavorando al lancio in ChatGPT o Claude, Gradiently può essere collegato a entrambi, così l’assistente può preparare il kit come design che si aprono nello Studio. Grafiche di lancio per indie hacker tratta lo stesso kit per i prodotti web.
Le domande più frequenti
Quali grafiche mi servono per lanciare un’app?
Un’anteprima del link da 1200×630, un’intestazione di X aggiornata da 1500×500, post di lancio per ogni social che usi, una storia, un hero del sito e immagini di galleria per ogni sito di lancio. Creale tutte da un solo design master.
Che dimensioni ha un’immagine della galleria di Product Hunt?
Product Hunt elenca nel modulo di invio i requisiti attuali di miniatura e galleria. Progettale in orizzontale dallo stesso master delle altre grafiche di lancio, così l’aspetto resta coerente.
Cosa dovrebbe dire un post di lancio di un’app?
Il nome dell’app, una frase su cosa fa e per chi, e dove trovarla. Tieni tutto il resto per la didascalia o per un thread.
Quando devo aggiornare l’immagine di anteprima del link?
Un giorno o due prima del lancio, con un nuovo nome di file, poi provala in un debugger di condivisione. Le piattaforme mettono in cache le anteprime, quindi una modifica tardiva potrebbe non vedersi il giorno del lancio.
Scritto da Gradiently
Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.
Vedi il nostro profilo