CommunityImagegithub.com

brand-identity-design

Méthodologie complète de design d'identité visuelle de marque (VI) — un workflow en six étapes allant de la découverte de l'âme de la marque à la construction du système d'identité visuelle et à la livraison du guide de marque multi-points de contact.

Qu'est-ce que brand-identity-design ?

Ce skill présente une méthodologie structurée en six étapes pour concevoir une identité visuelle de marque (VI) complète et cohérente. Il guide l'utilisateur à travers une série de rôles distincts : détective, stratège, explorateur, architecte, narrateur et gardien, chacun associé à des livrables et des critères de qualité spécifiques. Le processus commence par la découverte des valeurs fondamentales de la marque (mission, vision, valeurs) et l'analyse du marché, puis définit une stratégie visuelle (concept créatif, personnalité, stratégie couleur). Viennent ensuite l'exploration créative de directions visuelles, la construction d'un système visuel scalable (logo, couleurs, typographie, grille, etc.) et la validation multi-points de contact. Le skill se termine par la création d'un manuel d'identité visuelle et d'actifs prêts à l'emploi. Il est destiné aux designers et chefs de produit souhaitant créer des identités de marque professionnelles et différenciées, en suivant une approche rigoureuse et stratégique. Il est compatible avec tout outil de conception (Figma, Adobe, etc.) et inclut des règles strictes pour garantir la qualité et la cohérence.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/not-narleeek/SKILLS/tree/HEAD/brand-identity-design

Installed? Explore more Image skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Conception d'Identité de Marque — Workflow VI en Six Étapes

Processus complet de conception d'un système d'identité visuelle de marque (VI). Chaque étape a un état d'esprit, des livrables et des critères de qualité distincts.


Étape 1 — Détective de Marque : Cœur et Aperçu du Marché

Passez en mode détective. Comprenez qui est la marque et à qui elle s'adresse.

Âme de la Marque — Trois Questions Fondamentales

  • Mission : Pourquoi la marque existe-t-elle ? Quel problème résout-elle dans le monde ?
  • Vision : Où va la marque ? Quel avenir construit-elle ?
  • Valeurs : Quels principes comportementaux guident chaque décision ?

Profilage Approfondi des Utilisateurs

Allez au-delà des données démographiques. Créez un persona avec des émotions, des points de douleur, des aspirations et des modèles comportementaux. Comprenez la relation émotionnelle des utilisateurs avec la catégorie.

Cartographie du Paysage Concurrentiel

Analysez le langage visuel de 3 principaux concurrents — logo, couleur, typographie, imagerie. Recherchez le « vide visuel » : quel territoire aucun concurrent n'occupe, où la marque peut revendiquer un espace visuel unique.

Enquête sur les Points de Contact

Identifiez tous les scénarios principaux où la marque rencontre les utilisateurs : site web, application, emballage, médias sociaux, magasins physiques, service client, événements. Créez une matrice de points de contact.


Étape 2 — Penseur Stratégique : Définir la Stratégie Visuelle

Passez en mode stratège. Traduisez les informations en principes de conception.

Concept Créatif Central (« Polaris »)

Une idée unificatrice unique qui guide toutes les décisions visuelles. Exemples : « Ordre Fluide », « Chaleur de la Technologie », « Précision avec Âme ». Chaque choix de conception doit remonter à ce concept.

Mots-clés de Personnalité de Marque

Définissez 3 à 5 mots-clés descriptifs qui capturent le caractère de la marque. Exemples : Pionnier, Inclusif, Inspirant, Ancré, Audacieux. Ceux-ci deviennent le filtre pour toutes les décisions créatives.

Stratégie des Émotions Couleur

  • Couleur primaire : L'ancrage émotionnel
  • Couleurs secondaires : Ambiances complémentaires
  • Couleurs fonctionnelles : Statut, retour d'information, visualisation de données
  • Planifiez le rôle et l'association émotionnelle de chaque couleur, pas seulement les valeurs hexadécimales.

Positionnement dans le Quadrant de Style

Représentez la marque sur des spectres clés :

  • Classique ↔ Moderne
  • Humain ↔ Tech
  • Minimal ↔ Riche
  • Sérieux ↔ Ludique

Ce quadrant devient l'étoile polaire pour toutes les décisions visuelles.


Étape 3 — Explorateur Créatif : Pensée Divergente et Convergente

Passez en mode explorateur. Générez des directions audacieuses, puis convergez.

Produisez 2 à 3 directions visuelles différenciées. Chaque direction doit inclure :

Métaphore Centrale

Quel système d'analogie ou de symbole porte l'essence de la marque ? Une feuille, un circuit imprimé, un métier à tisser, un prisme — la métaphore doit être visuellement fertile.

Ton Visuel

Décrivez la première impression : sensation de couleur, qualité de texture, style graphique, voix typographique. Rédigez-le comme si vous décriviez une ambiance à quelqu'un qui ne peut pas voir.

Point de Mémoire Unique

Quel élément unique pourrait devenir un super-signe — instantanément reconnaissable même sans le logo ? C'est l'accroche visuelle qui construit le souvenir de la marque.

Défis Potentiels

Quel est le plus grand risque dans l'exécution ? (par exemple, « trop abstrait pour la catégorie de produit », « difficile à reproduire en mouvement », « le système de couleurs ne fonctionne pas pour l'accessibilité »)

Critères de Sélection

Après exploration, convergez en utilisant : l'alignement avec la stratégie de marque, la différenciation par rapport aux concurrents, l'évolutivité sur les points de contact, la faisabilité dans les contraintes.


Étape 4 — Architecte Système : Construire l'Univers Visuel

Passez en mode architecte. Construisez un système visuel évolutif et cohérent.

Couche Fondation (Cœur Immuable)

ComposantSpécifications
Logo et IdentitéEspace de respirabilité, taille minimale, zones de sécurité, exemples d'utilisation incorrecte
Système de CouleursPalettes primaire, secondaire, neutre, data-vis + vérification de contraste WCAG
TypographiePolices de marque (latin + CJK), échelle hiérarchique, spécifications de poids/interlignage/crénage
Grille et Mise en PageGrille web, grille mobile, grille imprimée — mathématiques de colonnes, gouttières, marges

Couche Expression (Mélodies Variables)

ComposantDirectives
Langage GraphiqueGraphismes d'accompagnement, motifs, textures, style d'illustration
Direction PhotographiqueRègles d'ambiance, d'éclairage, de composition, de sujet
Motion DesignPrincipes d'animation, courbes d'assouplissement, hiérarchie de durée, motifs de transition
IconographieStyle (contour/rempli/duotone), épaisseur de trait, rayon de coin, alignement sur la grille

Qualités du Système

  • Cohérent : Toutes les parties semblent appartenir à la même famille
  • Flexible : S'adapte à la croissance future et aux nouveaux points de contact
  • Pratique : Réaliste à implémenter à travers les équipes et les outils

Étape 5 — Narrateur : Validation Multi-Points de Contact

Passez en mode narrateur. Appliquez le système à des scénarios réels et vérifiez qu'il vit.

Héroïque Numérique

Appliquez à : section héroïque du site web, écran principal de l'application, modèles de médias sociaux. Vérifiez que le système fonctionne à différentes tailles d'écran et résolutions.

Immersion Imprimée

Appliquez à : cartes de visite, brochure/catalogue, prototype d'emballage. Vérifiez que le système fonctionne sous forme physique — papier, encre, gaufrage.

Communication en Mouvement

Appliquez à : animation / dévoilement du logo, prototype de transition d'interface utilisateur, séquence de titre vidéo. Vérifiez que le système fonctionne dans les médias temporels.

Critères de Validation

Pour chaque point de contact, vérifiez :

  1. Est-ce reconnaissable comme la même marque ?
  2. Cela fonctionne-t-il dans les contraintes du format ?
  3. Est-ce différencié des concurrents dans ce contexte ?
  4. Cela évoque-t-il l'émotion souhaitée ?

Étape 6 — Gardien : Livraison et Activation

Passez en mode gardien. Assurez-vous que le système est compris et utilisé correctement.

Manuel d'Identité Visuelle de Marque

Un document vivant contenant :

  • La justification stratégique derrière chaque décision
  • Les spécifications d'utilisation avec des exemples visuels
  • Les anti-modèles courants (exemples à ne pas utiliser)

Actifs Prêts à l'Emploi

  • Fichiers de logo (tous formats, modes de couleur, versions de taille minimale)
  • Nuanciers (bibliothèques d'outils de conception)
  • Fichiers de polices avec informations de licence
  • Fichiers de modèles (Figma, Sketch, Adobe XD)

Anti-Modèles Courants

Documentez ce qu'il NE faut PAS faire :

  • Étirer ou déformer le logo
  • Utiliser les couleurs de la marque pour le texte du corps
  • Ajouter des ombres portées à des éléments de design plat
  • Mélanger les styles de photographie
  • Violer les règles d'espace de respirabilité

Présentation de l'Histoire de Marque

Une présentation narrative qui explique le « pourquoi » derrière le système — aide les équipes internes et les partenaires à comprendre et à adopter l'identité.


⚠️ Règles Strictes (STRICTEMENT — Celles-ci ne sont PAS optionnelles)

  1. DOIT compléter les étapes séquentiellement. Ne jamais sauter l'Étape 1 (recherche) ou l'Étape 2 (définition de la stratégie) — la conception visuelle sans fondement stratégique est une décoration, pas un design de marque.
  2. DOIT documenter la justification stratégique de chaque décision visuelle. Si on vous demande « pourquoi cette couleur/police/mise en page » et que vous ne pouvez pas répondre avec une référence stratégique, la décision est invalide.
  3. DOIT produire un livrable concret pour chaque étape avant de passer à la suivante. Pas de « j'y réfléchis » — les fichiers de sortie ou les notes structurées sont requis.
  4. NE DOIT PAS sauter l'analyse des lacunes concurrentielles. Concevoir dans le vide produit des marques non différenciées.
  5. DOIT vérifier l'accessibilité (contraste WCAG AA) pour toutes les décisions de couleur. Les couleurs qui semblent belles mais échouent à l'accessibilité ne sont pas acceptables.
  6. NE DOIT PAS proposer de directions visuelles finales sans au moins 2 alternatives à comparer. La conception à option unique est une supposition, pas une décision.
  7. NE DOIT PAS utiliser le goût subjectif comme justification. Chaque choix doit être traçable jusqu'à : la stratégie de marque, les besoins des utilisateurs, l'écart concurrentiel ou la contrainte technique.
  8. NE DOIT PAS générer ou proposer de noms de marque, de slogans ou de textes. Il s'agit d'une méthodologie d'identité visuelle. Les décisions d'identité verbale sont hors de portée.

📋 Format de Sortie (Obligatoire)

Lors de la production de la stratégie de marque, utilisez TOUJOURS cette structure :

# Stratégie de Marque : [Nom du Projet]

## Progression des Étapes
- Étape actuelle : [1|2|3|4|5|6]
- Porte précédente franchie : [nom de la porte d'étape]
- Prochaine porte à franchir : [nom de la porte d'étape]

## Fondement Stratégique
- Concept central : [une phrase]
- Personnalité de marque : [3-5 mots-clés]
- Écart concurrentiel identifié : [une phrase]

## Livrables de Cette Étape
- [Livrable 1] : [description + décisions clés]
- [Livrable 2] : [description + décisions clés]

## Journal des Justifications
| Décision | Base Stratégique | Alternatives Considérées |
|----------|----------------|------------------------|
| [décision] | [lien vers la stratégie/utilisateur/concurrence] | [options avec raisons de rejet] |

## Statut de la Porte de Qualité
- Prêt pour l'étape suivante ? [OUI/NON]
- Bloqueurs : [liste si existant]

🔴 Anti-Modèles Critiques (Ne Jamais Faire Ceci)

Anti-ModèlePourquoi C'est NuisibleQue Faire À La Place
Commencer par des croquis de logo avant la rechercheUn logo sans stratégie de marque n'est qu'une imageTerminez d'abord les Étapes 1 et 2
Concevoir selon le goût personnel au lieu de la stratégie de marqueIdentité de marque incohérente qui ne sert pas les objectifs commerciauxRéférez-vous toujours aux mots-clés de personnalité de marque et au quadrant
Proposer des couleurs sans vérification d'accessibilitéConception exclusive qui échoue pour les vrais utilisateursVérifiez WCAG AA avant d'inclure toute couleur dans le système
Créer des actifs isolés sans considération du systèmeChaque nouvelle pièce nécessite une refonte au lieu de s'intégrer dans un système cohérentConceivez d'abord la couche de fondation, puis exprimez-vous à travers elle
Utiliser « fais-le pop » comme brief créatifDirection ambiguë qui mène à des itérations gaspilléesUtilisez le processus en six étapes pour ancrer chaque demande dans un langage stratégique spécifique

Portes de Qualité

ÉtapePorteCritères de Validation
1 → 2Recherche terminéeÉcarts concurrentiels identifiés, personas utilisateurs validés
2 → 3Stratégie verrouilléeConcept central et mots-clés de personnalité approuvés
3 → 4Direction sélectionnéeUne direction visuelle choisie avec justification documentée
4 → 5Système construitTous les composants de la couche fondation + expression documentés
5 → 6Validé sur 3+ points de contactTous les points de contact réussissent les vérifications de reconnaissance et de différenciation

Skills associés