# Marketing d’indie hacker : des visuels de lancement sans designer
[Canonical HTML page](https://gradiently.design/fr/guide/indie-hacker-launch-graphics)
Vous avez construit le produit seul. Les visuels qui le vendent sont un travail bien plus petit qu’il n’y paraît : cinq éléments, un style, et des mots qui disent ce que fait le produit.
## The short version
- Le marketing d’indie hacker dépend d’un petit ensemble de visuels : une image Open Graph, une bannière X, des publications de lancement et un modèle réutilisable pour le build in public.
- L’image Open Graph mesure 1200×630 pixels et apparaît sur chaque lien que vous partagez : créez-la avant de parler du produit à qui que ce soit.
- Une bannière X mesure 1500×500 pixels, et la photo de profil en recouvre une partie en bas à gauche : gardez les mots loin de cette zone.
- Un visuel de lancement fonctionne mieux avec une seule ligne qui dit ce que fait le produit et pour qui, en moins de huit mots.
- Utiliser le même fond, la même police et la même mise en page sur chaque élément donne à un produit solo un air établi et aide les abonnés à reconnaître vos mises à jour.
Un bon **marketing d’indie hacker** repose sur une poignée de visuels créés une fois et réutilisés pendant des mois : une image Open Graph pour que chaque lien partagé paraisse fini, une bannière X, une annonce du jour de lancement, et un modèle pour vos mises à jour en build in public. Aucun ne demande un designer. Ils demandent les bonnes tailles, un style cohérent et une ligne qui dit ce que fait le produit en moins de huit mots. Cette page couvre les trois et se termine par une checklist de semaine de lancement à suivre dès ce soir.
## Les visuels de lancement dont un indie hacker a vraiment besoin
Les fondateurs solo ont tendance soit à zapper totalement les visuels, soit à passer une semaine sur une illustration de landing page que personne ne remarque. Le juste milieu utile est court. Voici les éléments que les gens verront vraiment, dans l’ordre où ils les verront.
| Élément | Taille | Où on le voit | Quand le faire |
| --- | --- | --- | --- |
| Image Open Graph | 1200×630 | Chaque lien partagé sur X, LinkedIn, Slack, Discord et en messages | Avant d’en parler à quiconque |
| Bannière X | 1500×500 | Votre profil, que les gens ouvrent après une bonne réponse | Deux semaines avant |
| Publication X ou Bluesky | 1600×900 | La publication de lancement et celles des étapes clés | Semaine de lancement |
| Publication LinkedIn portrait | 1080×1350 | La publication de lancement pour un public professionnel | Semaine de lancement |
| Carte build in public | 1080×1350 | Mises à jour hebdomadaires sur X, Threads et LinkedIn | Une fois, puis chaque semaine |
Cinq éléments couvrent presque tout lancement indépendant. Product Hunt indique la taille de sa galerie dans le formulaire de lancement : vérifiez-la là-bas et réutilisez vos formats paysage.
- Open Graph 1200×630: 1200 × 630
- Bannière X 1500×500: 1500 × 500
- Publication X 1600×900: 1600 × 900
- Portrait 1080×1350: 1080 × 1350
Les quatre formes dessinées à l’échelle. La bannière est une fine bande, et une publication portrait occupe bien plus d’un écran de téléphone qu’une publication paysage.
## Commencez par l’image Open Graph
L’image Open Graph est l’image qui apparaît quand quelqu’un colle votre lien. C’est le visuel le plus vu que vous créerez jamais, car chaque partage, chaque réponse avec votre URL et chaque mention en newsletter l’affiche. Sans elle, les plateformes montrent une carte grise vide ou un recadrage au hasard de votre page. Les règles complètes sont dans [la taille de l’image Open Graph](https://gradiently.design/fr/guide/open-graph-image-size) ; en bref : 1200×630, le nom du produit, une ligne, un grand texte au centre.
Une image d’aperçu de lien en 1200 par 630 avec le texte Des factures qui se relancent seules, et le nom du produit Paperweight au-dessus
Une image Open Graph pour une appli de facturation imaginaire : le nom, la promesse, rien d’autre. Elle reste lisible réduite en vignette dans une réponse.
Ajoutez ensuite les balises dans le head de votre page. La plupart des frameworks leur réservent un emplacement, mais voici celles qui comptent :
```html
```
Utilisez une URL absolue pour l’image. Mettez un numéro de version dans le nom du fichier, car les plateformes mettent les aperçus en cache et un nouveau nom force leur actualisation.
Si votre produit a de nombreuses pages qui méritent d’être partagées, comme des profils publics ou des rapports, générez une image par page au lieu d’une seule pour tout le site. La plupart des frameworks savent les rendre à la demande à partir d’un modèle.
## Écrivez les mots avant de choisir les couleurs
Les visuels de lancement indépendants échouent bien plus souvent sur les mots que sur l’apparence. Une phrase comme « l’avenir de la productivité » ne dit rien à un inconnu qui fait défiler. Une ligne utile nomme la tâche et la personne : ce qui change pour elle lundi. Écrivez dix versions, lisez-les à voix haute, gardez la plus simple. [Écrire des textes pour les visuels](https://gradiently.design/fr/guide/writing-copy-for-visuals) donne d’autres façons de raccourcir une ligne.
### À éviter
- « L’avenir de la productivité »
- « Plateforme propulsée par l’IA pour les équipes modernes »
- « La version 1.0 est en ligne » sans indice sur ce que c’est
- Six fonctionnalités entassées dans une image
- Une capture complète où le texte de l’interface est illisible
### À faire
- « Des factures qui se relancent seules »
- « Des alertes de disponibilité qui vous textent en premier »
- « En ligne aujourd’hui » plus la ligne qui explique
- Une fonctionnalité par image, en séquence
- Un recadrage serré d’une partie de l’interface, agrandi
## Choisissez un style et gardez-le pour chaque élément
Les produits indépendants se confondent parce que tant d’entre eux choisissent le même dégradé violet vers bleu et la même linéale géométrique. C’est très bien pour un projet de week-end et gênant pour quelque chose dont vous voulez qu’on se souvienne. Choisissez une couleur de fond, une lumière ou un accent, et une police, et utilisez-les partout : le site, l’image OG, la bannière, chaque publication. Un style répété pendant des mois, c’est ce qui fait qu’un produit d’une seule personne ressemble à une entreprise.
- Fond sombre, lumière sarcelle: `radial-gradient(circle at 80% 20%, #14b8a6 0%, #134e4a 35%, #05100f 75%)`
- Papier chaud: `linear-gradient(160deg, #f8f4ec 0%, #efe6d6 60%, #e2d3bb 100%)`
- Fond sombre, lumière de braise: `radial-gradient(circle at 20% 80%, #f97316 0%, #7c2d12 40%, #1c0a05 80%)`
Trois points de départ qui évitent le violet habituel. Un fond sombre avec une seule couleur lumineuse convient aux outils pour développeurs ; le papier chaud aux produits d’écriture et de finance.
Si vous préférez ne pas composer le vôtre, un Mark du [Marché Gradiently](/market) est un arrière-plan vivant prêt à l’emploi, avec sa propre voix typographique. Vous pouvez créer gratuitement avec n’importe quel Mark non réservé ; le réserver fait de vous son seul propriétaire : vous seul pouvez exporter avec, et votre lancement ne peut pas ressembler à celui d’un autre fondateur. La réservation est un paiement unique qui inclut la première année de conservation ; ensuite, la conservation est gratuite avec Pro ou soumise à des frais annuels par Mark. Il est rendu à neuf à chaque taille et sa zone la plus calme se place derrière vos mots, ce qui garde un fond chargé lisible sans encadré ni ombre.
## Des posts build in public reconnaissables en un défilement
La mise à jour hebdomadaire est la colonne vertébrale du build in public. Utilisez la même mise en page chaque semaine, pour que vos abonnés sachent que c’est vous avant de lire un mot. Ouvrez sur un vrai chiffre ou une vraie leçon, et publiez aussi les semaines lentes : une semaine plate racontée honnêtement inspire plus confiance qu’une série de victoires. Ne partagez jamais que des chiffres vrais.
Une carte build in public portrait avec Semaine 14, Les 100 premiers utilisateurs, et une ligne promettant ce qui a marché et ce qui a raté
Une semaine d’étape clé : le chiffre fait le titre, le détail promet l’histoire dans le texte de la publication.
Une carte build in public portrait avec Semaine 15, Trois choses que j’ai livrées, listant mode sombre, import CSV et recherche plus rapide
Une semaine de livraisons dans le même cadre. Même fond, même typographie : la série se lit comme un tout.
Créez un mois de cartes en une séance plutôt qu’une chaque vendredi. [Créer du contenu social en lot](https://gradiently.design/fr/guide/batch-create-social-media-content) détaille la méthode. Donnez aux grands moments, comme le jour du lancement ou un cap de revenus, une mise en page à part pour qu’ils se distinguent du rythme hebdomadaire.
## Votre bannière et votre profil X
La bannière X mesure 1500×500. Votre photo de profil se place sur son coin inférieur gauche et la bande est recadrée différemment sur téléphone : gardez les mots au centre et vers la droite. Mettez-y le nom du produit, la ligne et l’URL, ou rien d’autre que votre style. Les zones de sécurité exactes sont dans [la taille de bannière X](https://gradiently.design/fr/guide/x-header-size).
Une large bannière X avec Je construis Paperweight en public et une adresse web en dessous, placées à droite du centre
Une bannière qui fait un seul travail : dire au visiteur ce que vous construisez. Les mots sont au centre droit, loin de la photo de profil.
## Checklist de la semaine de lancement
1. **Deux semaines avant : image OG et bannière** Mettez en ligne les balises meta et collez votre URL dans un message privé à vous-même pour voir le vrai aperçu.
2. **Une semaine avant : les mots** Écrivez la ligne principale et trois lignes de fonctionnalités. Chaque ligne de fonctionnalité devient sa propre image.
3. **Concevez un cadre maître** Créez la publication de lancement en 1600×900 avec votre style, votre ligne et un extrait recadré de l’interface.
4. **Déclinez-en les autres tailles** Recomposez la même création en 1080×1350 pour LinkedIn et Threads et en 1080×1920 pour les stories, plutôt que de recadrer, avec les mots des stories dans la [zone de sécurité](https://gradiently.design/fr/guide/social-media-safe-zones) centrale. [Redimensionner pour chaque plateforme](https://gradiently.design/fr/guide/one-look-every-size) explique pourquoi.
5. **Jour du lancement : une image par publication** Publiez, épinglez sur votre profil, répondez à tout le monde. Gardez la galerie Product Hunt dans le même style, pour que les visiteurs venus de l’un ou l’autre voient un seul produit.
6. **La semaine suivante : remerciez** Partagez ce qui s’est passé avec de vrais chiffres et ce que vous corrigez ensuite. Cette publication va souvent plus loin que le lancement.
Pour une vue d’ensemble d’un lancement, voir [les visuels de lancement de produit](https://gradiently.design/fr/guide/launch-day-graphics) et, si vous vendez un logiciel, [le branding SaaS](https://gradiently.design/fr/guide/saas-startup-branding). Si vous passez la semaine de lancement dans votre éditeur de code, Gradiently fonctionne aussi dans ChatGPT, Claude et les autres assistants compatibles avec les serveurs MCP distants : demandez la publication de lancement à l’assistant déjà ouvert, et la création s’ouvre dans le Studio pour une dernière vérification. La configuration est sur la [page MCP](https://gradiently.design/fr/developers/mcp).
> **Testez chaque aperçu avant de publier** Les plateformes gardent les aperçus de liens en cache pendant des jours. Vérifiez le vôtre d’abord dans un message privé, et si vous changez l’image plus tard, changez aussi son nom de fichier.
## FAQ
### Quelle taille pour une image Open Graph ?
1200×630 pixels. Gardez les mots grands et centrés, car l’image s’affiche souvent en petite vignette.
### Quelle est la taille d’une bannière X ?
1500×500 pixels. La photo de profil recouvre le bas à gauche : gardez le texte au centre et vers la droite.
### Faut-il un designer pour un lancement sur Product Hunt ?
Non. Il vous faut une description claire en une ligne, un style cohérent et quelques images paysage montrant chacune une fonctionnalité, ce que vous pouvez faire vous-même en une soirée.
### Que doit contenir un post build in public ?
Un vrai chiffre ou une vraie leçon en titre, la même mise en page chaque semaine, et l’histoire dans le texte de la publication. Partagez les semaines lentes aussi honnêtement que les bonnes.
### Comment garder des visuels de lancement cohérents ?
Choisissez un fond, une police et une mise en page, et concevez chaque taille à partir du même modèle maître plutôt que de recadrer une seule image.