L’essentiel en bref
- Les visuels de lancement d’appli marchent mieux en un kit tiré d’un seul design : posts de lancement, image Open Graph, en-têtes de profil et images de galerie.
- L’image Open Graph qui s’affiche quand votre lien est partagé fait 1200×630 pixels, et l’en-tête X fait 1500×500.
- Les posts de lancement doivent nommer l’appli, dire en une phrase ce qu’elle fait et indiquer où l’obtenir.
- Mettez à jour l’aperçu de lien, les en-têtes et l’image principale du site avant de publier quoi que ce soit, pour que chaque lien partagé le jour J soit déjà au point.
- Un fond constant sur tous les visuels de lancement aide à reconnaître la même appli dans des fils différents.
Sur cette page
De bons visuels de lancement d’appli sont un seul design en plusieurs formes : un post d’annonce pour chaque réseau, un aperçu de lien 1200×630 qui s’affiche à chaque partage de votre URL, des en-têtes de profil neufs et un court jeu d’images de galerie pour les sites de lancement comme Product Hunt. Créez-les ensemble, à partir d’un style et d’une phrase, et le jour J se lit comme un seul événement plutôt qu’une course de captures d’écran dépareillées.
Commencez par une phrase et un style
Avant tout visuel, écrivez la phrase qui dit ce que l’appli fait pour qui, en moins de dix mots. « Partagez le loyer entre colocs sans la discussion gênante » fonctionne. « L’avenir des finances partagées » non, car personne ne peut se l’imaginer. Cette phrase va sur chaque visuel, inchangée : le message se répète pendant que la forme change. Écrire le texte des visuels en dit plus sur l’art de couper une ligne.
Fixez ensuite le style : les couleurs de l’icône de l’appli deviennent un fond, la police de l’appli devient le titre. Un fond distinctif compte plus qu’on ne le croit, car les mêmes captures d’interfaces blanches apparaissent à chaque jour de lancement. Les visuels du jour de lancement traitent cela pour tout type de produit.
Le kit de visuels de lancement d’appli, avec formats
Format
Ce qu’il contient
Format
Ce qu’il contient
Format
Ce qu’il contient
Format
Ce qu’il contient
Format
Ce qu’il contient
Ce qu’il contient
Format
Ce qu’il contient
Format
Ce qu’il contient
Aperçu de lien
1200 × 630
En-tête X
1500 × 500
Post X 16:9
1600 × 900
Instagram 4:5
1080 × 1350
Story 9:16
1080 × 1920
Pourquoi l’image d’aperçu de lien compte le plus
Le jour J, votre URL est collée dans des discussions, des posts, des forums et des newsletters que vous ne verrez jamais. Chacun affiche votre image Open Graph : c’est discrètement le visuel de lancement le plus vu. Faites-la en 1200×630, placez le nom de l’appli et la phrase au milieu, gardez le texte loin des bords, car certaines applis recadrent en carré, et vérifiez-la avec un débogueur de partage avant le lancement. La taille d’une image Open Graph donne les recadrages ; les balises Open Graph donnent le balisage.
<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" />Comment concevoir un post de lancement d’appli
Un post de lancement rivalise avec tout le reste du fil : il doit se lire d’un coup d’œil. Ouvrez avec la phrase, pas avec le logo. Montrez un écran, pas cinq. Dites où obtenir l’appli. Sur X et Bluesky, un fil de discussion marche bien : le visuel d’abord, puis une courte vidéo, puis l’histoire du créateur.
Le post X et Bluesky en 1600×900 : la phrase porte le post.
La story : deux mots et où aller, sur le même fond.
À éviter
- Une grille de six captures de téléphone
- « Révolutionner » quoi que ce soit
- Une nouvelle palette juste pour le lancement
- Du texte sur les bords de l’image d’aperçu
À faire
- Un écran qui montre le moment principal
- La phrase simple de ce qu’elle fait
- Les couleurs de l’icône, partout
- Des mots centrés, avec de généreuses marges
De courtes captures vidéo conviennent bien aux applis, car elles montrent le moment principal en mouvement : le geste, le résultat. Gardez-les sous vingt secondes, mettez la phrase sur la première image et ajoutez des sous-titres, car beaucoup de gens font défiler sans le son. La vidéo de démo produit couvre le rythme et le cadrage.
Dans quel ordre créer les visuels de lancement d’appli
- 1
Une semaine avant : le design maître
Phrase, icône, fond, police sur un cadre paysage. Tout le reste en découle.
- 2
Une semaine avant : un post « bientôt disponible »
Annoncez la date et un lien de liste d’attente. Le post « bientôt disponible » propose des mises en page.
- 3
Deux jours avant : aperçus et en-têtes
Livrez tôt l’image Open Graph, l’en-tête X et l’image principale du site pour que les liens partagés le jour J soient au point.
- 4
La veille : tous les posts de lancement
Exportez tous les formats et rédigez d’avance les légendes de chaque réseau.
- 5
Jour J : publier, répondre, recommencer
Passez la journée à répondre aux gens, pas à créer des visuels.
- 6
Une semaine après : un remerciement
Un post d’étape ou de remerciement dans le même style clôt le lancement.
Gradiently convient bien à ce travail. Créez le design maître une fois sur un Mark, puis, avec Pro, redimensionnez-le dans tous les formats du kit en une étape ; le Mark garde la phrase lisible sur chaque forme en plaçant sa zone la plus calme derrière les mots. Si vous préparez déjà le lancement dans ChatGPT ou Claude, Gradiently peut se connecter aux deux, pour que l’assistant rédige le kit sous forme de designs qui s’ouvrent dans le Studio. Les visuels de lancement pour indie hackers couvrent le même kit pour les produits web.
Les questions qu’on nous pose
De quels visuels ai-je besoin pour lancer une appli ?
Un aperçu de lien 1200×630, un en-tête X mis à jour en 1500×500, des posts de lancement pour chaque réseau utilisé, une story, une image principale de site et des images de galerie pour tout site de lancement. Créez-les tous à partir d’un design maître.
Quelle est la taille d’une image de galerie Product Hunt ?
Product Hunt indique ses exigences actuelles de miniature et de galerie dans le formulaire de soumission. Créez-les en paysage à partir du même modèle maître que vos autres visuels de lancement pour garder un style constant.
Que doit dire un post de lancement d’appli ?
Le nom de l’appli, une phrase sur ce qu’elle fait pour qui, et où l’obtenir. Gardez tout le reste pour la légende ou un fil de discussion.
Quand mettre à jour mon image d’aperçu de lien ?
Un jour ou deux avant le lancement, avec un nouveau nom de fichier, puis testez-la dans un débogueur de partage. Les plateformes mettent les aperçus en cache : un changement tardif peut ne pas apparaître le jour J.
Écrit par Gradiently
L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.
Voir notre profil