{"id":18545,"date":"2026-03-31T14:39:04","date_gmt":"2026-03-31T13:39:04","guid":{"rendered":"https:\/\/altaydagistan.com\/?p=18545"},"modified":"2026-03-31T16:18:42","modified_gmt":"2026-03-31T15:18:42","slug":"visual-identity-redesign","status":"publish","type":"post","link":"https:\/\/altaydagistan.com\/en\/visual-identity-redesign\/","title":{"rendered":"Visual identity redesign: signs that it's time to act"},"content":{"rendered":"\n<!-- Chart.js -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<style>\n  :root {\n    --bg: #0A0A12;\n    --white: #FFFFFF;\n    --gray-light: #B9B9B9;\n    --gray: #8E8E8E;\n    --gray-dark: #434343;\n    --accent: #4CB731;\n    --blue: #287CCA;\n    --red: #CD3434;\n    --border: #434343;\n    --font: 'Manrope', sans-serif;\n  }\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n  .article-wrap { max-width: 1000px; margin: 0 auto; padding: 0 40px 100px; font-family: var(--font); color: var(--white); }\n  .article-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gray); margin-bottom: 16px; }\n  .article-title { font-size: clamp(28px, 4vw, 42px); font-weight: 800; line-height: 1.2; color: var(--white); margin-bottom: 16px; }\n  .article-intro { font-size: 18px; color: var(--gray-light); line-height: 1.7; border-left: 3px solid var(--blue); padding-left: 20px; margin-bottom: 48px; }\n  .key-numbers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 56px; }\n  .kn-card { border: 1px solid var(--border); border-radius: 16px; padding: 24px 20px; text-align: center; }\n  .kn-value { font-size: 26px; font-weight: 800; color: var(--white); margin-bottom: 4px; }\n  .kn-value span { color: var(--accent); }\n  .kn-label { font-size: 12px; color: var(--gray); font-weight: 500; line-height: 1.4; }\n  .article-wrap h2 { font-size: 22px; font-weight: 800; color: var(--white); margin: 48px 0 16px; display: flex; align-items: center; gap: 10px; font-family: var(--font); }\n  .article-wrap h2 .icon { font-size: 20px; }\n  .article-wrap p { font-size: 16px; color: var(--gray-light); margin-bottom: 16px; line-height: 1.75; }\n  .article-wrap strong { color: var(--white); font-weight: 700; }\n  .table-wrap { overflow-x: auto; margin: 16px 0 28px; border-radius: 16px; border: 1px solid var(--border); }\n  .article-wrap table { width: 100%; border-collapse: collapse; font-size: 14px; }\n  .article-wrap thead th { background: #12121e; padding: 13px 18px; text-align: left; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--gray); border-bottom: 1px solid var(--border); }\n  .article-wrap tbody td { padding: 13px 18px; border-bottom: 1px solid #1a1a28; color: var(--gray-light); vertical-align: top; }\n  .article-wrap tbody tr:last-child td { border-bottom: none; }\n  .article-wrap tbody tr:hover td { background: #12121e; }\n  .td-name { font-weight: 700; color: var(--white); }\n  .td-green { color: var(--accent); font-weight: 600; }\n  .td-red { color: #f09595; }\n  .callout { border-radius: 12px; padding: 20px 24px; margin: 24px 0; display: flex; gap: 14px; align-items: flex-start; }\n  .callout-blue { background: rgba(40,124,202,0.1); border-left: 3px solid var(--blue); }\n  .callout-green { background: rgba(76,183,49,0.1); border-left: 3px solid var(--accent); }\n  .callout-amber { background: rgba(186,117,23,0.1); border-left: 3px solid #BA7517; }\n  .callout-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }\n  .callout-text { font-size: 15px; color: var(--gray-light); line-height: 1.6; font-family: var(--font); }\n  .callout-text strong { color: var(--white); }\n\n  \/* SIGNAL CARDS *\/\n  .signals-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 24px 0 32px; }\n  .signal-card { border: 1px solid var(--border); border-radius: 14px; padding: 22px; display: flex; gap: 14px; align-items: flex-start; }\n  .signal-card.urgent { border-color: rgba(205,52,52,0.35); }\n  .signal-card.important { border-color: rgba(186,117,23,0.35); }\n  .signal-icon { font-size: 22px; flex-shrink: 0; margin-top: 2px; }\n  .signal-body { flex: 1; }\n  .signal-title { font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 6px; font-family: var(--font); }\n  .signal-desc { font-size: 13px; color: var(--gray); line-height: 1.6; }\n  .signal-tag { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 4px; margin-top: 8px; }\n  .tag-urgent { background: rgba(205,52,52,0.12); color: #f09595; border: 1px solid rgba(205,52,52,0.25); }\n  .tag-important { background: rgba(186,117,23,0.12); color: #e0a050; border: 1px solid rgba(186,117,23,0.25); }\n  .tag-watch { background: rgba(67,67,67,0.3); color: var(--gray); border: 1px solid var(--border); }\n\n  \/* AUDIT INTERACTIF *\/\n  .audit-wrap { border: 1px solid var(--blue); border-radius: 20px; padding: 36px; margin: 32px 0; background: rgba(40,124,202,0.03); }\n  .audit-title { font-size: 24px; font-weight: 800; color: var(--accent); margin-bottom: 6px; font-family: var(--font); }\n  .audit-sub { font-size: 14px; color: var(--gray); margin-bottom: 28px; }\n  .audit-questions { display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; }\n  .audit-q { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; border: 1px solid var(--border); border-radius: 10px; gap: 16px; }\n  .audit-q-text { font-size: 14px; color: var(--gray-light); flex: 1; line-height: 1.4; font-family: var(--font); }\n  .audit-btns { display: flex; gap: 8px; flex-shrink: 0; }\n  .audit-btn { padding: 7px 16px; border-radius: 6px; border: 1px solid var(--border); background: transparent; color: var(--gray); font-size: 13px; font-weight: 600; cursor: pointer; font-family: var(--font); transition: all 0.15s; }\n  .audit-btn.selected-oui { background: rgba(76,183,49,0.15); border-color: var(--accent); color: var(--accent); }\n  .audit-btn.selected-non { background: rgba(205,52,52,0.15); border-color: var(--red); color: #f09595; }\n  .audit-cta { background: var(--white); color: #000; font-family: var(--font); font-size: 15px; font-weight: 700; border: none; border-radius: 8px; padding: 14px 32px; cursor: pointer; transition: background 0.2s, color 0.2s; }\n  .audit-cta:hover { background: var(--accent); color: #fff; }\n  .audit-result { display: none; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--border); }\n  .audit-score-bar { height: 8px; border-radius: 4px; background: var(--border); margin: 12px 0 20px; overflow: hidden; }\n  .audit-score-fill { height: 100%; border-radius: 4px; transition: width 0.6s ease; }\n  .audit-score-label { font-size: 13px; color: var(--gray); margin-bottom: 4px; font-family: var(--font); }\n  .audit-verdict { font-size: 18px; font-weight: 800; margin-bottom: 8px; font-family: var(--font); }\n  .audit-detail { font-size: 14px; color: var(--gray-light); line-height: 1.65; }\n\n  \/* CHART *\/\n  .chart-box { border: 1px solid var(--border); border-radius: 16px; padding: 28px 24px; margin: 24px 0 32px; background: #0d0d18; }\n  .chart-title { font-size: 13px; font-weight: 600; color: var(--gray); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 20px; font-family: var(--font); }\n  .chart-wrap { position: relative; height: 220px; }\n\n  \/* SCOPE CARDS *\/\n  .scope-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0 32px; }\n  .scope-card { border: 1px solid var(--border); border-radius: 12px; padding: 20px; text-align: center; }\n  .scope-card.featured { border-color: rgba(76,183,49,0.35); }\n  .scope-emoji { font-size: 24px; margin-bottom: 10px; }\n  .scope-name { font-size: 13px; font-weight: 700; color: var(--white); margin-bottom: 6px; font-family: var(--font); }\n  .scope-desc { font-size: 12px; color: var(--gray); line-height: 1.5; }\n\n  \/* PORTFOLIO *\/\n  .portfolio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0 48px; }\n  .portfolio-item { border-radius: 12px; overflow: hidden; border: 1px solid var(--border); aspect-ratio: 1\/1; }\n  .portfolio-item img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .img-caption { font-size: 11px; color: #434343; margin-top: 6px; font-style: italic; }\n  .article-wrap hr { border: none; border-top: 1px solid var(--border); margin: 40px 0; }\n  .cta-box { border: 1px solid var(--gray-dark); border-radius: 20px; padding: 36px 40px; text-align: center; margin-top: 56px; background: #0d0d18; }\n  .cta-title { font-size: 20px; font-weight: 800; color: var(--white); margin-bottom: 10px; font-family: var(--font); }\n  .cta-sub { font-size: 15px; color: var(--gray); margin-bottom: 24px; }\n  .cta-btn { display: inline-block; background: var(--white); color: #000; font-family: var(--font); font-size: 15px; font-weight: 700; padding: 14px 32px; border-radius: 8px; text-decoration: none; transition: background 0.2s, color 0.2s; }\n  .cta-btn:hover { background: var(--accent); color: #fff; }\n\n  @media (max-width: 768px) {\n    .article-wrap { padding: 40px 0 80px; }\n    .article-eyebrow, .article-title, .article-wrap h2, .article-wrap p { padding: 0 20px; }\n    .article-intro { padding-left: 20px; padding-right: 20px; }\n    .key-numbers { margin: 0 20px 56px; }\n    .signals-grid { grid-template-columns: 1fr; margin: 24px 20px 32px; }\n    .scope-grid { grid-template-columns: 1fr; margin: 24px 20px 32px; }\n    .audit-wrap { border-radius: 0; border-left: none; border-right: none; padding: 24px 20px; margin: 32px 0; }\n    .audit-q { flex-direction: column; align-items: flex-start; gap: 10px; }\n    .table-wrap { border-radius: 0; border-left: none; border-right: none; }\n    .callout { border-radius: 0; border-left-width: 3px; border-right: none; border-top: none; border-bottom: none; }\n    .chart-box { border-radius: 0; border-left: none; border-right: none; }\n    .chart-wrap { height: 180px; }\n    .portfolio-grid { padding: 0 20px; grid-template-columns: repeat(2, 1fr); gap: 12px; }\n    .cta-box { margin: 56px 20px 0; border-radius: 16px; padding: 28px 20px; }\n    .article-wrap hr { margin: 40px 20px; }\n  }\n  @media (max-width: 500px) {\n    .key-numbers { grid-template-columns: 1fr; }\n    .portfolio-grid { grid-template-columns: 1fr; }\n    .scope-grid { grid-template-columns: 1fr; }\n    .article-title { font-size: 26px; }\n    .article-wrap h2 { font-size: 18px; }\n  }\n<\/style>\n\n<article class=\"article-wrap\">\n\n  <p class=\"article-eyebrow\">Identit\u00e9 visuelle \u00b7 Guide entreprise<\/p>\n  <h1 class=\"article-title\">Refonte d&rsquo;identit\u00e9 visuelle&nbsp;: quels signes que c&rsquo;est le moment&nbsp;?<\/h1>\n  <p class=\"article-intro\">Une identit\u00e9 visuelle vieillit, se d\u00e9connecte de son march\u00e9, ou devient un frein \u00e0 la croissance. Mais comment savoir quand il faut vraiment agir ? Voici les signaux concrets : et un audit rapide pour \u00e9valuer votre situation.<\/p>\n\n  <!-- AUDIT INTERACTIF -->\n  <h2><span class=\"icon\">\ud83d\udd0e<\/span> Diagnostic rapide : votre identit\u00e9 visuelle a-t-elle besoin d&rsquo;une refonte&nbsp;?<\/h2>\n  <p>R\u00e9pondez \u00e0 ces 7 questions. Vous obtenez un verdict imm\u00e9diat.<\/p>\n\n  <div class=\"audit-wrap\">\n    <p class=\"audit-title\">Audit identit\u00e9 visuelle<\/p>\n    <p class=\"audit-sub\">Cliquez sur Oui ou Non pour chaque question.<\/p>\n\n    <div class=\"audit-questions\">\n      <div class=\"audit-q\" id=\"aq-0\">\n        <span class=\"audit-q-text\">Votre logo contient beaucoup de d\u00e9tails, d&rsquo;effets ou de d\u00e9grad\u00e9s.<\/span>\n        <div class=\"audit-btns\">\n          <button class=\"audit-btn\" onclick=\"auditAnswer(0, 'oui', this)\">Oui<\/button>\n          <button class=\"audit-btn\" onclick=\"auditAnswer(0, 'non', this)\">Non<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"audit-q\" id=\"aq-1\">\n        <span class=\"audit-q-text\">Votre logo est illisible en petit format ou en noir et blanc.<\/span>\n        <div class=\"audit-btns\">\n          <button class=\"audit-btn\" onclick=\"auditAnswer(1, 'oui', this)\">Oui<\/button>\n          <button class=\"audit-btn\" onclick=\"auditAnswer(1, 'non', this)\">Non<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"audit-q\" id=\"aq-2\">\n        <span class=\"audit-q-text\">Votre logo a plus de 7 ans et n&rsquo;a jamais \u00e9t\u00e9 retouch\u00e9.<\/span>\n        <div class=\"audit-btns\">\n          <button class=\"audit-btn\" onclick=\"auditAnswer(2, 'oui', this)\">Oui<\/button>\n          <button class=\"audit-btn\" onclick=\"auditAnswer(2, 'non', this)\">Non<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"audit-q\" id=\"aq-3\">\n        <span class=\"audit-q-text\">Vos supports (site, plaquette, r\u00e9seaux, pr\u00e9sentations) ne se ressemblent pas visuellement.<\/span>\n        <div class=\"audit-btns\">\n          <button class=\"audit-btn\" onclick=\"auditAnswer(3, 'oui', this)\">Oui<\/button>\n          <button class=\"audit-btn\" onclick=\"auditAnswer(3, 'non', this)\">Non<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"audit-q\" id=\"aq-4\">\n        <span class=\"audit-q-text\">Vos concurrents ont une image visuelle plus moderne, plus professionnelle ou plus adapt\u00e9e \u00e0 vos cibles communes.<\/span>\n        <div class=\"audit-btns\">\n          <button class=\"audit-btn\" onclick=\"auditAnswer(4, 'oui', this)\">Oui<\/button>\n          <button class=\"audit-btn\" onclick=\"auditAnswer(4, 'non', this)\">Non<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"audit-q\" id=\"aq-5\">\n        <span class=\"audit-q-text\">Votre offre, vos cibles ou votre positionnement ont chang\u00e9 et votre identit\u00e9 visuelle n&rsquo;a pas suivi.<\/span>\n        <div class=\"audit-btns\">\n          <button class=\"audit-btn\" onclick=\"auditAnswer(5, 'oui', this)\">Oui<\/button>\n          <button class=\"audit-btn\" onclick=\"auditAnswer(5, 'non', this)\">Non<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"audit-q\" id=\"aq-6\">\n        <span class=\"audit-q-text\">Votre identit\u00e9 a \u00e9t\u00e9 cr\u00e9\u00e9e sans designer form\u00e9 : outil en ligne, stagiaire, ou prestataire sans portfolio solide.<\/span>\n        <div class=\"audit-btns\">\n          <button class=\"audit-btn\" onclick=\"auditAnswer(6, 'oui', this)\">Oui<\/button>\n          <button class=\"audit-btn\" onclick=\"auditAnswer(6, 'non', this)\">Non<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <button class=\"audit-cta\" onclick=\"showAuditResult()\">Voir mon verdict \u2197<\/button>\n\n    <div class=\"audit-result\" id=\"auditResult\">\n      <div class=\"audit-score-label\" id=\"auditScoreLabel\"><\/div>\n      <div class=\"audit-score-bar\"><div class=\"audit-score-fill\" id=\"auditScoreFill\"><\/div><\/div>\n      <div class=\"audit-verdict\" id=\"auditVerdict\"><\/div>\n      <div class=\"audit-detail\" id=\"auditDetail\"><\/div>\n      <div id=\"auditCta\" style=\"display:none; margin-top: 20px; padding-top: 20px; border-top: 1px solid #1a1a28;\">\n        <p style=\"font-size: 14px; color: var(--gray-light); margin-bottom: 14px;\">On peut en parler. Un premier \u00e9change de 30 minutes suffit souvent \u00e0 poser un diagnostic et \u00e0 estimer le p\u00e9rim\u00e8tre d&rsquo;intervention.<\/p>\n        <a href=\"https:\/\/altaydagistan.com\/contact\" style=\"display: inline-block; background: var(--white); color: #000; font-family: var(--font); font-size: 14px; font-weight: 700; padding: 12px 28px; border-radius: 8px; text-decoration: none; transition: background 0.2s, color 0.2s;\" onmouseover=\"this.style.background='#4CB731';this.style.color='#fff';\" onmouseout=\"this.style.background='#fff';this.style.color='#000';\">Discuter de mon projet \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <h2><span class=\"icon\">\ud83d\udea8<\/span> Les signaux qui ne trompent pas<\/h2>\n  <p>Certains signaux indiquent qu&rsquo;une refonte est urgente. D&rsquo;autres sont des indicateurs \u00e0 surveiller. Voici comment les distinguer.<\/p>\n\n  <div class=\"signals-grid\">\n    <div class=\"signal-card urgent\">\n      <span class=\"signal-icon\">\ud83d\ude2c<\/span>\n      <div class=\"signal-body\">\n        <div class=\"signal-title\">Vous h\u00e9sitez \u00e0 montrer votre site<\/div>\n        <div class=\"signal-desc\">Si vous pr\u00e9f\u00e9rez ne pas envoyer votre URL \u00e0 un prospect avant de l&rsquo;avoir pr\u00e9par\u00e9, c&rsquo;est que vous savez que l&rsquo;image ne correspond plus \u00e0 votre niveau r\u00e9el.<\/div>\n        <span class=\"signal-tag tag-urgent\">Urgent<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"signal-card urgent\">\n      <span class=\"signal-icon\">\ud83d\udcc9<\/span>\n      <div class=\"signal-body\">\n        <div class=\"signal-title\">Vos concurrents ont pris de l&rsquo;avance visuellement<\/div>\n        <div class=\"signal-desc\">Dans un appel d&rsquo;offres ou une comparaison en ligne, l&rsquo;image per\u00e7ue joue autant que l&rsquo;offre. Une identit\u00e9 d\u00e9pass\u00e9e peut vous faire perdre des deals avant m\u00eame la premi\u00e8re conversation.<\/div>\n        <span class=\"signal-tag tag-urgent\">Urgent<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"signal-card important\">\n      <span class=\"signal-icon\">\ud83d\udd00<\/span>\n      <div class=\"signal-body\">\n        <div class=\"signal-title\">Votre positionnement a chang\u00e9<\/div>\n        <div class=\"signal-desc\">Vous ciblez maintenant des grands comptes au lieu de TPE, ou vous avez pivot\u00e9 d&rsquo;un march\u00e9 \u00e0 un autre. Une identit\u00e9 con\u00e7ue pour l&rsquo;ancienne cible envoie les mauvais signaux \u00e0 la nouvelle.<\/div>\n        <span class=\"signal-tag tag-important\">Important<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"signal-card important\">\n      <span class=\"signal-icon\">\ud83e\udde9<\/span>\n      <div class=\"signal-body\">\n        <div class=\"signal-title\">Vos supports ne se ressemblent pas<\/div>\n        <div class=\"signal-desc\">Site, plaquette, pr\u00e9sentation, r\u00e9seaux sociaux : si chaque support a son propre style, vous n&rsquo;avez pas une identit\u00e9, vous avez une collection de fichiers. La coh\u00e9rence est ce qui cr\u00e9dibilise une marque.<\/div>\n        <span class=\"signal-tag tag-important\">Important<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"signal-card\">\n      <span class=\"signal-icon\">\ud83d\udcd0<\/span>\n      <div class=\"signal-body\">\n        <div class=\"signal-title\">Votre logo ne passe pas \u00e0 toutes les tailles<\/div>\n        <div class=\"signal-desc\">Un logo illisible en favicon, en noir et blanc ou sur fond sombre est un logo mal con\u00e7u techniquement. Ce probl\u00e8me ne se r\u00e8gle pas en ajustant la taille.<\/div>\n        <span class=\"signal-tag tag-watch\">\u00c0 surveiller<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"signal-card\">\n      <span class=\"signal-icon\">\u23f3<\/span>\n      <div class=\"signal-body\">\n        <div class=\"signal-title\">Votre identit\u00e9 a plus de 7 ans<\/div>\n        <div class=\"signal-desc\">Les tendances visuelles \u00e9voluent. Une identit\u00e9 de 2015 ne ressemble pas \u00e0 une identit\u00e9 de 2024, m\u00eame \u00e0 qualit\u00e9 \u00e9gale. L&rsquo;anciennet\u00e9 ne suffit pas \u00e0 justifier une refonte, mais c&rsquo;est un indicateur \u00e0 prendre en compte.<\/div>\n        <span class=\"signal-tag tag-watch\">\u00c0 surveiller<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <h2><span class=\"icon\">\ud83d\udcca<\/span> Ce que les entreprises changent en priorit\u00e9<\/h2>\n\n  <div class=\"chart-box\">\n    <p class=\"chart-title\">\u00c9l\u00e9ments les plus fr\u00e9quemment refondus lors d&rsquo;une refonte d&rsquo;identit\u00e9 B2B<\/p>\n    <div class=\"chart-wrap\">\n      <canvas id=\"chartRefonte\"><\/canvas>\n    <\/div>\n  <\/div>\n\n  <h2><span class=\"icon\">\ud83d\udd04<\/span> Refonte partielle ou refonte compl\u00e8te&nbsp;?<\/h2>\n  <p>Une refonte n&rsquo;est pas toujours un recommencement \u00e0 z\u00e9ro. Selon l&rsquo;\u00e9tat de votre identit\u00e9 et vos objectifs, trois niveaux d&rsquo;intervention sont possibles.<\/p>\n\n  <div class=\"scope-grid\">\n    <div class=\"scope-card\">\n      <div class=\"scope-emoji\">\ud83d\udd27<\/div>\n      <div class=\"scope-name\">Mise \u00e0 jour<\/div>\n      <div class=\"scope-desc\">Logo retouch\u00e9, palette affin\u00e9e, typographie modernis\u00e9e. L&rsquo;ADN reste identique. Adapt\u00e9 quand l&rsquo;identit\u00e9 est solide mais vieillit l\u00e9g\u00e8rement.<\/div>\n    <\/div>\n    <div class=\"scope-card featured\">\n      <div class=\"scope-emoji\">\ud83d\udd01<\/div>\n      <div class=\"scope-name\">Refonte partielle<\/div>\n      <div class=\"scope-desc\">Logo redessin\u00e9, nouvelle charte, d\u00e9clinaisons refaites. Le nom et la m\u00e9moire de marque sont conserv\u00e9s. Cas le plus fr\u00e9quent pour les PME en croissance.<\/div>\n    <\/div>\n    <div class=\"scope-card\">\n      <div class=\"scope-emoji\">\ud83c\udd95<\/div>\n      <div class=\"scope-name\">Rebranding complet<\/div>\n      <div class=\"scope-desc\">Nom, positionnement, identit\u00e9 visuelle, ton : tout est revu. Justifi\u00e9 lors d&rsquo;une fusion, d&rsquo;un pivot majeur ou d&rsquo;une entr\u00e9e sur un nouveau march\u00e9.<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"callout callout-amber\">\n    <span class=\"callout-icon\">\u26a0\ufe0f<\/span>\n    <div class=\"callout-text\"><strong>Attention aux refrontes pr\u00e9cipit\u00e9es.<\/strong> Changer d&rsquo;identit\u00e9 visuelle a un co\u00fbt de transition : mise \u00e0 jour du site, des supports, des signatures, des profils. Il faut que le gain justifie l&rsquo;investissement total, pas seulement le co\u00fbt de cr\u00e9ation.<\/div>\n  <\/div>\n\n  <h2><span class=\"icon\">\ud83d\udcb6<\/span> Quel budget pr\u00e9voir&nbsp;?<\/h2>\n\n  <div class=\"table-wrap\">\n    <table>\n      <thead><tr><th>Niveau de refonte<\/th><th>P\u00e9rim\u00e8tre typique<\/th><th>Budget indicatif HT<\/th><\/tr><\/thead>\n      <tbody>\n        <tr>\n          <td class=\"td-name\">Mise \u00e0 jour logo<\/td>\n          <td style=\"color:var(--gray-light); font-size:13px;\">Logo retouch\u00e9, exports mis \u00e0 jour<\/td>\n          <td class=\"td-green\">600 \u2013 1&nbsp;500&nbsp;\u20ac<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\">Refonte partielle<\/td>\n          <td style=\"color:var(--gray-light); font-size:13px;\">Logo + charte compl\u00e8te + d\u00e9clinaisons<\/td>\n          <td class=\"td-green\">2&nbsp;500 \u2013 8&nbsp;000&nbsp;\u20ac<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\">Rebranding complet<\/td>\n          <td style=\"color:var(--gray-light); font-size:13px;\">Strat\u00e9gie de marque + identit\u00e9 + guidelines + supports<\/td>\n          <td class=\"td-green\">8&nbsp;000 \u2013 25&nbsp;000&nbsp;\u20ac<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n\n  <div class=\"callout callout-green\">\n    <span class=\"callout-icon\">\ud83d\udca1<\/span>\n    <div class=\"callout-text\">Ces budgets couvrent la cr\u00e9ation. Pr\u00e9voir en parall\u00e8le les co\u00fbts de mise en application : int\u00e9gration sur le site, refonte des supports print, mise \u00e0 jour des profils digitaux. En g\u00e9n\u00e9ral, le co\u00fbt d&rsquo;application est \u00e9quivalent au co\u00fbt de cr\u00e9ation.<\/div>\n  <\/div>\n\n  <!-- PORTFOLIO -->\n  <h2><span class=\"icon\">\ud83d\uddc2\ufe0f<\/span> Exemples de r\u00e9alisations<\/h2>\n  <p>Identit\u00e9s visuelles cr\u00e9\u00e9es pour des entreprises B2B.<\/p>\n  <div class=\"portfolio-grid\">\n    <div class=\"portfolio-item\">\n      <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2023\/12\/Barbatus-AI-Visual-Identity_03.jpg\" alt=\"Identit\u00e9 visuelle Barbatus AI \u2014 graphiste freelance Paris\" loading=\"lazy\" title=\"\">\n    <\/div>\n    <div class=\"portfolio-item\">\n      <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2022\/12\/Presentation-Cybnity-Final-English-Vector-only-08.jpg\" alt=\"Identit\u00e9 visuelle Cybnity \u2014 direction artistique B2B Paris\" loading=\"lazy\" title=\"\">\n    <\/div>\n    <div class=\"portfolio-item\" style=\"background:white\">\n      <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2020\/12\/Agir-ensemble-logo-v03-01.png\" alt=\"Identit\u00e9 visuelle Agir Ensemble \u2014 cr\u00e9ation graphique Paris\" loading=\"lazy\" title=\"\">\n    <\/div>\n  <\/div>\n\n  <hr>\n\n  <h2><span class=\"icon\">\ud83d\udccc<\/span> Ce qu&rsquo;il faut retenir<\/h2>\n  <p>Une refonte d&rsquo;identit\u00e9 visuelle n&rsquo;est pas un projet cosm\u00e9tique. C&rsquo;est une d\u00e9cision strat\u00e9gique qui impacte la perception de votre marque sur tous vos points de contact. Le bon moment, c&rsquo;est quand votre image freine votre croissance plut\u00f4t qu&rsquo;elle ne la soutient.<\/p>\n  <p>Si vous avez r\u00e9pondu \u00ab\u00a0oui\u00a0\u00bb \u00e0 plusieurs questions du diagnostic, c&rsquo;est le moment d&rsquo;en parler.<\/p>\n\n  <div class=\"cta-box\">\n    <p class=\"cta-title\" style=\"color:white\">Votre identit\u00e9 visuelle m\u00e9rite mieux&nbsp;?<\/p>\n    <p class=\"cta-sub\">Diagnostic gratuit et devis sous 24&nbsp;h : refonte partielle ou compl\u00e8te.<\/p>\n    <a href=\"\/demande-de-devis\/\" class=\"cta-btn\">Demander un devis<\/a>\n  <\/div>\n\n<\/article>\n\n<script>\nvar auditAnswers = {};\n\nfunction auditAnswer(index, val, btn) {\n  var row = document.getElementById('aq-' + index);\n  var btns = row.querySelectorAll('.audit-btn');\n  for (var i = 0; i < btns.length; i++) {\n    btns[i].classList.remove('selected-oui', 'selected-non');\n  }\n  btn.classList.add(val === 'oui' ? 'selected-oui' : 'selected-non');\n  auditAnswers[index] = val;\n}\n\nfunction showAuditResult() {\n  var answered = Object.keys(auditAnswers).length;\n  if (answered < 7) {\n    alert('R\u00e9pondez \u00e0 toutes les questions pour obtenir votre verdict.');\n    return;\n  }\n  var score = 0;\n  for (var k in auditAnswers) {\n    if (auditAnswers[k] === 'oui') score++;\n  }\n  var pct = Math.round((score \/ 7) * 100);\n  var fillColor, verdict, detail;\n\n  if (score >= 5) {\n    fillColor = '#CD3434';\n    verdict = '\ud83d\udea8 Refonte urgente';\n    detail = 'Plusieurs signaux critiques sont pr\u00e9sents simultan\u00e9ment. Votre identit\u00e9 visuelle freine probablement votre d\u00e9veloppement commercial. Une refonte partielle ou compl\u00e8te est \u00e0 engager rapidement.';\n  } else if (score >= 3) {\n    fillColor = '#BA7517';\n    verdict = '\u26a0\ufe0f Refonte recommand\u00e9e';\n    detail = 'Votre identit\u00e9 montre des signes significatifs de d\u00e9crochage. Ce n\\'est pas urgent au sens litt\u00e9ral, mais attendre risque d\\'aggraver l\\'\u00e9cart avec vos concurrents. C\\'est le bon moment pour planifier une refonte.';\n  } else if (score >= 1) {\n    fillColor = '#287CCA';\n    verdict = '\ud83d\udd0d Mise \u00e0 jour \u00e0 envisager';\n    detail = 'Quelques points de friction existent. Une mise \u00e0 jour cibl\u00e9e (logo, charte, supports) peut suffire sans engager une refonte compl\u00e8te. \u00c0 r\u00e9\u00e9valuer dans 12 \u00e0 18 mois.';\n  } else {\n    fillColor = '#4CB731';\n    verdict = '\u2705 Identit\u00e9 en bonne sant\u00e9';\n    detail = 'Votre identit\u00e9 visuelle semble solide et adapt\u00e9e \u00e0 votre situation actuelle. Conservez-la et concentrez vos investissements sur d\\'autres axes. R\u00e9\u00e9valuez dans 2 \u00e0 3 ans.';\n  }\n\n  document.getElementById('auditScoreLabel').textContent = score + ' signal' + (score > 1 ? 's' : '') + ' identifi\u00e9' + (score > 1 ? 's' : '') + ' sur 7';\n  var fill = document.getElementById('auditScoreFill');\n  fill.style.width = pct + '%';\n  fill.style.background = fillColor;\n  document.getElementById('auditVerdict').style.color = fillColor;\n  document.getElementById('auditVerdict').textContent = verdict;\n  document.getElementById('auditDetail').textContent = detail;\n\n  var cta = document.getElementById('auditCta');\n  if (score >= 3) {\n    cta.style.display = 'block';\n  } else {\n    cta.style.display = 'none';\n  }\n  var result = document.getElementById('auditResult');\n  result.style.display = 'block';\n  result.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n}\n\nvar ctx = document.getElementById('chartRefonte').getContext('2d');\nnew Chart(ctx, {\n  type: 'bar',\n  data: {\n    labels: ['Logo', 'Site web', 'Charte\\ngraphique', 'Plaquette\\ncommerciale', 'R\\u00e9seaux\\nsociaux', 'Pitch\\ndeck'],\n    datasets: [{\n      label: '% des refontes',\n      data: [92, 78, 65, 54, 48, 35],\n      backgroundColor: [\n        'rgba(76,183,49,0.65)',\n        'rgba(76,183,49,0.5)',\n        'rgba(40,124,202,0.55)',\n        'rgba(40,124,202,0.4)',\n        'rgba(67,67,67,0.5)',\n        'rgba(67,67,67,0.4)',\n      ],\n      borderColor: ['#4CB731','#4CB731','#287CCA','#287CCA','#434343','#434343'],\n      borderWidth: 1,\n      borderRadius: 4,\n    }]\n  },\n  options: {\n    responsive: true,\n    maintainAspectRatio: false,\n    plugins: {\n      legend: { display: false },\n      tooltip: { callbacks: { label: function(c) { return ' ' + c.parsed.y + '\\u00a0% des projets'; } } }\n    },\n    scales: {\n      x: { ticks: { color: '#8E8E8E', font: { size: 11 } }, grid: { color: '#1a1a28' } },\n      y: {\n        min: 0, max: 100,\n        ticks: { color: '#8E8E8E', callback: function(v) { return v + '\\u00a0%'; } },\n        grid: { color: '#1a1a28' }\n      }\n    }\n  }\n});\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Identit\u00e9 visuelle \u00b7 Guide entreprise Refonte d&rsquo;identit\u00e9 visuelle&nbsp;: quels signes que c&rsquo;est le moment&nbsp;? Une identit\u00e9 visuelle vieillit, se d\u00e9connecte de son march\u00e9, ou devient un frein \u00e0 la croissance. Mais comment savoir quand il faut vraiment agir ? Voici les signaux concrets : et un audit rapide pour \u00e9valuer votre situation. \ud83d\udd0e Diagnostic rapide [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18547,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","footnotes":""},"categories":[155],"tags":[],"class_list":["post-18545","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-graphisme"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/posts\/18545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/comments?post=18545"}],"version-history":[{"count":6,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/posts\/18545\/revisions"}],"predecessor-version":[{"id":18561,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/posts\/18545\/revisions\/18561"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/media\/18547"}],"wp:attachment":[{"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/media?parent=18545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/categories?post=18545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/tags?post=18545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}