Claude Design :
des livrables marketing
qui respectent votre charte
Guide de déploiement Claude Design pour les équipes de vente et marketing.
Ce que vous saurez produire
Le site Kokoro a été refait avec la méthode de ce guide.
Si vous voulez qu’on le fasse avec vous
On en parle trente minutes, sur vos livrables réels.
Ce que vous saurez faire à la fin de ce guide
Pour chaque cas : ce qui le déclenche, la demande à faire, et le piège à éviter.
ALa landing page de campagne
Le déclencheur. La campagne part dans dix jours et la page n’existe pas encore.
La demande. Le message de la page, l’action attendue, les sections dans l’ordre.
La mise en ligne. Trois chemins : remonter le contenu dans votre outil de site, héberger le fichier HTML tel quel, ou passer par Claude Code pour produire des dizaines de pages sur les mêmes gabarits.
À copier Le prompt complet de la landing page
Tu es responsable marketing acquisition. Tu produis la landing page qui
distribue [ la ressource ou l'offre ].
Contexte
[ Ce qu'est la ressource, en deux lignes. ]
[ Qui est la cible, et une caractéristique précise d'elle. ]
[ Ce que le visiteur fait sur la page : formulaire, prise de rendez-vous,
achat. ]
Objectif
[ Ce que la page doit obtenir, et la limite à ne pas franchir. ]
Format attendu
1. Premier écran : la promesse en une phrase, une ligne de précision,
l'action attendue.
2. Le problème, en trois lignes.
3. Ce que contient l'offre ou la ressource.
4. À qui elle s'adresse.
5. La preuve.
6. Ce que le lecteur obtient.
7. L'action attendue, une deuxième fois.
8. Pied de page : mentions légales, date.
Contraintes
[ Uniquement ce qui est propre à ce livrable. Le ton et les interdits de
vocabulaire sont déjà dans les instructions du projet. ]
Commence par me proposer la structure et les titres seuls. Je valide,
puis tu rédiges le contenu. Le piège
Publier sans avoir cherché les parenthèses vides.
BLe deck de rendez-vous
Le déclencheur. Un rendez-vous dans deux jours, et seul le deck générique est prêt.
La demande. Le secteur du prospect, sa taille, son interlocuteur, et surtout son enjeu, dans ses mots à lui, repris de l’appel de découverte.
À copier Le prompt complet du deck de rendez-vous
Tu es directeur commercial. Tu personnalises une présentation commerciale pour un rendez-vous précis. Contexte [ Votre offre en trois lignes, si elle n'est pas déjà dans le projet. ] Le prospect : [ secteur, taille, interlocuteur rencontré ]. Son enjeu : [ la phrase de l'appel de découverte, telle qu'elle a été dite ]. Son niveau de maturité sur le sujet : [ une ligne ]. Objectif [ Nombre ] slides pour un rendez-vous de [ durée ], qui parlent son métier et amènent à la proposition. Format attendu 1. Couverture : notre nom, le sien, la date. 2. Ce que nous avons compris de sa situation, en trois points. 3. Les chantiers que nous voyons chez lui. 4. Ce que ça change concrètement pour un collaborateur, une journée type. 5. Le déroulé, avec les durées. 6. Les conditions de réussite, dont ce que nous attendons de lui. 7. La prochaine étape. Contraintes Vocabulaire de son métier, pas le nôtre. Aucun mot de jargon technique. Aucun chiffre de résultat que je ne t'ai pas donné. Un chiffre clé par slide au maximum.
Le piège
Personnaliser en surface : un logo sur la couverture et le même contenu qu’ailleurs. Un dirigeant le repère en trente secondes.
CLa proposition chiffrée

Le déclencheur. La proposition est écrite dans un document de travail et doit partir chez le client.
La demande. Le contenu brut, et une consigne : « Ne modifie aucun montant, aucune durée, aucune condition. Si une information manque, signale-le. »
Le piège
Envoyer sans relire les montants. La revue de l’étape 4 est faite pour ce cas.
DLe site entier
Le déclencheur. Une nouvelle identité de marque, et un site qui ne la porte pas encore.
- La marqueRefaite et validée, en dehors de Claude.
- Le design systemInstallé dans Claude Design.
- Les gabaritsUn modèle par type de page.
- Les pagesProduites par Claude Code à partir des gabarits.
- La vérificationLe site tourne d’abord en local, puis sur une version miroir ouverte aux équipes.
- La publicationUne fois les retours intégrés.
Le piège
Commencer par la page d’accueil. Les gabarits passent en premier : une page produite avant son gabarit sera refaite.
Étape 1 : intégrer sa charte graphique dans Claude
Installer votre design system
Déposez votre charte, vos logos et vos polices dans une conversation, puis envoyez le prompt « À copier » plus bas. Le résultat se range dans vos paramètres.
Le design system traduit votre charte en valeurs que Claude applique à chaque livrable, pour toute l’équipe.

L’essentiel
- Cinq briques : les couleurs avec leur rôle, la typographie, la grille, les composants, les règles.
- Le point de départ : vos fichiers de marque si la charte est à jour, votre site en ligne sinon.
- Des règles applicables : « La couleur d’accent principale vaut #2782FF et tient les boutons. » Une personne extérieure doit pouvoir l’appliquer sans vous poser de question.
- Un propriétaire : une personne arbitre les ajouts. Une correction se fait dans le design system, jamais dans le document.
En pratique
À copier Construire son design system à partir de ses fichiers de marque
Tu es directeur artistique. Tu construis le design system d'une marque à partir de ses fichiers de référence, pour qu'il serve ensuite à produire des landing pages, des slides et des documents. Contexte [ Ce que fait l'entreprise, à qui elle parle, en trois phrases. Ce que contiennent les fichiers déposés. ] Objectif Un design system exploitable, dont chaque valeur est utilisable telle quelle dans une page. Format attendu, cinq blocs 1. Couleurs : la palette avec le rôle de chaque valeur, fond, texte, accent principal, accents secondaires, états. 2. Typographie : les polices, leur rôle, l'échelle de tailles. 3. Grille et espacements : largeur de contenu, gouttières, rythme vertical, rayons. 4. Composants : bouton, carte, bandeau de titre, bloc chiffre, tableau, formulaire, citation client, pied de page. 5. Règles : ce qui est interdit, formulé en phrases impératives. Contraintes [ Les valeurs déjà arbitrées chez vous : fond, accent principal, couleur de lien, ce qui est interdit. Une phrase impérative par règle. ] Tu n'inventes aucune valeur absente des fichiers. Ce qui manque, tu le listes à la fin en me demandant de trancher.
Faire la recette
Demandez une landing page, une slide et un document A4, en une phrase chacun. Si les trois viennent visiblement de la même maison, votre design system tient.
Le piège
Importer une charte de quatre-vingts pages et considérer que c’est fait. Relisez les valeurs et les règles retenues, une par une.
Installer votre design system avec Kokoro
Trente minutes pour regarder votre charte et la poser dans Claude Design.
Étape 2 : bien prompter dans Claude Design
Rôle, contexte, objectif, format, contraintes : cinq blocs suffisent pour une demande claire.

L’essentiel
- Le rôle : depuis quelle place Claude travaille. Une ligne, et le vocabulaire change.
- Le contexte : ce qui est propre à cette demande. La campagne, le prospect, l’événement.
- L’objectif : ce que le livrable doit obtenir, et la limite à respecter.
- Le format : les sections que vous voulez, dans l’ordre.
- Les contraintes : le ton, les mots à éviter, et ce qui est propre à ce livrable.
- En deux temps : demandez d’abord la structure et les titres. Vous validez, Claude rédige.
Exemple Un prompt réel, annoté ligne par ligne
Tu es responsable marketing acquisition. Tu produis la landing page qui distribue une ressource gratuite.
Le rôle. Il oriente le vocabulaire, la structure et les priorités.
Contexte. La ressource est un guide de déploiement de Claude Design pour les équipes marketing et commerciales. La cible est une direction marketing de PME ou d'ETI, compétente dans son métier, non spécialiste de l'IA, et qui a souvent déjà vu une démonstration d'IA qui n'a rien laissé trois mois après.
Cette dernière phrase vaut à elle seule les quatre autres. Une caractéristique précise de la cible empêche un texte d'être interchangeable.
Objectif. Une page qui obtient l'adresse, sans surpromesse.
L'objectif dit ce que la page doit obtenir, et la limite à ne pas franchir pour l'obtenir. Sans cette limite, vous recevrez une page de vendeur de formation.
Format. Premier écran avec la promesse et le formulaire. Le problème en trois lignes. Ce que contient le guide. À qui il s'adresse. La preuve. Ce que le lecteur saura faire après. Le formulaire une deuxième fois. Pied de page.
Huit sections dans l'ordre. Vous connaissez votre entonnoir mieux que quiconque.
Contraintes. Aucune promesse chiffrée sur les résultats du lecteur. La preuve est notre propre site, avec un aperçu en vidéo.
Trois lignes suffisent : on ne garde que ce qui est propre à ce livrable.
Commence par la structure et les titres seuls. Je valide, puis tu rédiges.
Un livrable à produire cette semaine ?
On construit la demande avec vous, sur un cas réel de votre équipe.
Étape 3 : corriger un design
La conversation pour la structure, le commentaire pour un bloc précis, la main pour le visuel.
L’ordre des sections, le ton général, ce qui manque.
Le texte ou la hiérarchie d’un bloc : cliquez dessus et écrivez.
Une marge, une couleur, un alignement : deux secondes à la main.
L’essentiel
- Le bon outil au bon endroit : une marge réglée par la conversation prend vingt fois plus de temps qu’à la main.
- Des phrases simples suffisent : « Un seul message dans le premier écran », « Allège cette section », « Plus direct, moins commercial ».
- Savoir s’arrêter : au bout de quatre ou cinq allers-retours, reprenez le prompt de départ. Le problème vient presque toujours de la demande initiale.
À copier Les phrases qui font bouger un design
Hiérarchie « Un seul message dans le premier écran. » « Mets le premier bénéfice en avant et fais descendre les deux autres. » « L’appel à l’action doit être visible sans faire défiler. » Allègement « Allège cette section : moins de texte, plus d’espace. » « Fusionne ces deux blocs, ils disent la même chose. » Ton « Plus direct, moins commercial. » « Phrases courtes, sujet verbe complément. » « Enlève les superlatifs. » Rythme « Alterne les fonds pour casser la répétition. » « Ces quatre blocs identiques fatiguent, varie leur mise en page. »
Étape 4 : exporter et relire avant de publier
Exportez dans le bon format, puis relisez en cinq minutes avant qu’un document sorte sous votre marque.
| Format | Pour quoi faire |
|---|---|
| Tout ce qui part chez un client : les polices voyagent avec le fichier. | |
| PPTX | Une présentation que quelqu’un doit retoucher. |
| HTML | Une page à mettre en ligne, en un seul fichier. |
| Claude Code | Un site entier à générer et à publier. |
La revue en dix points
- Chaque chiffre vient de vos documents.
- Aucun client n’est nommé sans son accord.
- Les mentions légales sont présentes.
- Tous les liens fonctionnent.
- Le petit texte posé sur une couleur reste lisible.
- Le ton est le vôtre, sans superlatif.
- Aucune parenthèse vide ne reste.
- Les noms et les titres de poste sont exacts.
- Un document appelé à évoluer porte une date.
- Une deuxième personne l’a lu.
Le piège
Changer franchement de direction sans garder de copie : Claude Design ne garde pas l’historique des versions. Demandez d’enregistrer l’état actuel avant, et gardez une copie de tout ce qui part chez un client.
Un regard extérieur sur vos premiers livrables ?
On relit avec vous, sur vos documents réels.
Étape 5 : déployer dans l’équipe
Une personne pilote, un livrable pour démarrer, puis toute l’équipe au troisième mois.
Semaine 1
Le design system est installé et validé. Une personne produit le livrable qui revient le plus souvent, et note ce qui marche.
Mois 1
Trois personnes formées, une heure chacune. Les premiers livrables réellement utilisés. La bibliothèque de prompts s’ouvre.
Mois 3
L’équipe entière produit, les gabarits se réutilisent d’une campagne à l’autre. Vous comparez avec le point de départ.
L’essentiel
- Trois indicateurs : le délai entre la demande et la version publiable, le nombre de livrables par mois, le coût externe évité.
- Un rituel : une heure par semaine où chacun montre un livrable et le prompt qui l’a produit. Les bons prompts entrent dans la bibliothèque.
- Le coût réel : une licence par personne, trois heures pour le design system, une heure de prise en main par personne.
Les trois décisions à faire prendre
Qui pilote
Une personne, nommée, pour trente jours. C'est la décision la plus importante et la moins coûteuse.
Sur quel périmètre on démarre
Un cas d'usage, celui qui revient le plus. Le périmètre s'élargit au mois 2.
Ce qu'on arrête de sous-traiter
La question qui fâche, et celle qui débloque le budget. Elle se traite au mois 3, avec des chiffres en main.
Un mot sur nous
Kokoro est un cabinet de conseil en IA qui aide les organisations à définir leur stratégie IA, développer les compétences de leurs équipes et ancrer des usages concrets et mesurables.
Nos consultants et formateurs accompagnent les équipes dans leur contexte réel, au plus près des métiers, sans jargon ni promesses irréalistes.
Discutons-enOù en est la production de vos livrables ?
Trente minutes avec Kokoro pour situer votre équipe marketing et commerciale, et décider de la prochaine marche.
Prendre RDV