Crée ton identité visuelle

De A à Z : 8 sections pour construire une marque cohérente, alignée et durable.

AVANT DE COMMENCER - Ce dont vous aurez besoin

📝 Matériel Physique

✓ Un carnet ou feuille de papier
Pour vos brouillons, vos idées en vrac, vos croquis.

✓ Un crayon ou stylo
Pour noter vos réflexions au fil de la lecture.

✓ Des marqueurs ou crayons de couleur (optionnel)
Si vous aimez explorer visuellement vos idées.

💻 Outils Numériques

✓ Un document Word/Google Docs ouvert
À côté de ce guide, pour écrire et sauvegarder vos réponses au fur et à mesure.

✓ Une zone de travail claire
Écran large ou deux écrans idéalement (ce guide + votre document).

✓ Les deux PDFs en références
À consulter pour voir des exemples concrets.

Durée & Processus

Ce guide n'est pas une lecture linéaire. C'est un processus de création qui demande :

  • Plusieurs sessions - Pas besoin de tout faire en une journée. Prenez des pauses.
  • Du temps de réflexion - Chaque section nécessite de penser profondément à votre marque.
  • Des allers-retours - Vous allez revenir à la Phase 1 en faisant la Phase 5. C'est normal.
  • De l'expérimentation - N'hésitez pas à explorer, effacer, recommencer.

Durée estimée : 4-8 heures réparties sur plusieurs jours/semaines selon votre rythme.

Comment utiliser ce guide

  1. Lisez chaque section avec le PDF d'exemple EcoFlow à côté pour illustrer les concepts.
  2. Travaillez sur votre document - Écrivez vos réponses au fur et à mesure, pas après.
  3. Consultez la Charte Graphique pour voir la structure complète qu'on vise à créer.
  4. Prenez du recul - Entre chaque phase, laissez reposer vos idées 24h si possible.
  5. Itérez - Vos réponses vont évoluer. C'est le signe que ça marche.

RESSOURCES PDF - Exemples & Références

🌍

EcoFlow - Guide Complet

Guide complet d'identité visuelle avec tous les éléments essentiels.

↓ Télécharger le PDF
📋

Charte Graphique - Référence

Ressource détaillée et complète pour structurer votre propre charte graphique pas à pas.

↓ Télécharger le PDF

Conseil: Avant de commencer le guide, consultez ces deux ressources pour comprendre ce qu'est une identité visuelle et une charte graphique. Vous pourrez les prendre comme exemples tout au long de votre apprentissage.

1

Clarifier ton intention

Avant les couleurs, la clarté mentale

Une identité visuelle solide part d'une clarté interne. Avant de parler design, réponds à ces trois questions :

1. Mission : pourquoi existe ta marque?

C'est l'impact concret que tu crées. Pas ce que tu fais, mais ce que ça change pour tes clients.

Exemples concrets: 3 métiers, 3 missions

Pour bien comprendre, voici 3 secteurs différents:

Agence Digitale

Faible: "Je fais du web design et du marketing digital"

Fort: "Nous transformons les PME invisibles en marques incontournables en ligne, pour qu'elles captent leurs clients idéaux sans vendre."

→ L'identité visuelle doit crier: confiance, modernité, expertise

Boulangerie Artisanale

Faible: "Je vends du pain et des pâtisseries"

Fort: "Chaque matin, nous créons des moments de vie simples qui reconnectent nos clients à l'authentique, au goût vrai, au local."

→ L'identité visuelle doit crier: chaleur, tradition, qualité, convivialité

Marque de Mode Durable

Faible: "Je fais des vêtements écologiques"

Fort: "Nous libérons les femmes du choix culpabilisant en créant des pièces intemporelles, éthiques et belles, pour qu'elles s'habillent avec clarté de conscience."

→ L'identité visuelle doit crier: éthique, minimalisme, féminité responsable

À TOI DE JOUER: Clarifier ta mission

Réponds honnêtement à ces trois questions:

Conseil: Parle de l'impact, pas du process

2. Vision : où veux-tu aller?

C'est ton horizon à 3-5 ans. Pas "être riche", mais "où veux-tu que ta marque se positionne ?"

Vision claire: "Devenir la référence pour X" ou "Expansionner internationalement"

3. Valeurs : quels principes te guident?

Les 3-4 piliers non-négociables. Honnêteté? Créativité? Accessibilité? Vitesse?

À retenir: Tes couleurs, typographies et logos doivent visuellement traduire ces valeurs, pas juste les dire.

À cocher:

Tes visuels parlent à des humains, pas au "marché". Construis 2-3 personas précis. Sans ça, tu designs pour personne.

Les 5 infos clés par persona

Démographie: âge, lieu, job, situation de vie
Motivations: qu'est-ce qu'il veut vraiment?
Freins: qu'est-ce qui l'empêche?
Contexte tech: où passe-t-il du temps? (Instagram, LinkedIn...)
Ton préféré: formel ou casual? Tech ou simple?

3 Personas concrets: du vague au spécifique

Vois la différence entre un persona flou et un persona utile:

Cas 1: AGENCE DIGITALE

Persona flou: "Les entrepreneurs"

Persona spécifique: MARIE

Qui: Fondatrice d'agence web, 32 ans, 5 ans d'expérience, Paris

Motivation: Passer de "freelance invisible" à "agence respectée" qui attire de vrais clients

Frein: Croit que le design c'est cosmétique, pas business

Réseaux: LinkedIn, Twitter, un peu Instagram

Ton préféré: Pro mais accessible, tech mais pas froid

→ Mon design doit crier: "Professionnalisme + confiance + accessibilité"

Cas 2: BOULANGERIE ARTISANALE

Persona flou: "Nos clients"

Persona spécifique: JEAN-PAUL

Qui: Retraité, 68 ans, vit dans le quartier depuis 25 ans

Motivation: Trouver des vraies pains comme avant, local et de qualité

Frein: Peur des marques "trop modernes" qui perdent l'authenticité

Réseaux: Pas vraiment, bouche-à-oreille, visite physique

Ton préféré: Chaleureux, simple, pas trop design

→ Mon design doit crier: "Traditionnel + chaleur + qualité"

Cas 3: MARQUE MODE DURABLE

Persona flou: "Femmes éco-conscientes"

Persona spécifique: LISA

Qui: Cadre, 35 ans, 2 enfants, gagne bien mais culpabilise sur l'écologie

Motivation: S'habiller bien et responsably sans paraître "écolo" ou ringarde

Frein: Peur que l'éco soit ennuyeux ou trop cher

Réseaux: Instagram, Pinterest, newsletters lifestyle

Ton préféré: Minimaliste, moderne, féminin sans être "cute"

→ Mon design doit crier: "Élégance + responsabilité + modernité"

À TOI DE JOUER: Créer tes personas

Crée au moins 2 personas spécifiques. Plus ils sont précis, mieux tu designeras.

PERSONA 1

À cocher:

Qui es-tu sur le marché? Ce qui te différencie. C'est crucial parce que ça structure TOUT le design après. Ton positionnement = ta couleur de marque + ta personnalité.

Les 3 dimensions du positionnement

Qualité: premium/entrée de gamme/intermédiaire?
Style: playful/sérieux/minimaliste/coloré?
Promesse: rapide/perso/abordable/expertise?

La matrice de positionnement: Où es-tu?

Positionne-toi sur ces deux axes:

AXE HORIZONTAL: Formel ← → Playful | AXE VERTICAL: Entrée de gamme ← → Premium

PREMIUM + FORMEL

Couleurs: Or, noir, marron

Style: Épuré, minimaliste, sophistiqué

Ex: Marques de luxe, avocats, haute joaillerie

PREMIUM + PLAYFUL

Couleurs: Violet, rose, turquoise

Style: Créatif, dynamique, confiant

Ex: Startups créatives, design studios, mode haute gamme

BUDGET + FORMEL

Couleurs: Bleu, gris, blanc

Style: Clair, simple, efficace

Ex: Services B2B, agences gouvernementales, finance

BUDGET + PLAYFUL

Couleurs: Orange, jaune, rouge

Style: Énergique, convivial, accessible

Ex: Food, startups jeunes, communauté, wellness

4 exemples de positionnement

Même service, 4 positions différentes = 4 identités visuelles différentes:

Coach sportif - Positionnement 1 (Premium Playful)

Qualité: Premium, tu travailles les athlètes sérieux

Style: Dynamique, énergisant, moderne

Promesse: Résultats rapides, personnalisé, expert

Couleurs:

Coach sportif - Positionnement 2 (Budget Playful)

Qualité: Abordable, accessible, community

Style: Fun, motivant, inclusif

Promesse: Accessible, groupe supportif, bonne ambiance

Couleurs:

Coach sportif - Positionnement 3 (Premium Formel)

Qualité: Ultra premium, scientifique, élitiste

Style: Épuré, professionnel, minimaliste

Promesse: Science, données, excellence absolue

Couleurs:

Point clé: Ton positionnement n'est pas une question — c'est une affirmation. "Je suis le coach fun et abordable" change TOUT le design par rapport à "je suis le coach scientifique et premium".

À cocher:

2

Choisir tes couleurs

Les émotions avant les pixels

Les couleurs sont des émotions. Elles parlent avant ton texte. Chaque couleur a une psychologie: elle crée une réaction instantanée chez tes clients.

La psychologie des couleurs: ce que tes clients ressentent

Avant de choisir, comprends ce que chaque couleur dit de ta marque:

BLEU

Perception: Confiance, professionnalisme, sérénité, technologie

→ Parfait pour: Startups tech, agences, services financiers

ROUGE

Perception: Énergie, urgence, passion, action

→ Parfait pour: Écommerce, food, marques énergétiques

VERT

Perception: Nature, croissance, santé, écologie

→ Parfait pour: Éco-marques, wellness, développement

ORANGE

Perception: Créativité, joie, convivialité, chaleur

→ Parfait pour: Food, loisirs, communauté

VIOLET

Perception: Luxe, créativité, spiritualité, rareté

→ Parfait pour: Marques premium, beauté, innovation

Important : La psychologie des couleurs n'est pas universelle

La perception des couleurs varie selon les cultures, les contextes régionaux et les expériences personnelles. Ce guide présente les tendances générales observées en Occident (particulièrement en Europe et en Amérique du Nord), mais ne constitue pas une vérité absolue.

Exemples :

  • Le blanc = pureté en Occident, mais deuil dans certaines cultures asiatiques
  • Le rouge = danger/passion en Europe, mais fortune/chance en Chine
  • Le bleu = confiance tech, mais ce n'était pas toujours le cas avant les années 90

L'important : Ces associations reflètent quand même une réalité statistique forte dans les perceptions actuelles. Elles sont fiables comme point de départ, mais à adapter à ton contexte spécifique (ta région, ton audience, tes valeurs).

4 Palettes complètes: du concept à la réalité

Voici 4 palettes toutes faites, selon ton positionnement:

Tech Moderne (Startup, Agence)

Primaire
#1a73e8
Secondaire
#34a853
Accent
#fbbc04
Neutre
#f8f9fa

✨ Sentiment: Confiante, moderne, accessible

Luxe Premium (Mode, Beauté)

Primaire
#2c1810
Secondaire
#d4af37
Accent
#e8d5c4
Neutre
#f5f5f0

✨ Sentiment: Exclusive, sophistiquée, intemporelle

Warm & Friendly (Food, Création, Communauté)

Primaire
#e87f3b
Secondaire
#c94d34
Accent
#ffd89b
Neutre
#fff8f0

✨ Sentiment: Chaleureuse, conviviale, accessible

Eco & Minimal (Durable, Wellness)

Primaire
#2d5a3d
Secondaire
#6b9f7f
Accent
#d4e8e1
Neutre
#f0f6f4

✨ Sentiment: Équilibrée, responsable, naturelle

Impact réel: Le même logo, 3 palettes différentes

Vois comment ta marque change COMPLÈTEMENT juste avec les couleurs:

A

Tech (Confiance)

Bleu + blanc → Professionnel

A

Food (Chaleur)

Orange + crème → Convivial

A

Éco (Nature)

Vert + crème → Durable

Le point clé: Tes couleurs ne sont pas cosmétiques — ce sont des instructions visuelles qui disent à tes clients QUI tu es avant même qu'ils lisent une seule ligne.

Comment choisir tes 2-3 couleurs principales?

Couleur primaire: la plus visible, celle qui te représente — celle qui va sur ton logo
Couleur secondaire: qui l'accompagne, crée du contraste — teste: fonctionne-t-elle avec la primaire?
Couleur d'accent: optionnelle, pour les appels à l'action — doit avoir du contraste

À cocher:

3

Choisir tes typographies

La personnalité par les polices

Comme les couleurs, les polices véhiculent une personnalité. Deux polices bien choisies suffisent: une pour les titres, une pour le corps. La combinaison = ton attitude.

5 paires de polices: selon ton positionnement

Voici des combos prêtes à utiliser. Chaque paire transmet une émotion différente:

TECH MODERNE

Poppins Bold (Titres)

Géométrique, moderne, confiance

Lato Regular (Corps)
Très lisible, neutre, digital-friendly

LUXE PREMIUM

Playfair (Titres)

Elegante, intemporelle, luxe

Montserrat Regular (Corps)
Chic, légère, contraste avec les serifs

WARM & FRIENDLY

Fredoka Bold (Titres)

Ronde, conviviale, accessible

Open Sans Regular (Corps)
Chaleureuse, très lisible, humaine

ECO & MINIMAL

Inter Semibold (Titres)

Épurée, moderne, efficace

Inter Regular (Corps)
Même police, mais plus légère — cohérent et clean

CRÉATIF & BOLD

BEBAS NEUE (Titres)

Dynamique, énergique, impactante

Roboto Regular (Corps)
Lisible, neutre, balance le titre agressif

La hiérarchie typographique complète

Voici comment structurer TOUS tes textes. Exemple avec la paire Tech:

H1 - Titre principal

32px • Poppins Bold • Lettres espacées

H2 - Sous-titre secondaire

24px • Poppins Bold

H3 - Section intérieure

18px • Poppins Semibold

Body - Paragraphe normal. C'est ici que tu racontes tes histoires. La lisibilité est reine.

16px • Lato Regular • Line-height: 1.6

Small - Texte secondaire, légende, metadata

13px • Lato Regular • Gris clair

La règle d'or: Utilise seulement 2 polices. Une pour les titres (impact), une pour le corps (lisibilité). Si tu en utilises 3+, c'est trop et ton design semble chaotique.

À TOI DE JOUER: Choisir tes polices

Tes deux polices peuvent venir de:

Google Fonts (gratuit, parfait pour débuter)
Typekit/Adobe Fonts (premium, plus de choix)
Fonderies spécialisées (sur-mesure, cher mais unique)

Doit être lisible en petit (logo) ET grande (titre)

Doit être ultra lisible à 14-16px sur écran

À cocher:

4

Créer ton logo

La signature visuelle

Un bon logo se reconnaît en petit, en noir et blanc, et en un coup d'œil. C'est ta signature visuelle. Il n'a pas besoin d'être parfait du premier coup — ce qui compte, c'est qu'il reflète ton positionnement.

Les critères d'un bon logo

Lisible en petit: sur une favicon 16x16px
Fonctionne en mono: noir et blanc d'abord, couleur ensuite
Intemporel: pas de trends qui passent
Reflète ton positionnement: pas générique

Les variations essentielles de ton logo

Un logo n'existe jamais en une seule version. Voici les variations que tu dois créer:

1. LOGO COMPLET

Avec nom complet
(site, documents)

2. SYMBOLE SEUL

Sans texte
(favicon, avatar)

3. MONOCHROME

Noir & blanc
(photocopie, grave)

4. VERSION INVERSÉE

Sur fond sombre
(footer, header noir)

Tailles & contextes d'utilisation

Ton logo doit fonctionner à différentes tailles:

📱 Petit (16-32px): Favicon, application, réseaux sociaux avatar

📧 Moyen (64-128px): En-tête email, petite bannière site, signature

Grand (200px+): Logo principal site, affiche, présentation

Très grand (500px+): Panneau, building, merchandising

Le process: 3 directions → 1 choix

Voici comment créer un bon logo (avec designer ou seul):

ÉTAPE 1: Briefing clair

Définis ce que tu veux que le logo dise. Basé sur ton positionnement + tes valeurs + ton persona.

ÉTAPE 2: 3 directions différentes

Crée ou demande 3 approches TRÈS différentes:

Direction A: Abstraite/géométrique
Direction B: Iconique/illustrée
Direction C: Typographique/lettrine

ÉTAPE 3: Teste chaque direction

Pour chaque direction, réponds:

Est-ce lisible en 16px? (favicon test)
Fonctionne en noir et blanc?
Reflète mon positionnement?
Est-ce intemporel (pas trop trend)?

ÉTAPE 4: Choix + raffinements

Choisis la meilleure direction. Affine-la avec 2-3 itérations.

Important: Ton logo n'a pas besoin d'être complexe. Les plus mémorables sont souvent les plus simples. Apple, Nike, Twitter — c'est minimaliste.

À cocher:

5

Déployer partout

Appliquer ta marque

Une identité visuelle n'existe que si elle est partout où ton client peut te rencontrer. Chaque touchpoint = une chance de consolider ton image.

Où doit apparaître ton identité?

Marque tout ce qui s'applique à toi:

DIGITAL

PRINT & PHYSIQUE

DOS & DON'TS: Erreurs courantes

Voici ce qui tue une identité cohérente:

Utiliser le logo en couleur sur tout

Le problème: Sur une photo complexe (footer Instagram), ton logo devient illisible.

La solution: Utilise la version inversée (blanc) sur fond sombre, ou ajoute un contour.

Changer les couleurs selon l'envie

Le problème: Bleu sur un support, rose sur un autre = ton client ne reconnait pas ta marque.

La solution: Documente tes couleurs exactes (hex codes) et utilise-les PARTOUT.

Étirer ou compresser le logo

Le problème: Cela le déforme et le rend laid (et ça se voit tout de suite).

La solution: Respecte le ratio 1:1 toujours. Si tu dois le redimensionner, ça doit être proportionnel.

À FAIRE: Cohérence totale

Utilise une seule palette couleur partout (codes hex notés)
Utilise une seule police pour les titres, une pour le corps
Espaces blanc cohérents autour du logo
Logo lisible en petit (teste en 16px)
Crée une charte graphique qui documente tout ça

À cocher:

Une "charte graphique" c'est juste un doc qui dit: "Voilà ma marque, voici comment l'utiliser." C'est ton bible visuelle — utile pour toi, ton designer, ton assistant.

Pourquoi c'est important

Pour toi: Tu l'oublies comment tu as choisi tes couleurs → la charte te l'rappelle
Pour les autres: Ton designer, ta VA, ton graphiste sauront exactement quoi faire
Pour la cohérence: Zéro confusion, zéro approximation

📖 Ce que doit contenir ta charte (minimum)

Un doc simple, pas besoin de 50 pages. 5-10 pages suffisent:

1️⃣ PAGE DE GARDE

Logo + nom marque + date + version

2️⃣ RÉSUMÉ IDENTITÉ (1 page)

Mission: Pourquoi existe la marque?
Positionnement: Premium/Budget? Formel/Playful?
Valeurs clés: 3 mots qui la définissent

3️⃣ LOGO (2 pages)

Version complet + symbole seul
Version mono (noir et blanc)
Version inversée (sur fond sombre)
Tailles minimales / espaces de respiration

4️⃣ COULEURS (1 page)

Palette complète (primaire, secondaire, accents)
Codes HEX + RGB (copier-coller facile)
Quand utiliser quelle couleur

5️⃣ TYPOGRAPHIES (1 page)

Noms + où télécharger (Google Fonts, etc.)
H1, H2, H3, Body, Small avec tailles
Exemple d'utilisation

6️⃣ EXEMPLES D'APPLICATION (1-2 pages)

Logo sur site / email / Instagram
Carte de visite / en-tête lettre
Bannière / post réseaux sociaux

7️⃣ DOS & DON'TS (1 page)

Ne pas étirer le logo
Ne pas changer les couleurs
Ne pas utiliser 3+ polices

Format & distribution

Tes options:

PDF Simple

Meilleur pour: Démarrer, partager facilement

Outils: Canva, Figma, Adobe InDesign

Website/Notion

Meilleur pour: Équipes, mise à jour facile, moderne

Outils: Notion, Google Docs, Webflow

💾 Dossier structuré

Meilleur pour: Designers, tous les assets en un lieu

Contient: /logo /couleurs /polices /templates

Ta charte en checklist simple

Conseil: Commence par une charte simple. Une fois que c'est en place, tu peux la raffiner avec ton designer. L'important: c'est documenté et c'est cohérent.

À cocher:

Ton Diagnostic Final

Combien d'actions as-tu cochées?

0%
À la traîne

Ton Guide Personnalisé

Récapitulatif de tout ce que tu as rempli + ta charte graphique complète

Prêt(e) à passer à l'action?

Ce guide te donne la base. Si tu veux qu'un expert transforme cette clarté en visuels qui vendent, on peut en discuter ensemble.

Parlons de ton projet →