# Visuels de lancement de produit : la checklist du jour J

[Canonical HTML page](https://gradiently.design/fr/guide/launch-day-graphics)

Les lancements déraillent dans les petits détails : un ancien en-tête, un aperçu de lien manquant, une story que personne n’a redimensionnée. Voici chaque visuel, sa taille et le moment de sa mise en ligne.

## The short version

- Un lancement de produit demande des visuels en deux groupes : la montée en puissance, comme les teasers et les comptes à rebours, et le lancement lui-même, des posts d’annonce aux en-têtes, aux aperçus de lien et à l’e-mail.
- Concevoir d’abord un visuel principal et le recomposer pour chaque format garde un lancement cohérent et épargne l’essentiel du travail.
- L’image Open Graph de la page de lancement doit être prête avant le lancement, car c’est elle qui apparaît chaque fois que quelqu’un partage le lien.
- Les en-têtes de profil sur X, LinkedIn et Facebook sont faciles à oublier et doivent changer le jour du lancement avec tout le reste.
- Chaque visuel de lancement doit reprendre le même titre, pour que ceux qui le voient à différents endroits reconnaissent la même nouvelle.

Les **visuels de lancement de produit** dont vous avez besoin se répartissent en deux groupes. La montée en puissance : un teaser et un compte à rebours. Le lancement : l’annonce dans tous les formats de fil, les stories, une image d’aperçu de lien, de nouveaux en-têtes de profil, un en-tête d’e-mail, une bannière de site web et un remerciement ensuite. Concevez d’abord un visuel principal, puis recomposez-le pour chaque taille, pour que chaque élément fasse partie du même moment.

## La checklist complète des visuels de lancement

Copiez cette liste dans votre plan de lancement. Les tailles viennent de la taille d’importation recommandée par chaque plateforme ; la référence complète figure dans [les tailles d’images des réseaux sociaux](https://gradiently.design/fr/guide/social-media-image-sizes).

| Visuel | Taille | Quand | Remarques |
| --- | --- | --- | --- |
| Post teaser | 1080×1350 | Environ une semaine avant | Un indice, pas la révélation |
| Story de compte à rebours | 1080×1920 | Chaque jour, derniers jours | Même mise en page, le nombre change |
| Annonce Instagram | 1080×1350 | Jour du lancement | Le visuel principal |
| Stories de lancement | 1080×1920 | Jour du lancement | Avec un sticker de lien |
| Annonce sur X | 1600×900 | Jour du lancement | Affichée en entier dans la timeline |
| Post LinkedIn | 1200×1200 | Jour du lancement | Ou un carrousel en document |
| Post Facebook | 1200×1200 | Jour du lancement | Mêmes mots partout |
| Aperçu de lien (Open Graph) | 1200×630 | Prêt avant le lancement | À tester avant le jour J |
| En-tête X | 1500×500 | Jour du lancement | La photo de profil chevauche le bas gauche |
| Bannière LinkedIn | 1584×396 | Jour du lancement | La couverture d’entreprise fait 2256×382 |
| Couverture Facebook | 1640×624 | Jour du lancement | Les mots au milieu |
| En-tête d’e-mail | 1200×600 | Jour du lancement | Vérifiez le mode sombre |
| Bannière de site web | 1920×1080 | Jour du lancement | Titre sur une zone calme |
| Miniature vidéo | 1280×720 | S’il y a une démo | Trois ou quatre mots |
| Remerciement ou récap | 1080×1350 | Quelques jours après | Uniquement de vrais chiffres |

Chaque visuel de lancement, sa taille et le moment de sa mise en ligne. Rayez ce dont vous n’avez pas besoin ; la plupart des lancements en ont besoin de la plupart.

- Post 1080×1350: 1080 × 1350
- Story 1080×1920: 1080 × 1920
- Post X 1600×900: 1600 × 900
- Aperçu de lien 1200×630: 1200 × 630
- En-tête X 1500×500: 1500 × 500
- Bannière LinkedIn 1584×396: 1584 × 396
- En-tête d’e-mail 1200×600: 1200 × 600
- Bannière de site 1920×1080: 1920 × 1080

Huit formats de la liste, à l’échelle. Un seul lancement, des stories hautes aux bannières minces : c’est pourquoi une seule image recadrée de huit façons ne marche jamais.

## Commencez par un visuel principal, puis faites le jeu complet

Ne concevez pas quinze visuels. Concevez-en un, l’annonce Instagram ou la bannière du site, jusqu’à ce qu’il soit juste : l’arrière-plan, le titre, la typographie, l’unique couleur d’accent. C’est le style du lancement. Chaque autre visuel est le même style disposé pour une forme différente. Les formats hauts s’empilent ; les formats larges s’étalent ; les bannières minces ne gardent que le titre.

- Nuit de lancement: #0b0d1a
- Indigo profond: #1f2a5c
- Bleu signal: #4f6bed
- Lueur douce: #9bb4ff
- Or d’accent: #ffcf5c
- Encre papier: #f5f3ee

Une palette de lancement : un fond sombre, trois bleus liés, un accent doré réservé à la date ou à l’appel à l’action, et un blanc cassé pour le texte.

Écrivez le style : couleurs, polices, titre, place de l’accent. Si plusieurs personnes créent des visuels, cette note garde l’en-tête que quelqu’un fait à minuit en accord avec le post que vous avez fait une semaine plus tôt.

## Le calendrier du lancement

1. **Deux semaines avant : le visuel principal** Concevez l’annonce principale et validez le titre. Créez dès maintenant l’image d’aperçu de lien, pour que la page de lancement l’affiche dès le premier partage. [La taille de l’image OG](https://gradiently.design/fr/guide/open-graph-image-size) donne les balises et les tests.
2. **Une semaine avant : le teaser** Un post et une story qui laissent deviner ce qui arrive, dans le style du lancement, sans la révélation.
3. **Les derniers jours : le compte à rebours** Une story quotidienne avec le nombre qui change et un sticker de compte à rebours pour que l’on puisse demander un rappel.
4. **La veille : le jeu complet** Recomposez le visuel principal pour chaque format de la liste. Programmez ce qui peut l’être.
5. **Le matin du lancement : en ligne partout** Publiez les posts et les stories, changez chaque en-tête de profil, envoyez l’e-mail, mettez à jour la bannière du site.
6. **Quelques jours après : remerciez** Un récap dans le même style, avec de vrais résultats si vous voulez en partager, pour clore l’histoire.

Un post teaser indiquant Du nouveau, mardi sur un arrière-plan en dégradé

Le teaser : le style du lancement et une date, rien de plus.

Une annonce de lancement présentant une application de liste de tâches partagée dans le même style que le teaser

L’annonce : le même style, avec cette fois la révélation.

## Un seul titre sur tous les visuels

On rencontre un lancement à bien des endroits : une story le matin, un post LinkedIn à midi, un e-mail le soir. On doit y reconnaître chaque fois la même nouvelle. Cela veut dire un seul titre, mot pour mot, sur chaque visuel, avec le détail qui change selon le format. Pour l’ordre des mots, voir [comment concevoir un post d’annonce](https://gradiently.design/fr/guide/announcement-post-design).

### À éviter

- Un slogan différent sur chaque plateforme
- Une seule image recadrée pour toutes les formes
- De nouvelles couleurs inventées pour le lancement
- Des en-têtes qui montrent encore la saison passée

### À faire

- Un seul titre, répété partout
- Chaque format composé pour sa forme
- Votre style habituel, poussé d’un cran
- Chaque en-tête changé le matin même

## Ce que l’on oublie le jour du lancement

- **L’aperçu de lien.** Les plateformes le mettent en cache ; si vous avez partagé la page avant que l’image soit prête, actualisez-la dans l’outil d’inspection de la plateforme.
- **Les en-têtes de profil.** L’en-tête X, la bannière LinkedIn et la couverture Facebook montrent encore l’ancien style. Voir [la taille de la bannière LinkedIn](https://gradiently.design/fr/guide/linkedin-banner-size) et [la taille de l’en-tête X](https://gradiently.design/fr/guide/x-header-size).
- **L’en-tête d’e-mail en mode sombre.** Testez-le ; [le design d’un en-tête d’e-mail](https://gradiently.design/fr/guide/email-header-design) explique ce qui change.
- **Les descriptions d’images.** Ajoutez un texte alternatif à chaque image de lancement, sur chaque plateforme.
- **Le lien dans votre profil.** Faites-le pointer vers la page de lancement avant que le premier post parte.

> **Faites le jeu d’un seul coup** Recomposer une création quinze fois est la partie lente d’un lancement. Dans Gradiently, **copier vers les tailles** recompose une création terminée pour chaque format choisi, avec l’arrière-plan rendu de nouveau pour chaque forme. [Un style, toutes les tailles](https://gradiently.design/fr/guide/one-look-every-size) explique comment cela fonctionne.

## FAQ

### De quels visuels ai-je besoin pour un lancement de produit ?

Un teaser, un compte à rebours, l’annonce pour le fil de chaque plateforme, des stories de lancement, une image d’aperçu de lien, des en-têtes de profil mis à jour, un en-tête d’e-mail, une bannière de site web et un post de remerciement ensuite.

### Quand les visuels de lancement doivent-ils être prêts ?

Faites le visuel principal et l’aperçu de lien environ deux semaines avant, le teaser une semaine avant, et le jeu complet la veille, pour que le matin du lancement ne serve qu’à publier.

### Comment garder des visuels de lancement cohérents ?

Concevez un visuel principal, notez ses couleurs, ses polices et son titre, et recomposez cette même création pour chaque format au lieu de concevoir chacun de zéro.

### Quelle taille pour l’image d’aperçu de lien d’une page de lancement ?

1200×630 pixels, définie avec la balise og:image. Testez-la avant le jour du lancement, car les plateformes la mettent en cache.