Capstone : ton identité visuelle de A à Z
Objectifs de ce chapitre
- Poser une plateforme de marque et la traduire en identité visuelle
- Créer un wordmark, un brand board et leurs déclinaisons multi-supports
- Construire un portfolio qui montre le processus, pas seulement les rendus
Dernier brief : le client, c’est toi
La mission Sereno est livrée, Atelier Lume est en ligne, et le directeur de Studio Mango te convoque une dernière fois. « Beau travail. On aimerait te confier des projets en direct… mais montre-moi ton portfolio. » Silence gêné : ta page personnelle date d'avant le cours — une liste de vignettes sans âme, un nom en Arial, aucune identité. Le directeur sourit : « Parfait. Voilà ton capstone : traite-toi comme ton meilleur client. » Tout ce que tu as appris en neuf chapitres va servir un projet complet, de la stratégie de marque au portfolio en ligne — pour toi.
Ce projet final a une difficulté que les autres n'avaient pas : être son propre client est notoirement difficile. On hésite indéfiniment, on recommence tout chaque semaine, on n'ose rien ou on ose tout. La parade : appliquer à soi-même la discipline du studio — un brief écrit, des étapes datées, la critique aux cinq axes, des décisions assumées. L'IA joue ici son meilleur rôle : celui du directeur artistique externe qui te pose les questions que tu évites.
Une identité est un système, pas un logo
Première idée à déconstruire : « il me faut un logo ». Un logo seul n'est pas une identité — c'est un système complet qui rend ta présence reconnaissable partout : une plateforme de marque (ce que tu dis), une identité visuelle (couleurs, typographies, formes, ton — tes tokens personnels), et des déclinaisons (portfolio, carte sociale, signature email, présentation). Exactement la pyramide du chapitre 2, élargie au-delà de l'écran : les tokens nourrissent les composants, les composants nourrissent les supports.
La plateforme de marque en cinq questions
Avant tout pixel, les mots. Une plateforme de marque personnelle tient en cinq réponses honnêtes : qui tu sers (des studios ? des startups ? des artisans locaux ?), quoi tu apportes (du design produit ? des identités ? des landing pages qui convertissent ?), en quoi tu es différent (ta réponse, après ce cours : designer augmenté — la sensibilité humaine pilotant la vitesse de l'IA), sur quel ton tu t'exprimes (chaleureux, précis, direct ?), et quelle preuve tu peux montrer (Sereno, Atelier Lume, ce capstone).
La difficulté n'est pas de répondre — c'est de répondre précisément. « J'aide les entreprises avec leur design » ne positionne rien. « Je conçois des landing pages qui convertissent, pour des marques artisanales qui refusent le look template » est un positionnement : il attire les bons clients et fait fuir les mauvais, ce qui est exactement son travail. Pour t'arracher ces précisions, inverse le dialogue avec l'IA : fais-toi interviewer.
Tu es stratège de marque. Interviewe-moi pour construire ma plateforme de marque personnelle de designer. Pose-moi tes questions UNE PAR UNE et attends ma réponse avant la suivante. Creuse quand je reste vague — si je dis « j'aide les entreprises », demande lesquelles, sur quoi, avec quel résultat. Couvre : 1. qui je sers précisément, 2. ce que j'apporte concrètement, 3. ce qui me différencie (méthode, sensibilité, vitesse), 4. mon ton naturel, 5. mes preuves disponibles. Après une dizaine de questions, rédige ma plateforme : positionnement en une phrase, 3 valeurs, ton de voix en 3 adjectifs, et la promesse que mon portfolio doit incarner.
Du verbe au visuel : ta direction artistique personnelle
La plateforme posée, retour au chapitre 1 — mais le client, c'est toi. Rédige ton brief de direction artistique en cinq blocs : contexte (ta plateforme), émotion (trois adjectifs, pas un de plus), références (deux ou trois, avec ce que tu en retiens), contraintes (tes supports cibles, l'accessibilité AA), interdits (ta liste anti-générique, enrichie de tout ce que le cours t'a appris à détecter). Puis déroule la chaîne connue : design system personnel (chapitre 2), échelles de teintes et thème sombre (chapitre 7), paire typographique signature (chapitre 6), tokens de motion (chapitre 8).
Le wordmark : un logo typographique suffit
Bonne nouvelle pour ton budget temps : tu n'as pas besoin d'un pictogramme. Un wordmark — ton nom composé avec soin — est le format le plus sûr et le plus professionnel pour une identité personnelle. La recette : pars de ta police de titres, compose ton nom, puis introduis une seule singularité — une ligature inhabituelle, une lettre légèrement modifiée, un point coloré, un interlettrage signature. Une seule : c'est la différence entre un détail mémorable et un nom défiguré.
Demande à l'IA des pistes en SVG : le format vectoriel se décline à toutes les tailles, se modifie à la main, et s'intègre partout — du favicon à l'en-tête de présentation. Génère cinq variations, applique la critique des cinq axes (le cinquième — « si on masque le nom, reste-t-il quelque chose de toi ? » — est ironiquement inversé ici : le nom EST le logo, c'est sa composition qui doit être tienne), choisis, affine.
<svg viewBox="0 0 320 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Lina Moreau, designer">
<title>Lina Moreau — designer</title>
<text x="0" y="44"
font-family="Fraunces, Georgia, serif"
font-size="40" font-weight="560"
letter-spacing="-0.5" fill="#2D3A36">lina moreau</text>
<!-- La singularité unique : le point final dans la couleur d'accent -->
<circle cx="306" cy="40" r="5" fill="#E8A87C"/>
</svg>Le brand board : tout sur une page
Avant de décliner, condense. Un brand board est une page unique qui rassemble l'identité entière : le wordmark et ses variantes (clair, sombre, favicon), la palette avec ses rôles, la paire typographique avec un spécimen de chaque niveau, le motif ou détail signature, et trois lignes de ton de voix avec un exemple de phrase. C'est ton chapitre 2 rendu visible d'un coup d'œil — l'outil qui t'évitera de dériver dans les déclinaisons, et la pièce de portfolio qui prouve que tu penses en systèmes.
Décliner partout sans se diluer
Une identité se juge à sa résistance aux déclinaisons. Chaque support a ses contraintes : la carte sociale (l'image qui apparaît quand on partage ton lien) fait 1200 × 630 px et doit rester lisible en vignette de 300 px ; la signature email vit dans un environnement HTML hostile qui ignore la moitié du CSS moderne ; l'avatar se réduit à 48 px de diamètre ; le gabarit de présentation doit survivre à un projecteur de salle de réunion. Le test est toujours le même : tes tokens tiennent-ils le choc, ou chaque support part-il dans sa direction ?
flowchart TD PF["Plateforme de marque : les mots"] --> ID["Identité : tokens personnels + wordmark"] ID --> BB["Brand board : tout sur une page"] BB --> S1["Portfolio en ligne"] BB --> S2["Carte sociale 1200 x 630"] BB --> S3["Signature email"] BB --> S4["Gabarit de présentation"]
Crée ma carte sociale (og-image) en HTML/CSS autonome, 1200 x 630 px, à partir de mon brand board : [colle ici tes tokens + le SVG de ton wordmark] Contenu : mon wordmark, ma phrase de positionnement (« [ta phrase] »), et mon détail signature. Contraintes : - hiérarchie lisible même réduite en vignette de 300 px de large : teste mentalement à cette taille et dis-moi ce qui survit - contraste AA, générosité d'espace, aucun élément décoratif gratuit - donne aussi la variante thème sombre en re-déclarant les rôles Puis liste les adaptations nécessaires pour décliner la même composition en bannière LinkedIn 1584 x 396.
Le portfolio : montre le processus, pas seulement les rendus
Vient enfin le portfolio lui-même — et le piège classique : la galerie de belles images muettes. À l'ère de l'IA, une grille de jolis rendus prouve de moins en moins : n'importe qui peut générer du joli. Ce qui te distingue, c'est le raisonnement — et ton portfolio doit le montrer. Le format : la case study. Pour Sereno : le brief et ses contraintes, la direction écartée et pourquoi, le design system et ses arbitrages (le contraste du text-muted corrigé, le mode sombre repensé), les itérations clés en avant/après, le résultat. Trois projets racontés ainsi valent mieux que douze vignettes.
Sois transparent sur ta méthode : « designer augmenté » n'est pas un aveu, c'est un argument. Montrer un prompt de direction artistique bien construit, puis le tri exigeant que tu as opéré dans les propositions, prouve une compétence que les clients commencent précisément à chercher : quelqu'un qui sait diriger la machine vers un résultat qu'elle n'aurait jamais produit seule. Tu peux même inclure un encart « comment je travaille » qui désamorce la question avant qu'on te la pose.
Et maintenant : ta pratique de designer augmenté
Prends une seconde pour mesurer le chemin. Chapitre 1 : poser une intention que l'IA peut suivre. Chapitre 2 : un design system comme mémoire externe. Chapitre 3 : prototyper en boucle courte. Chapitre 4 : livrer des composants propres et accessibles. Chapitre 5 : critiquer, oser, fuir le générique. Puis la profondeur : la typographie comme voix (6), la couleur comme système complet clair et sombre (7), le mouvement comme langage (8), la persuasion comme structure (9). Et ce capstone, où tout converge vers le projet le plus difficile : le tien.
La méthode est désormais la tienne, et elle est transférable : la prochaine app, la prochaine marque, le prochain support qui n'existe pas encore suivront la même chaîne — intention, système, prototype, code, critique. Les outils d'IA changeront de nom dans dix-huit mois ; la chaîne, elle, restera. Le goût reste le tien ; l'IA accélère. Studio Mango attend ton portfolio lundi — et cette fois, tu sais exactement comment t'y prendre.
Contexte
Une semaine pour exister visuellement : plateforme de marque, identité, wordmark, brand board, carte sociale et un portfolio en ligne avec au moins une case study complète. Le directeur de Studio Mango jugera sur pièces lundi — et il appliquera ta propre grille des cinq axes, en insistant sur le cinquième : si on masque ton nom, est-ce encore toi ?
Consignes
- Fais-toi interviewer par l’IA (questions une par une) jusqu’à obtenir ta plateforme : positionnement en une phrase, 3 valeurs, ton en 3 adjectifs.
- Rédige ton brief de direction artistique personnel (5 blocs) puis génère ton design system : palette avec échelles, paire typographique, tokens de motion, thèmes clair et sombre.
- Crée ton wordmark en SVG : 5 pistes, critique aux 5 axes, une seule singularité retenue, déclinaisons clair/sombre/favicon.
- Assemble le brand board sur une page, puis décline : carte sociale 1200 × 630 (testée en vignette 300 px) et signature email en HTML email-safe.
- Construis le portfolio avec une case study Sereno complète : brief, arbitrages, avant/après des itérations clés, et un encart honnête « comment je travaille avec l’IA ».
- Passe l’ensemble au crible final : grille des 5 axes, contrastes des deux thèmes, prefers-reduced-motion, test des cinq secondes sur ta page d’accueil — puis publie. La v1 imparfaite en ligne bat la v2 parfaite dans ta tête.
En résumé
- Être son propre client exige la discipline du studio : brief écrit, étapes datées, une seule passe de révision, décisions assumées.
- Une identité est un système — plateforme de marque, tokens personnels, déclinaisons — pas un logo isolé.
- La plateforme tient en cinq réponses précises : qui, quoi, différence, ton, preuve ; l’interview inversée par l’IA arrache les précisions.
- Un wordmark typographique avec une seule singularité est le format le plus sûr pour une identité personnelle — en SVG, déclinable partout.
- Le brand board condense tout sur une page et protège la cohérence des déclinaisons (carte sociale, email, présentation).
- Chaque support a ses contraintes (vignette 300 px, HTML email-safe, avatar 48 px) : l’identité se juge à sa résistance aux déclinaisons.
- Le portfolio montre le raisonnement en case studies — brief, arbitrages, avant/après — et assume la méthode « designer augmenté ».
- La chaîne intention → système → prototype → code → critique est transférable à tout projet futur : les outils changeront, pas la méthode.
Quiz — vérifie ta compréhension
1. Pourquoi commencer par la plateforme de marque plutôt que par le logo ?
2. Qu’est-ce qui fait un bon wordmark personnel ?
3. À quoi sert un brand board ?
4. Quelle contrainte spécifique pèse sur la signature email ?
5. Pourquoi privilégier les case studies aux galeries d’images dans un portfolio ?
6. Quelle attitude adopter face au perfectionnisme sur son propre projet ?