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.

Prendre rendez-vous →

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

La même proposition : à gauche le brouillon, à droite le document mis en forme à la charte.

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.

  1. La marqueRefaite et validée, en dehors de Claude.
  2. Le design systemInstallé dans Claude Design.
  3. Les gabaritsUn modèle par type de page.
  4. Les pagesProduites par Claude Code à partir des gabarits.
  5. La vérificationLe site tourne d’abord en local, puis sur une version miroir ouverte aux équipes.
  6. 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.

La même landing page : à gauche sans design system, à droite avec le design system Kokoro.

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.

Prendre rendez-vous →

Étape 2 : bien prompter dans Claude Design

Rôle, contexte, objectif, format, contraintes : cinq blocs suffisent pour une demande claire.

À gauche, la demande vague et la page générique qu’elle produit ; à droite, la demande construite et la page qui parle à sa cible.

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.

Prendre rendez-vous →

Étape 3 : corriger un design

La conversation pour la structure, le commentaire pour un bloc précis, la main pour le visuel.

Conversation

L’ordre des sections, le ton général, ce qui manque.

Commentaire

Le texte ou la hiérarchie d’un bloc : cliquez dessus et écrivez.

Édition directe

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.

FormatPour quoi faire
PDFTout ce qui part chez un client : les polices voyagent avec le fichier.
PPTXUne présentation que quelqu’un doit retoucher.
HTMLUne page à mettre en ligne, en un seul fichier.
Claude CodeUn site entier à générer et à publier.

La revue en dix points

  1. Chaque chiffre vient de vos documents.
  2. Aucun client n’est nommé sans son accord.
  3. Les mentions légales sont présentes.
  4. Tous les liens fonctionnent.
  5. Le petit texte posé sur une couleur reste lisible.
  6. Le ton est le vôtre, sans superlatif.
  7. Aucune parenthèse vide ne reste.
  8. Les noms et les titres de poste sont exacts.
  9. Un document appelé à évoluer porte une date.
  10. 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.

Prendre rendez-vous →

É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

1

Qui pilote

Une personne, nommée, pour trente jours. C'est la décision la plus importante et la moins coûteuse.

2

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.

3

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-en

Où 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
kokoro-ai.fr Guide à jour au 1er octobre 2026 kokoro © 2026