L’essentiel en bref
- 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.
Sur cette page
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.
Taille
Où on le voit
Quand le faire
Taille
Où on le voit
Quand le faire
Taille
Où on le voit
Quand le faire
Taille
Où on le voit
Quand le faire
Taille
Où on le voit
Quand le faire
Open Graph 1200×630
1200 × 630
Bannière X 1500×500
1500 × 500
Publication X 1600×900
1600 × 900
Portrait 1080×1350
1080 × 1350
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 ; en bref : 1200×630, le nom du produit, une ligne, un grand texte au centre.
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 :
<meta property="og:title" content="Paperweight: invoices that chase themselves">
<meta property="og:description" content="Automatic payment reminders for freelancers.">
<meta property="og:image" content="https://example.com/og-v1.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">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 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.
Si vous préférez ne pas composer le vôtre, un Mark du Marché Gradiently 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 semaine d’étape clé : le chiffre fait le titre, le détail promet l’histoire dans le texte de la publication.
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 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.
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é centrale. Redimensionner pour chaque plateforme 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 et, si vous vendez un logiciel, le branding SaaS. 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.
Les questions qu’on nous pose
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.
É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