{"id":108,"date":"2026-09-30T15:17:32","date_gmt":"2026-09-30T13:17:32","guid":{"rendered":"https:\/\/trikromi.fr\/blog\/?p=108"},"modified":"2026-09-30T16:54:47","modified_gmt":"2026-09-30T14:54:47","slug":"processus-creation-identite-visuelle","status":"publish","type":"post","link":"https:\/\/trikromi.fr\/blog\/processus-creation-identite-visuelle\/","title":{"rendered":"Anatomie d&rsquo;un projet d&rsquo;identit\u00e9 visuelle : du brief \u00e0 la livraison"},"content":{"rendered":"\n<style>\n\/* ============================================================\n   TRIKROMI \u2014 Article \u00e9ditorial. Styles autonomes (pr\u00e9fixe tkx-).\n   ============================================================ *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;700;800&family=Inter:wght@300;400;500;600;700&display=swap');\n\n.tkx {\n  --ink:#000; --grey:#595959; --soft:#868686; --hair:#e6e6e6;\n  --surface:#f5f5f5; --dark:#111; --pill:#e4e4e4;\n  --display:'Almarai',-apple-system,Roboto,Helvetica,sans-serif;\n  --body:'Inter',-apple-system,Roboto,Helvetica,sans-serif;\n  --measure:880px;\n\n  font-family:var(--body);\n  color:var(--grey);\n  font-size:19px;\n  line-height:1.72;\n  letter-spacing:-0.011em;\n  -webkit-font-smoothing:antialiased;\n  max-width:1580px;\n  margin:0 auto;\n  padding:0 clamp(20px,4vw,60px) clamp(110px,14vw,210px);\n  box-sizing:border-box;\n}\n.tkx *,.tkx *::before,.tkx *::after { box-sizing:border-box; }\n.tkx img { max-width:100%; height:auto; display:block; }\n.tkx p { margin:0 0 1.15em; }\n.tkx strong { color:var(--ink); font-weight:600; }\n.tkx a { color:var(--ink); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }\n.tkx a:hover { opacity:.55; }\n\n\/* ---------- EN-T\u00caTE ---------- *\/\n.tkx-head { padding:clamp(20px,3vw,40px) 0 0; max-width:1100px; }\n.tkx-kicker {\n  display:flex; align-items:center; gap:14px; flex-wrap:wrap;\n  font-size:13px; font-weight:600; letter-spacing:.04em;\n  text-transform:uppercase; color:var(--soft);\n}\n.tkx-kicker .tkx-pill {\n  background:var(--ink); color:#fff; border-radius:999px;\n  padding:7px 16px; text-decoration:none;\n}\n.tkx-title {\n  font-family:var(--display);\n  font-size:clamp(38px,5.2vw,86px);\n  font-weight:400; line-height:.98; letter-spacing:-0.055em;\n  margin:26px 0 0; color:var(--ink);\n}\n.tkx-standfirst {\n  margin:26px 0 0; max-width:760px;\n  font-size:clamp(19px,1.5vw,24px); line-height:1.45;\n  letter-spacing:-0.02em; color:var(--grey);\n}\n.tkx-meta {\n  margin:30px 0 0; padding:18px 0;\n  border-top:1px solid var(--hair); border-bottom:1px solid var(--hair);\n  display:flex; flex-wrap:wrap; gap:8px 28px;\n  font-size:13px; letter-spacing:.02em; text-transform:uppercase; color:var(--soft);\n}\n.tkx-meta strong { color:var(--ink); font-weight:600; }\n.tkx-cover { margin:clamp(34px,4vw,60px) 0 0; border-radius:35px; overflow:hidden; }\n.tkx-cover img { width:100%; }\n\n\/* ---------- LAYOUT 2 COLONNES ---------- *\/\n.tkx-layout {\n  display:grid; grid-template-columns:225px minmax(0,1fr);\n  gap:clamp(60px,8vw,150px); align-items:start;\n  margin-top:clamp(50px,6vw,90px);\n}\n@media (max-width:1080px){ .tkx-layout{ grid-template-columns:minmax(0,1fr); gap:0; } }\n\n\/* ---------- SOMMAIRE ---------- *\/\n.tkx-toc { position:sticky; top:120px; max-height:calc(100vh - 150px); overflow-y:auto; scrollbar-width:thin; }\n.tkx-toc__label {\n  font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;\n  color:var(--soft); margin-bottom:18px; padding-bottom:12px;\n  border-bottom:1px solid var(--hair);\n}\n.tkx-toc ol { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }\n.tkx-toc li { margin:0; padding:0; }\n.tkx-toc li::before { display:none; }\n.tkx-toc a {\n  display:flex; gap:10px; align-items:baseline; padding:8px 0 8px 14px;\n  font-size:14px; line-height:1.35; letter-spacing:-0.015em;\n  color:var(--soft); text-decoration:none;\n  border-left:2px solid transparent;\n  transition:color .25s ease,border-color .25s ease;\n}\n.tkx-toc a:hover { color:var(--ink); border-left-color:var(--ink); opacity:1; }\n.tkx-toc a.is-current { color:var(--ink); font-weight:600; border-left-color:var(--ink); }\n.tkx-toc__num { font-size:11px; font-weight:600; opacity:.55; flex-shrink:0; }\n@media (max-width:1080px){\n  .tkx-toc {\n    position:static; background:var(--surface); border-radius:25px;\n    padding:24px 26px; margin-bottom:44px;\n    max-height:none; overflow:visible;\n  }\n  .tkx-toc ol { display:grid; grid-template-columns:repeat(2,1fr); gap:0 20px; }\n  .tkx-toc a { padding-left:0; border-left:none; }\n}\n@media (max-width:640px){ .tkx-toc ol { grid-template-columns:1fr; } }\n\n\/* ---------- ARTICLES ASSOCI\u00c9S (sidebar) ---------- *\/\n.tkx-related { margin-top:36px; padding-top:24px; border-top:1px solid var(--hair); }\n.tkx-related__label {\n  font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;\n  color:var(--soft); margin-bottom:16px;\n}\n.tkx-related ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px; }\n.tkx-related li { margin:0; padding:0; }\n.tkx-related li::before { display:none; }\n.tkx-related a {\n  display:block; font-size:14px; line-height:1.3; letter-spacing:-0.02em;\n  color:var(--ink); font-weight:500; text-decoration:none; transition:opacity .2s ease;\n}\n.tkx-related a:hover { opacity:.55; }\n.tkx-related__cat {\n  display:block; font-size:11px; font-weight:600; letter-spacing:.06em;\n  text-transform:uppercase; color:var(--soft); margin-bottom:5px;\n}\n@media (max-width:1080px){\n  .tkx-related ul { display:grid; grid-template-columns:repeat(2,1fr); gap:16px 24px; }\n}\n@media (max-width:640px){ .tkx-related ul { grid-template-columns:1fr; } }\n\n\/* ---------- CORPS ---------- *\/\n.tkx-body { max-width:var(--measure); counter-reset:tkxh2; }\n.tkx-body > p:first-child {\n  font-size:clamp(20px,1.5vw,23px); line-height:1.5;\n  color:var(--ink); letter-spacing:-0.02em; margin-bottom:1.4em;\n}\n.tkx-body h2 {\n  counter-increment:tkxh2;\n  font-family:var(--display); color:var(--ink);\n  font-size:clamp(28px,2.4vw,40px); font-weight:700;\n  line-height:1.06; letter-spacing:-0.042em;\n  margin:2.3em 0 .6em; padding-top:1.1em;\n  border-top:1px solid var(--hair);\n  scroll-margin-top:110px;\n}\n.tkx-body h2::before {\n  content:\"(\" counter(tkxh2,decimal-leading-zero) \")\";\n  display:block; font-family:var(--body);\n  font-size:13px; font-weight:600; letter-spacing:.06em;\n  color:var(--soft); margin-bottom:14px;\n}\n.tkx-body h3 {\n  color:var(--ink); font-size:clamp(19px,1.35vw,23px); font-weight:600;\n  line-height:1.25; letter-spacing:-0.028em; margin:2em 0 .5em;\n}\n\n\/* Listes *\/\n.tkx-body ul { list-style:none; margin:0 0 1.6em; padding:0; }\n.tkx-body ul li { position:relative; padding-left:26px; margin-bottom:.7em; }\n.tkx-body ul li::before {\n  content:\"\"; position:absolute; left:2px; top:.62em;\n  width:7px; height:7px; border-radius:50%; background:var(--ink);\n}\n.tkx-body ol { list-style:none; margin:0 0 1.6em; padding:0; counter-reset:tkxol; }\n.tkx-body ol li {\n  position:relative; padding-left:44px; margin-bottom:.85em; counter-increment:tkxol;\n}\n.tkx-body ol li::before {\n  content:counter(tkxol,decimal-leading-zero);\n  position:absolute; left:0; top:.14em;\n  font-size:13px; font-weight:700; color:var(--ink);\n  background:var(--pill); border-radius:999px; padding:3px 9px;\n}\n\n\/* Checklist *\/\n.tkx-check li { padding-left:34px; }\n.tkx-check li::before {\n  content:\"\"; left:0; top:.34em;\n  width:18px; height:18px; border-radius:50%; background:var(--ink);\n}\n.tkx-check li::after {\n  content:\"\"; position:absolute; left:6px; top:.66em;\n  width:6px; height:3px;\n  border-left:1.6px solid #fff; border-bottom:1.6px solid #fff;\n  transform:rotate(-45deg);\n}\n\n\/* Chiffres cl\u00e9s *\/\n.tkx-figures {\n  background:var(--dark); color:#fff; border-radius:25px;\n  padding:clamp(26px,3vw,40px); margin:2.6em 0;\n  display:grid; grid-template-columns:repeat(3,1fr); gap:26px;\n}\n@media (max-width:640px){ .tkx-figures{ grid-template-columns:1fr; gap:22px; } }\n.tkx-fignum {\n  font-family:var(--display); font-size:clamp(30px,3vw,46px);\n  font-weight:700; line-height:1; letter-spacing:-0.05em; color:#fff;\n}\n.tkx-figlbl { margin-top:10px; font-size:13px; line-height:1.4; color:rgba(255,255,255,.62); }\n\n\/* Encadr\u00e9s *\/\n.tkx-note { background:var(--surface); border-radius:25px; padding:clamp(22px,2.4vw,32px); margin:2.4em 0; }\n.tkx-note__label {\n  font-size:12px; font-weight:700; letter-spacing:.1em;\n  text-transform:uppercase; color:var(--ink); margin-bottom:12px;\n}\n.tkx-note p:last-child { margin-bottom:0; }\n.tkx-note--warn { background:#fbf3ee; }\n.tkx-note--warn .tkx-note__label { color:#a04a22; }\n\n\/* Tableau *\/\n.tkx-tablewrap { margin:2.4em 0; }\n.tkx-tablewrap table { width:100%; border-collapse:collapse; font-size:16px; line-height:1.45; }\n.tkx-tablewrap thead th {\n  background:var(--ink); color:#fff; font-weight:600; font-size:12px;\n  letter-spacing:.05em; text-transform:uppercase; text-align:left;\n  padding:15px 18px; border:none;\n}\n.tkx-tablewrap thead th:first-child { border-top-left-radius:14px; }\n.tkx-tablewrap thead th:last-child { border-top-right-radius:14px; }\n.tkx-tablewrap tbody td { padding:15px 18px; border-bottom:1px solid var(--hair); color:var(--grey); }\n.tkx-tablewrap tbody tr:nth-child(odd) { background:#f7f7f7; }\n.tkx-tablewrap tbody tr:last-child td { border-bottom:none; }\n.tkx-tablewrap tbody td strong { color:var(--ink); }\n.tkx-caption { margin-top:12px; font-size:14px; line-height:1.45; color:var(--soft); }\n@media (max-width:680px){\n  .tkx-tablewrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }\n  .tkx-tablewrap table { min-width:520px; }\n}\n\n\/* Image dans le corps *\/\n.tkx-fig { margin:2.6em 0; }\n.tkx-fig img { border-radius:25px; width:100%; }\n.tkx-fig figcaption { margin-top:12px; font-size:14px; color:var(--soft); }\n.tkx-fig--wide { width:calc(100% + 140px); margin-left:-70px; }\n@media (max-width:1080px){ .tkx-fig--wide { width:100%; margin-left:0; } }\n\n\/* Citation *\/\n.tkx-quote {\n  margin:2.6em 0; padding:0 0 0 28px; border-left:2px solid var(--ink);\n  font-family:var(--display); font-size:clamp(22px,1.9vw,30px);\n  line-height:1.24; letter-spacing:-0.035em; color:var(--ink);\n}\n.tkx-quote p { margin:0; }\n\n\/* FAQ *\/\n.tkx-faq { margin:2em 0; }\n.tkx-faq details { border-top:1px solid var(--hair); }\n.tkx-faq details:last-of-type { border-bottom:1px solid var(--hair); }\n.tkx-faq summary {\n  list-style:none; cursor:pointer; display:flex;\n  align-items:flex-start; justify-content:space-between; gap:20px;\n  padding:22px 0; font-size:clamp(17px,1.2vw,20px); font-weight:600;\n  line-height:1.3; letter-spacing:-0.025em; color:var(--ink);\n}\n.tkx-faq summary::-webkit-details-marker { display:none; }\n.tkx-faq summary:hover { opacity:.6; }\n.tkx-faq summary::after {\n  content:\"\"; flex-shrink:0; margin-top:7px; width:13px; height:13px;\n  background:\n    linear-gradient(currentColor,currentColor) center\/100% 1.5px no-repeat,\n    linear-gradient(currentColor,currentColor) center\/1.5px 100% no-repeat;\n  transition:transform .3s cubic-bezier(.4,0,.2,1);\n}\n.tkx-faq details[open] summary::after { transform:rotate(135deg); }\n.tkx-faq__body { padding:0 0 24px; max-width:620px; }\n.tkx-faq__body p:last-child { margin-bottom:0; }\n\n\/* CTA *\/\n.tkx-cta { background:var(--dark); color:#fff; border-radius:35px; padding:clamp(34px,4vw,58px); margin:3em 0 0; }\n.tkx-cta__label { font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5); }\n.tkx-cta__title {\n  font-family:var(--display); font-size:clamp(28px,3.2vw,48px);\n  font-weight:400; line-height:1.02; letter-spacing:-0.05em; color:#fff; margin:16px 0 18px;\n}\n.tkx-cta p { color:rgba(255,255,255,.72); max-width:560px; }\n.tkx-cta__btn {\n  display:inline-flex; align-items:center; gap:10px; margin-top:14px;\n  background:#fff; color:#0b0b0b; border-radius:999px; padding:15px 30px;\n  font-size:15px; font-weight:600; text-decoration:none;\n  transition:transform .25s ease;\n}\n.tkx-cta__btn:hover { transform:translateY(-2px); opacity:1; }\n.tkx-cta__links {\n  margin-top:26px; padding-top:22px; border-top:1px solid rgba(255,255,255,.16);\n  display:flex; flex-wrap:wrap; gap:10px 28px; font-size:14px;\n}\n.tkx-cta__links a { color:rgba(255,255,255,.8); text-decoration:none; }\n.tkx-cta__links a:hover { color:#fff; opacity:1; }\n\n@media (max-width:760px){\n  .tkx { font-size:17px; }\n  .tkx-body > p:first-child { font-size:19px; }\n}\n<\/style>\n\n<article class=\"tkx\">\n\n  <header class=\"tkx-head\">\n    <div class=\"tkx-kicker\">\n      <span class=\"tkx-pill\">Projets<\/span>\n      <span>Journal Trikromi +<\/span>\n    <\/div>\n\n    <h1 class=\"tkx-title\">Anatomie d&rsquo;un projet d&rsquo;identit\u00e9 visuelle : du brief \u00e0 la livraison<\/h1>\n\n    <p class=\"tkx-standfirst\">Une identit\u00e9 visuelle ne sort pas d&rsquo;un moment d&rsquo;inspiration. C&rsquo;est une suite d&rsquo;\u00e9tapes, de questions et de d\u00e9cisions. Voici le processus complet, \u00e9tape par \u00e9tape, tel que nous le d\u00e9roulons au studio.<\/p>\n\n    <div class=\"tkx-meta\">\n      <span><strong>12 ao\u00fbt 2026<\/strong><\/span>\n      <span>9 min de lecture<\/span>\n      <span>Par <strong>Trikromi<\/strong><\/span>\n    <\/div>\n\n    <!-- IMAGE 1 \u2014 remplace le src par une image de ta m\u00e9diath\u00e8que -->\n    <figure class=\"tkx-cover\">\n      <img decoding=\"async\" src=\"https:\/\/trikromi.fr\/blog\/wp-content\/uploads\/2026\/09\/projet-identite-visuelle-rajan-1.jpg\" alt=\"Projet d'identit\u00e9 visuelle Rajan par Trikromi\">\n    <\/figure>\n  <\/header>\n\n  <div class=\"tkx-layout\">\n\n    <aside class=\"tkx-toc\">\n      <div class=\"tkx-toc__label\">Sommaire<\/div>\n      <ol>\n        <li><a href=\"\/blog\/#depart\"><span class=\"tkx-toc__num\">01<\/span><span>Le point de d\u00e9part<\/span><\/a><\/li>\n        <li><a href=\"\/blog\/#brief\"><span class=\"tkx-toc__num\">02<\/span><span>Le brief<\/span><\/a><\/li>\n        <li><a href=\"\/blog\/#recherche\"><span class=\"tkx-toc__num\">03<\/span><span>Recherche et moodboard<\/span><\/a><\/li>\n        <li><a href=\"\/blog\/#pistes\"><span class=\"tkx-toc__num\">04<\/span><span>Trois pistes, jamais dix<\/span><\/a><\/li>\n        <li><a href=\"\/blog\/#iterations\"><span class=\"tkx-toc__num\">05<\/span><span>Les allers-retours<\/span><\/a><\/li>\n        <li><a href=\"\/blog\/#systeme\"><span class=\"tkx-toc__num\">06<\/span><span>La construction du syst\u00e8me<\/span><\/a><\/li>\n        <li><a href=\"\/blog\/#livraison\"><span class=\"tkx-toc__num\">07<\/span><span>La livraison et la suite<\/span><\/a><\/li>\n        <li><a href=\"\/blog\/#lecons\"><span class=\"tkx-toc__num\">08<\/span><span>Ce que ce projet nous a appris<\/span><\/a><\/li>\n      <\/ol>\n      <div class=\"tkx-related\">\n        <div class=\"tkx-related__label\">\u00c0 lire aussi<\/div>\n        <ul>\n          <li><a href=\"https:\/\/trikromi.fr\/blog\/prix-identite-visuelle\/\"><span class=\"tkx-related__cat\">Direction artistique<\/span>Combien co\u00fbte une identit\u00e9 visuelle ?<\/a><\/li>\n          <li><a href=\"https:\/\/trikromi.fr\/blog\/anatomie-moodboard\/\"><span class=\"tkx-related__cat\">Coulisses<\/span>Anatomie d&rsquo;un moodboard<\/a><\/li>\n          <li><a href=\"https:\/\/trikromi.fr\/blog\/charte-graphique-pas-juste-logo\/\"><span class=\"tkx-related__cat\">Identit\u00e9 visuelle<\/span>Charte graphique, pas juste un logo<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/aside>\n\n    <div class=\"tkx-body\">\n\n      <p>On nous demande souvent combien de temps prend une identit\u00e9 visuelle, et surtout ce qui se passe entre la signature du devis et la livraison des fichiers. Cet article ouvre la bo\u00eete. Il suit un projet dans l&rsquo;ordre r\u00e9el : le premier appel, le brief, la recherche, les trois pistes, les corrections, le syst\u00e8me, la livraison.<\/p>\n\n      <div class=\"tkx-figures\">\n        <div>\n          <div class=\"tkx-fignum\">6 \u00e0 10<\/div>\n          <div class=\"tkx-figlbl\">Semaines entre le brief valid\u00e9 et la livraison finale<\/div>\n        <\/div>\n        <div>\n          <div class=\"tkx-fignum\">3<\/div>\n          <div class=\"tkx-figlbl\">Pistes cr\u00e9atives pr\u00e9sent\u00e9es, chacune d\u00e9fendable<\/div>\n        <\/div>\n        <div>\n          <div class=\"tkx-fignum\">2 \u00e0 3<\/div>\n          <div class=\"tkx-figlbl\">Allers-retours sur la piste retenue<\/div>\n        <\/div>\n      <\/div>\n\n      <p>Ces trois chiffres sont des <strong>ordres de grandeur<\/strong>, pas des promesses. Un projet avec un seul d\u00e9cideur avance plus vite qu&rsquo;un projet \u00e0 valider en comit\u00e9. Une marque qui a d\u00e9j\u00e0 travaill\u00e9 son positionnement gagne deux semaines sur celle qui le d\u00e9couvre en cours de route.<\/p>\n\n      <h2 id=\"depart\">Le point de d\u00e9part<\/h2>\n\n      <p>Un projet d&rsquo;identit\u00e9 visuelle commence rarement par \u00ab il nous faut un logo \u00bb. Il commence par une g\u00eane. Le site ne ressemble pas \u00e0 ce qu&rsquo;on est devenu. Les commerciaux bricolent leurs propres pr\u00e9sentations. Deux personnes d\u00e9crivent l&rsquo;entreprise de deux fa\u00e7ons diff\u00e9rentes. Le logo date d&rsquo;un ami graphiste, il y a huit ans, et personne n&rsquo;ose le toucher.<\/p>\n\n      <p>Cette g\u00eane, c&rsquo;est le vrai brief. Le logo n&rsquo;est que le sympt\u00f4me visible. Notre premier travail consiste donc \u00e0 faire remonter le probl\u00e8me r\u00e9el avant de dessiner quoi que ce soit \u2014 parce qu&rsquo;une identit\u00e9 qui r\u00e8gle le mauvais probl\u00e8me est un budget perdu, m\u00eame si elle est belle.<\/p>\n\n      <div class=\"tkx-note\">\n        <div class=\"tkx-note__label\">\u00c0 compl\u00e9ter<\/div>\n        <p><em>Pr\u00e9sente le client ici.<\/em> Nom, secteur, taille, ville. Deux phrases maximum. Puis une troisi\u00e8me : ce qui l&rsquo;a pouss\u00e9 \u00e0 nous contacter \u2014 la phrase exacte qu&rsquo;il a employ\u00e9e au premier appel, si tu l&rsquo;as not\u00e9e. Pas de superlatif, juste le fait.<\/p>\n      <\/div>\n\n      <h3>La carte du projet<\/h3>\n\n      <p>Avant de commencer, nous posons le calendrier par \u00e9crit. Qui d\u00e9cide, \u00e0 quel moment, et sur quoi. C&rsquo;est la partie la moins spectaculaire du travail, et celle qui \u00e9vite le plus de d\u00e9rapages.<\/p>\n\n      <div class=\"tkx-tablewrap\">\n        <table>\n          <thead>\n            <tr><th>\u00c9tape<\/th><th>Dur\u00e9e type<\/th><th>Livrable<\/th><th>Qui d\u00e9cide<\/th><\/tr>\n          <\/thead>\n          <tbody>\n            <tr><td><strong>Brief<\/strong><\/td><td>1 \u00e0 2 semaines<\/td><td>Note de cadrage \u00e9crite<\/td><td>Client<\/td><\/tr>\n            <tr><td><strong>Recherche<\/strong><\/td><td>1 semaine<\/td><td>Moodboard, 2 ou 3 directions<\/td><td>Studio, valid\u00e9 ensemble<\/td><\/tr>\n            <tr><td><strong>Pistes cr\u00e9atives<\/strong><\/td><td>2 semaines<\/td><td>3 pistes pr\u00e9sent\u00e9es en contexte<\/td><td>Client<\/td><\/tr>\n            <tr><td><strong>Allers-retours<\/strong><\/td><td>1 \u00e0 2 semaines<\/td><td>Piste affin\u00e9e, logo fig\u00e9<\/td><td>Client<\/td><\/tr>\n            <tr><td><strong>Syst\u00e8me<\/strong><\/td><td>2 \u00e0 3 semaines<\/td><td>D\u00e9clinaisons, r\u00e8gles, gabarits<\/td><td>Studio<\/td><\/tr>\n            <tr><td><strong>Livraison<\/strong><\/td><td>3 \u00e0 5 jours<\/td><td>Fichiers sources et export, charte<\/td><td>Studio<\/td><\/tr>\n          <\/tbody>\n        <\/table>\n        <div class=\"tkx-caption\">Dur\u00e9es indicatives pour une identit\u00e9 compl\u00e8te de PME ou de marque naissante. Un projet plus l\u00e9ger se compresse, un projet avec plusieurs marques filles s&rsquo;\u00e9tale.<\/div>\n      <\/div>\n\n      <h2 id=\"brief\">Le brief : les questions qu&rsquo;on pose avant de dessiner<\/h2>\n\n      <p>Le brief n&rsquo;est pas un formulaire. C&rsquo;est une conversation d&rsquo;une \u00e0 deux heures, parfois deux s\u00e9ances, dont nous ressortons avec une note de cadrage \u00e9crite. Tant que cette note n&rsquo;est pas valid\u00e9e, nous n&rsquo;ouvrons pas Illustrator.<\/p>\n\n      <p>Les questions varient, mais certaines reviennent toujours. Elles sont volontairement inconfortables.<\/p>\n\n      <ol>\n        <li><strong>\u00c0 qui parlez-vous, pr\u00e9cis\u00e9ment ?<\/strong> Pas \u00ab aux entreprises \u00bb. Une personne, son m\u00e9tier, ce qu&rsquo;elle a en t\u00eate quand elle vous d\u00e9couvre.<\/li>\n        <li><strong>Que doit-on penser de vous en trois secondes ?<\/strong> C&rsquo;est le temps r\u00e9el dont dispose une identit\u00e9.<\/li>\n        <li><strong>Qui sont vos trois concurrents directs, et \u00e0 quoi ressemblent-ils ?<\/strong> On les regarde ensemble, \u00e0 l&rsquo;\u00e9cran.<\/li>\n        <li><strong>Qu&rsquo;est-ce qui, aujourd&rsquo;hui, ne vous ressemble pas ?<\/strong> Souvent la question la plus productive de la s\u00e9ance.<\/li>\n        <li><strong>O\u00f9 l&rsquo;identit\u00e9 va-t-elle vivre ?<\/strong> \u00c9cran, papier, v\u00e9hicule, packaging, vitrine, broderie. Chaque support impose ses contraintes.<\/li>\n        <li><strong>Qu&rsquo;est-ce qui ne doit surtout pas changer ?<\/strong> Une couleur historique, un nom, un symbole auquel les clients sont attach\u00e9s.<\/li>\n        <li><strong>Qui valide, et qui a le dernier mot ?<\/strong> Question administrative, cons\u00e9quences cr\u00e9atives majeures.<\/li>\n      <\/ol>\n\n      <p>La derni\u00e8re est capitale. Un projet valid\u00e9 par une personne aboutit \u00e0 une identit\u00e9 tranch\u00e9e. Un projet valid\u00e9 par cinq personnes aboutit, sans vigilance, \u00e0 une identit\u00e9 que personne ne d\u00e9teste et que personne ne retient.<\/p>\n\n      <div class=\"tkx-note\">\n        <div class=\"tkx-note__label\">\u00c0 compl\u00e9ter<\/div>\n        <p><em>Ce que le brief a fait remonter.<\/em> Trois \u00e0 cinq phrases. Quelle contrainte forte est apparue ? Quelle id\u00e9e de d\u00e9part a \u00e9t\u00e9 abandonn\u00e9e d\u00e8s cette \u00e9tape, et pourquoi ? Cite une phrase du client si elle est parlante \u2014 avec son accord.<\/p>\n      <\/div>\n\n      <h2 id=\"recherche\">La phase de recherche et le moodboard<\/h2>\n\n      <p>La recherche ne consiste pas \u00e0 collecter de jolies images. Elle consiste \u00e0 d\u00e9limiter un territoire : ce qui est coh\u00e9rent avec la marque, ce qui ne l&rsquo;est pas, et o\u00f9 se situe la fronti\u00e8re.<\/p>\n\n      <p>Nous regardons d&rsquo;abord ce qui existe dans le secteur \u2014 moins pour s&rsquo;en inspirer que pour rep\u00e9rer les codes partag\u00e9s par tout le monde. Un secteur o\u00f9 toutes les marques sont bleues offre une opportunit\u00e9 \u00e9vidente. Encore faut-il v\u00e9rifier que ce bleu n&rsquo;a pas une raison d&rsquo;\u00eatre.<\/p>\n\n      <p>Nous regardons ensuite ailleurs : architecture, \u00e9dition, signal\u00e9tique, objets. Les meilleures identit\u00e9s empruntent rarement \u00e0 leur propre secteur.<\/p>\n\n      <p>Le moodboard qui en sort n&rsquo;est pas une maquette. C&rsquo;est un accord sur l&rsquo;ambiance, pr\u00e9sent\u00e9 en deux ou trois directions distinctes. Le client ne valide pas un dessin, il valide une intention. C&rsquo;est plus rapide \u00e0 corriger \u00e0 ce stade qu&rsquo;apr\u00e8s trois semaines de travail.<\/p>\n\n      <!-- IMAGE 2 \u2014 remplace le src par une image de ta m\u00e9diath\u00e8que -->\n      <figure class=\"tkx-fig tkx-fig--wide\">\n        <img decoding=\"async\" src=\"https:\/\/trikromi.fr\/assets\/images\/identite.jpg\" alt=\"Moodboard et recherches typographiques pour une identit\u00e9 visuelle, studio Trikromi Lyon\">\n        <figcaption>Le moodboard fixe une intention, pas une forme. C&rsquo;est le dernier moment o\u00f9 changer d&rsquo;avis ne co\u00fbte rien.<\/figcaption>\n      <\/figure>\n\n      <div class=\"tkx-note\">\n        <div class=\"tkx-note__label\">\u00c0 compl\u00e9ter<\/div>\n        <p><em>Les directions explor\u00e9es.<\/em> Nomme les deux ou trois territoires du moodboard (un mot ou deux chacun) et d\u00e9cris-les en une phrase. Pr\u00e9cise laquelle a \u00e9t\u00e9 retenue et ce qui a fait pencher la balance. Ajoute une capture du moodboard si tu peux la diffuser.<\/p>\n      <\/div>\n\n      <h2 id=\"pistes\">Les pistes cr\u00e9atives : pourquoi on en pr\u00e9sente trois, jamais dix<\/h2>\n\n      <p>Certains studios pr\u00e9sentent dix logos. C&rsquo;est rassurant sur le moment, et contre-productif ensuite. Dix propositions signifient que huit sont du remplissage, et que le studio n&rsquo;a pas tranch\u00e9. On transf\u00e8re la d\u00e9cision au client, qui n&rsquo;a ni le recul ni le m\u00e9tier pour la prendre seul.<\/p>\n\n      <p>Nous en pr\u00e9sentons trois. Chacune est une r\u00e9ponse compl\u00e8te et d\u00e9fendable au brief, avec un raisonnement derri\u00e8re. Aucune n&rsquo;est l\u00e0 pour faire briller les autres.<\/p>\n\n      <div class=\"tkx-quote\">\n        <p>Une piste qu&rsquo;on ne pourrait pas d\u00e9fendre pendant dix minutes n&rsquo;a rien \u00e0 faire dans la pr\u00e9sentation.<\/p>\n      <\/div>\n\n      <p>Chaque piste est montr\u00e9e <strong>en contexte<\/strong>, jamais isol\u00e9e sur fond blanc. Sur une devanture, sur une carte de visite, en avatar de 32 pixels, en tampon monochrome. Un logo qui ne survit pas \u00e0 ces quatre situations n&rsquo;est pas un logo, c&rsquo;est un dessin.<\/p>\n\n      <p>La pr\u00e9sentation se fait de vive voix, au studio ou en visio. Envoyer un PDF et attendre une r\u00e9ponse est le meilleur moyen de perdre une bonne piste : sans le raisonnement, le client juge sur son go\u00fbt personnel, ce qui n&rsquo;est pas le crit\u00e8re.<\/p>\n\n      <div class=\"tkx-note tkx-note--warn\">\n        <div class=\"tkx-note__label\">Le pi\u00e8ge \u00e0 \u00e9viter<\/div>\n        <p>Valider un logo sans l&rsquo;avoir vu petit, en noir et blanc et grav\u00e9. Beaucoup d&rsquo;identit\u00e9s s\u00e9duisantes en pr\u00e9sentation s&rsquo;effondrent au premier usage r\u00e9el : d\u00e9grad\u00e9 illisible en fax, d\u00e9tails qui disparaissent en broderie, contraste insuffisant sur un fond photo. <strong>Testez avant de valider, pas apr\u00e8s.<\/strong><\/p>\n      <\/div>\n\n      <div class=\"tkx-note\">\n        <div class=\"tkx-note__label\">\u00c0 compl\u00e9ter<\/div>\n        <p><em>Les trois pistes.<\/em> Pour chacune : un nom de travail, l&rsquo;id\u00e9e en une phrase, et ce qu&rsquo;elle privil\u00e9giait. Puis explique laquelle a \u00e9t\u00e9 choisie et ce que le client a dit en la voyant. Id\u00e9al : une image des trois pistes c\u00f4te \u00e0 c\u00f4te, m\u00eame partiellement flout\u00e9e si certaines restent confidentielles.<\/p>\n      <\/div>\n\n      <h2 id=\"iterations\">Les allers-retours : ce qui change, ce qui ne bouge pas<\/h2>\n\n      <p>Apr\u00e8s le choix de la piste viennent deux ou trois s\u00e9ries de corrections. C&rsquo;est une phase normale et utile, \u00e0 condition de savoir ce qui est ouvert \u00e0 la discussion et ce qui ne l&rsquo;est pas.<\/p>\n\n      <h3>Ce qui bouge<\/h3>\n\n      <p>L&rsquo;\u00e9paisseur d&rsquo;un trait, l&rsquo;espacement entre le symbole et le mot, la nuance exacte d&rsquo;une couleur, le choix entre deux graisses typographiques, l&rsquo;\u00e9quilibre d&rsquo;une version horizontale. Ce sont des r\u00e9glages fins, souvent invisibles pris un par un, d\u00e9cisifs une fois cumul\u00e9s.<\/p>\n\n      <h3>Ce qui ne bouge pas<\/h3>\n\n      <p>L&rsquo;id\u00e9e directrice. Si la piste retenue reposait sur une g\u00e9om\u00e9trie stricte, on ne l&rsquo;arrondit pas parce qu&rsquo;un membre de l&rsquo;\u00e9quipe trouve \u00e7a \u00ab plus sympa \u00bb. M\u00e9langer deux pistes donne toujours un r\u00e9sultat ti\u00e8de. Quand une demande de correction remet en cause le principe, nous le disons, avec l&rsquo;argument \u2014 et nous revenons au brief valid\u00e9.<\/p>\n\n      <p>Ce n&rsquo;est pas une question d&rsquo;ego. C&rsquo;est ce pour quoi le studio est pay\u00e9 : tenir la coh\u00e9rence quand la fatigue du projet pousse tout le monde \u00e0 c\u00e9der.<\/p>\n\n      <div class=\"tkx-note\">\n        <div class=\"tkx-note__label\">\u00c0 compl\u00e9ter<\/div>\n        <p><em>Les corrections du projet.<\/em> Deux ou trois modifications concr\u00e8tes apport\u00e9es \u00e0 la piste retenue, avec la raison. Et si une demande a \u00e9t\u00e9 refus\u00e9e ou ren\u00e9goci\u00e9e, raconte-la honn\u00eatement \u2014 c&rsquo;est le passage le plus instructif d&rsquo;une \u00e9tude de cas.<\/p>\n      <\/div>\n\n      <h2 id=\"systeme\">La construction du syst\u00e8me<\/h2>\n\n      <p>Le logo valid\u00e9, le vrai travail commence. Une identit\u00e9 n&rsquo;est pas un logo : c&rsquo;est un ensemble de r\u00e8gles qui permettent de produire des documents coh\u00e9rents sans nous appeler \u00e0 chaque fois.<\/p>\n\n      <ul class=\"tkx-check\">\n        <li><strong>Les versions du logo<\/strong> \u2014 principale, horizontale, symbole seul, monochrome, version pour fond sombre<\/li>\n        <li><strong>Les tailles minimales et les zones de protection<\/strong> \u2014 pour que personne ne le colle contre un bord<\/li>\n        <li><strong>La palette<\/strong> \u2014 couleurs principales et secondaires, en RVB, CMJN, hexad\u00e9cimal et r\u00e9f\u00e9rence Pantone si l&rsquo;impression le demande<\/li>\n        <li><strong>La typographie<\/strong> \u2014 une ou deux familles, avec la hi\u00e9rarchie des tailles et les usages de chaque graisse<\/li>\n        <li><strong>Les principes de mise en page<\/strong> \u2014 grille, marges, rythme, place de l&rsquo;image<\/li>\n        <li><strong>Le traitement photo<\/strong> \u2014 cadrages, lumi\u00e8re, colorim\u00e9trie, ce qu&rsquo;on montre et ce qu&rsquo;on ne montre pas<\/li>\n        <li><strong>Les gabarits pr\u00eats \u00e0 l&#8217;emploi<\/strong> \u2014 papeterie, pr\u00e9sentation, publications r\u00e9seaux sociaux, signature e-mail<\/li>\n      <\/ul>\n\n      <p>Cette phase est la moins visible et la plus utile. C&rsquo;est elle qui d\u00e9termine si l&rsquo;identit\u00e9 tiendra dans deux ans ou si elle se sera d\u00e9lit\u00e9e au premier document produit en interne un vendredi soir.<\/p>\n\n      <div class=\"tkx-note\">\n        <div class=\"tkx-note__label\">\u00c0 compl\u00e9ter<\/div>\n        <p><em>Le syst\u00e8me livr\u00e9 sur ce projet.<\/em> Liste ce qui a r\u00e9ellement \u00e9t\u00e9 produit : nombre de d\u00e9clinaisons, supports couverts, gabarits fournis. Mentionne un \u00e9l\u00e9ment sp\u00e9cifique au client (un pictogramme, une trame, une contrainte de packaging) qui montre que ce n&rsquo;est pas un syst\u00e8me g\u00e9n\u00e9rique.<\/p>\n      <\/div>\n\n      <h2 id=\"livraison\">La livraison et la suite<\/h2>\n\n      <p>La livraison n&rsquo;est pas un envoi de fichiers. C&rsquo;est une passation. Nous remettons un dossier organis\u00e9, nomm\u00e9 de fa\u00e7on lisible, avec les sources et les exports courants \u2014 vectoriel, PNG d\u00e9tour\u00e9, versions web l\u00e9g\u00e8res, d\u00e9clinaisons pour l&rsquo;impression.<\/p>\n\n      <p>Nous y joignons une charte. Pas un document de quatre-vingts pages que personne n&rsquo;ouvrira : un document court, clair, que l&rsquo;assistante de direction comme l&rsquo;imprimeur peuvent utiliser sans formation. Une charte illisible est une charte morte.<\/p>\n\n      <p>Nous prenons enfin une heure pour faire le tour du dossier avec l&rsquo;\u00e9quipe. O\u00f9 sont les fichiers, lequel utiliser dans quel cas, ce qu&rsquo;il ne faut jamais faire. Cette heure \u00e9vite la moiti\u00e9 des erreurs des six mois suivants.<\/p>\n\n      <p>Ensuite, l&rsquo;identit\u00e9 vit. Un nouveau service appara\u00eet, un salon demande un stand, un recrutement demande une plaquette. Nous restons disponibles pour ces extensions \u2014 c&rsquo;est m\u00eame l\u00e0 que le syst\u00e8me montre s&rsquo;il a \u00e9t\u00e9 bien construit.<\/p>\n\n      <div class=\"tkx-note\">\n        <div class=\"tkx-note__label\">\u00c0 compl\u00e9ter<\/div>\n        <p><em>La livraison r\u00e9elle et l&rsquo;apr\u00e8s.<\/em> Ce qui a \u00e9t\u00e9 remis, sous quelle forme, et ce qui s&rsquo;est pass\u00e9 depuis. Si tu as des retours du client ou des chiffres v\u00e9rifiables, cite-les avec leur source et leur date. <strong>Si tu n&rsquo;en as pas, n&rsquo;en invente aucun<\/strong> : \u00e9cris simplement ce qui a \u00e9t\u00e9 produit.<\/p>\n      <\/div>\n\n      <h2 id=\"lecons\">Ce que ce projet nous a appris<\/h2>\n\n      <p>Chaque projet d\u00e9place l\u00e9g\u00e8rement notre fa\u00e7on de travailler. Trois constats reviennent souvent, et m\u00e9ritent d&rsquo;\u00eatre dits.<\/p>\n\n      <p><strong>Le temps pass\u00e9 au brief n&rsquo;est jamais perdu.<\/strong> Les projets qui d\u00e9rapent sont presque toujours ceux o\u00f9 l&rsquo;on a commenc\u00e9 \u00e0 dessiner trop t\u00f4t, pour rassurer, avant d&rsquo;avoir compris le probl\u00e8me.<\/p>\n\n      <p><strong>Trois pistes bien d\u00e9fendues valent mieux que dix propositions.<\/strong> Le client n&rsquo;ach\u00e8te pas un choix, il ach\u00e8te un avis. Notre travail est de trancher, puis d&rsquo;expliquer.<\/p>\n\n      <p><strong>Une identit\u00e9 sans r\u00e8gles se d\u00e9grade en quelques mois.<\/strong> Le logo n&rsquo;est que la porte d&rsquo;entr\u00e9e. Ce qui fait tenir une marque dans le temps, c&rsquo;est le syst\u00e8me, la charte et l&rsquo;heure de passation qui va avec.<\/p>\n\n      <div class=\"tkx-note\">\n        <div class=\"tkx-note__label\">\u00c0 compl\u00e9ter<\/div>\n        <p><em>La le\u00e7on propre \u00e0 ce projet.<\/em> Une chose que ce client pr\u00e9cis nous a apprise et que nous appliquons d\u00e9sormais aux suivants. Sois sp\u00e9cifique : une le\u00e7on g\u00e9n\u00e9rique se voit tout de suite et affaiblit toute l&rsquo;\u00e9tude de cas.<\/p>\n      <\/div>\n\n      <div class=\"tkx-cta\">\n        <div class=\"tkx-cta__label\">Identit\u00e9 visuelle \u2014 Studio \u00e0 Lyon 1er<\/div>\n        <div class=\"tkx-cta__title\">Parlons de<br>votre marque<\/div>\n        <p>Direction artistique, identit\u00e9 visuelle, design graphique, photographie et vid\u00e9o au 42 Quai Saint-Vincent. D\u00e9crivez-nous votre situation : nous vous r\u00e9pondons avec un cadrage, un calendrier et un budget r\u00e9alistes \u2014 y compris si la r\u00e9ponse est que vous n&rsquo;avez pas besoin d&rsquo;une refonte compl\u00e8te.<\/p>\n        <a class=\"tkx-cta__btn\" href=\"mailto:contact@trikromi.fr\">contact@trikromi.fr \u2192<\/a>\n        <div class=\"tkx-cta__links\">\n          <a href=\"https:\/\/trikromi.fr\/projet-et-collaboration.html\">D\u00e9marrer un projet +<\/a>\n          <a href=\"https:\/\/trikromi.fr\/identite-visuelle.html\">Notre offre identit\u00e9 visuelle +<\/a>\n          <a href=\"https:\/\/trikromi.fr\/contact.html\">Nous contacter +<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/article>\n\n<script>\n(function(){\n  var links = document.querySelectorAll('.tkx-toc a');\n  if(!links.length) return;\n  var targets = [];\n  links.forEach(function(a){\n    var el = document.querySelector(a.getAttribute('href'));\n    if(el) targets.push({a:a, el:el});\n  });\n  function spy(){\n    var active = 0;\n    targets.forEach(function(t,i){ if(t.el.getBoundingClientRect().top <= 160) active = i; });\n    targets.forEach(function(t,i){ t.a.classList.toggle('is-current', i === active); });\n  }\n  var tick=false;\n  window.addEventListener('scroll',function(){\n    if(tick) return; tick=true;\n    requestAnimationFrame(function(){ spy(); tick=false; });\n  },{passive:true});\n  spy();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Une identit\u00e9 visuelle ne sort pas d&rsquo;un moment d&rsquo;inspiration. C&rsquo;est une suite d&rsquo;\u00e9tapes, de questions et de d\u00e9cisions. Voici le processus complet, \u00e9tape par \u00e9tape, tel que nous le d\u00e9roulons au studio.<\/p>\n","protected":false},"author":1,"featured_media":285,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-108","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-projets"],"_links":{"self":[{"href":"https:\/\/trikromi.fr\/blog\/wp-json\/wp\/v2\/posts\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trikromi.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trikromi.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trikromi.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trikromi.fr\/blog\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":3,"href":"https:\/\/trikromi.fr\/blog\/wp-json\/wp\/v2\/posts\/108\/revisions"}],"predecessor-version":[{"id":286,"href":"https:\/\/trikromi.fr\/blog\/wp-json\/wp\/v2\/posts\/108\/revisions\/286"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/trikromi.fr\/blog\/wp-json\/wp\/v2\/media\/285"}],"wp:attachment":[{"href":"https:\/\/trikromi.fr\/blog\/wp-json\/wp\/v2\/media?parent=108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trikromi.fr\/blog\/wp-json\/wp\/v2\/categories?post=108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trikromi.fr\/blog\/wp-json\/wp\/v2\/tags?post=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}