{"id":1115,"date":"2026-06-18T17:37:47","date_gmt":"2026-06-18T15:37:47","guid":{"rendered":"https:\/\/flavienonfroy.ovh\/?page_id=1115"},"modified":"2026-06-24T11:43:31","modified_gmt":"2026-06-24T09:43:31","slug":"image-de-marque","status":"publish","type":"page","link":"https:\/\/flavienonfroy.ovh\/index.php\/image-de-marque\/","title":{"rendered":"Image de marque"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1115\" class=\"elementor elementor-1115\">\n\t\t\t\t<div class=\"elementor-element elementor-element-421bd7f e-flex e-con-boxed e-con e-parent\" data-id=\"421bd7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec749f6 elementor-widget elementor-widget-html\" data-id=\"ec749f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@600;700&family=Inter:wght@400;500;600;700;800&display=swap');\n.im{font-family:'Inter','Segoe UI',sans-serif;color:#1D3354;--marine:#1D3354;--teal:#2DD4BF;--teal2:#22c0ac;--ink:#4a5568;--mut:#718096;--soft:#f7f9fc;line-height:1.6;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}\n.im *{box-sizing:border-box}\n.im a{text-decoration:none}\n.im img{max-width:100%}\n.im h1,.im h2,.im h3{font-family:'Space Grotesk','Inter',sans-serif}\n.im-sec{padding:84px 32px;scroll-margin-top:90px}\n.im-inner{max-width:1140px;margin:0 auto}\n.im-eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--teal2);margin-bottom:14px;display:block;text-align:center}\n.im-h2{font-size:clamp(26px,3.6vw,40px);font-weight:700;text-align:center;margin:0 0 14px;color:var(--marine);line-height:1.14}\n.im-sub{text-align:center;color:var(--mut);max-width:640px;margin:0 auto 52px;font-size:16px}\n\n\/* HERO *\/\n.im-hero{background:var(--marine);padding:134px 32px 88px;text-align:center;color:#fff}\n.im-badge{display:inline-block;background:rgba(45,212,191,.14);border:1px solid var(--teal);color:var(--teal);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:8px 20px;border-radius:40px;margin-bottom:24px}\n.im-hero h1{font-size:clamp(34px,5.5vw,62px);font-weight:700;margin:0;line-height:1.05}\n.im-hero p{font-size:17px;color:rgba(255,255,255,.7);max-width:640px;margin:22px auto 0;line-height:1.75}\n\n\/* CARTES *\/\n.im-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n.im-card{background:#fff;border:1px solid #e6ebf2;border-radius:24px;padding:32px 26px;transition:transform .3s,box-shadow .3s,border-color .3s}\n.im-card:hover{transform:translateY(-8px);box-shadow:0 24px 52px rgba(29,51,84,.12);border-color:var(--teal)}\n.im-card .n{font-family:'Space Grotesk';font-size:14px;font-weight:700;color:var(--teal2);margin-bottom:14px;display:block}\n.im-card h3{font-size:17.5px;margin:0 0 9px;color:var(--marine)}\n.im-card p{font-size:14px;color:var(--mut);margin:0;line-height:1.65}\n\n\/* OUTILS *\/\n.im-tools{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:840px;margin:0 auto}\n.im-pill{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #eef2f7;border-radius:40px;padding:12px 22px;box-shadow:0 8px 22px rgba(29,51,84,.06)}\n.im-pill img{width:22px;height:22px;display:block}\n.im-pill span{font-weight:700;font-size:14px;color:var(--marine)}\n\n\/* M\u00c9THODE *\/\n.im-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}\n.im-step{background:#fff;border:1px solid #e6ebf2;border-radius:24px;padding:28px 24px;transition:transform .3s,box-shadow .3s}\n.im-step:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(29,51,84,.1)}\n.im-step b{font-family:'Space Grotesk';display:block;font-size:24px;font-weight:700;color:var(--teal);margin-bottom:12px}\n.im-step h4{font-size:15px;font-weight:800;margin:0 0 7px;color:var(--marine)}\n.im-step p{font-size:13px;color:var(--mut);line-height:1.6;margin:0}\n\n\/* PROJETS ASSOCI\u00c9S (centr\u00e9) *\/\n.im-proj{display:flex;justify-content:center;flex-wrap:wrap;gap:22px}\n.im-pcard{display:block;background:var(--marine);border:2px solid transparent;border-radius:26px;padding:34px 30px;color:#fff;max-width:460px;width:100%;transition:transform .3s,box-shadow .3s,border-color .3s}\n.im-pcard:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(29,51,84,.26);border-color:var(--teal)}\n.im-pcard .pt{font-size:10.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:12px}\n.im-pcard h3{font-size:22px;margin:0 0 10px}\n.im-pcard p{font-size:14px;color:rgba(255,255,255,.72);margin:0 0 20px;line-height:1.6}\n.im-pcard .go{font-weight:800;font-size:13.5px;color:var(--teal);display:inline-flex;gap:8px;transition:gap .25s}\n.im-pcard:hover .go{gap:14px}\n\n\/* CTA *\/\n.im-cta{background:var(--marine);text-align:center;padding:90px 32px;color:#fff}\n.im-cta h2{font-size:clamp(26px,3.6vw,40px);font-weight:700;margin:0 0 16px;color:#fff}\n.im-cta p{color:rgba(255,255,255,.7);max-width:520px;margin:0 auto 32px;font-size:16px}\n.im-btn{display:inline-block;background:var(--teal);color:var(--marine);font-weight:800;font-size:15px;padding:16px 36px;border-radius:40px;transition:transform .25s,background .25s}\n.im-btn:hover{background:var(--teal2);transform:translateY(-3px)}\n.im-btn--g{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);margin-left:12px}\n.im-btn--g:hover{background:rgba(255,255,255,.08)}\n\n@media(max-width:880px){\n  .im-grid3{grid-template-columns:1fr}\n  .im-steps{grid-template-columns:1fr 1fr}\n  .im-sec{padding:64px 22px}\n}\n@media(max-width:520px){ .im-steps{grid-template-columns:1fr} }\n<\/style>\n\n<div class=\"im\">\n\n  <!-- HERO -->\n  <header class=\"im-hero\">\n    <span class=\"im-badge\">Comp\u00e9tence<\/span>\n    <h1>Image de marque<\/h1>\n    <p>Je construis des identit\u00e9s visuelles coh\u00e9rentes et reconnaissables : du logo \u00e0 la charte graphique, jusqu'aux d\u00e9clinaisons sur l'ensemble des supports.<\/p>\n  <\/header>\n\n  <!-- CE QUE COUVRE LA COMP\u00c9TENCE -->\n  <section class=\"im-sec\">\n    <div class=\"im-inner\">\n      <span class=\"im-eyebrow\">Ce que je fais<\/span>\n      <h2 class=\"im-h2\">Ce que couvre cette comp\u00e9tence<\/h2>\n      <p class=\"im-sub\">De l'identit\u00e9 \u00e0 son application coh\u00e9rente sur tous les points de contact.<\/p>\n      <div class=\"im-grid3\">\n        <div class=\"im-card\"><span class=\"n\">01<\/span><h3>Logo &amp; identit\u00e9<\/h3><p>Cr\u00e9ation ou refonte du logo et de ses d\u00e9clinaisons (principale, monochrome, zone de protection).<\/p><\/div>\n        <div class=\"im-card\"><span class=\"n\">02<\/span><h3>Charte graphique<\/h3><p>Couleurs, typographies et r\u00e8gles d'usage r\u00e9unies dans un guide clair et r\u00e9utilisable.<\/p><\/div>\n        <div class=\"im-card\"><span class=\"n\">03<\/span><h3>Palette &amp; typographies<\/h3><p>Une palette resserr\u00e9e et un duo typographique qui posent l'univers de la marque.<\/p><\/div>\n        <div class=\"im-card\"><span class=\"n\">04<\/span><h3>D\u00e9clinaisons &amp; supports<\/h3><p>Application sur le site, les r\u00e9seaux, les supports print et le packaging.<\/p><\/div>\n        <div class=\"im-card\"><span class=\"n\">05<\/span><h3>Coh\u00e9rence de marque<\/h3><p>Une image homog\u00e8ne et professionnelle sur tous les points de contact.<\/p><\/div>\n        <div class=\"im-card\"><span class=\"n\">06<\/span><h3>Ton &amp; univers \u00e9ditorial<\/h3><p>Une voix de marque coh\u00e9rente avec l'identit\u00e9 visuelle et les valeurs.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- OUTILS -->\n  <section class=\"im-sec\" style=\"background:var(--soft)\">\n    <div class=\"im-inner\">\n      <span class=\"im-eyebrow\">Mes outils<\/span>\n      <h2 class=\"im-h2\">Les outils que j'utilise<\/h2>\n      <p class=\"im-sub\">Pour concevoir l'identit\u00e9 et la d\u00e9cliner sur tous les supports.<\/p>\n      <div class=\"im-tools\">\n        <span class=\"im-pill\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/adobeillustrator\" alt=\"\" onerror=\"this.style.display='none'\"><span>Illustrator<\/span><\/span>\n        <span class=\"im-pill\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/adobephotoshop\" alt=\"\" onerror=\"this.style.display='none'\"><span>Photoshop<\/span><\/span>\n        <span class=\"im-pill\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/canva\" alt=\"\" onerror=\"this.style.display='none'\"><span>Canva<\/span><\/span>\n        <span class=\"im-pill\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/figma\" alt=\"\" onerror=\"this.style.display='none'\"><span>Figma<\/span><\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- M\u00c9THODE -->\n  <section class=\"im-sec\">\n    <div class=\"im-inner\">\n      <span class=\"im-eyebrow\">Ma m\u00e9thode<\/span>\n      <h2 class=\"im-h2\">Une d\u00e9marche en 4 \u00e9tapes<\/h2>\n      <p class=\"im-sub\">D'une identit\u00e9 dat\u00e9e \u00e0 une marque coh\u00e9rente et affirm\u00e9e.<\/p>\n      <div class=\"im-steps\">\n        <div class=\"im-step\"><b>01<\/b><h4>Audit de l'existant<\/h4><p>Analyse des visuels et des incoh\u00e9rences, benchmark du secteur.<\/p><\/div>\n        <div class=\"im-step\"><b>02<\/b><h4>Direction artistique<\/h4><p>D\u00e9finition de l'univers, des couleurs et des typographies.<\/p><\/div>\n        <div class=\"im-step\"><b>03<\/b><h4>Cr\u00e9ation<\/h4><p>Logo, charte graphique et r\u00e8gles d'usage sous Illustrator.<\/p><\/div>\n        <div class=\"im-step\"><b>04<\/b><h4>D\u00e9clinaisons<\/h4><p>Application sur le site, les r\u00e9seaux et les supports.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PROJETS ASSOCI\u00c9S -->\n  <section class=\"im-sec\" style=\"background:var(--soft)\">\n    <div class=\"im-inner\">\n      <span class=\"im-eyebrow\">En pratique<\/span>\n      <h2 class=\"im-h2\">Projet associ\u00e9<\/h2>\n      <p class=\"im-sub\">Une refonte d'identit\u00e9 compl\u00e8te, du logo \u00e0 la charte.<\/p>\n      <div class=\"im-proj\">\n        <a class=\"im-pcard\" href=\"https:\/\/flavienonfroy.ovh\/index.php\/projet-seo-leurre\/\">\n          <div class=\"pt\">E-commerce<\/div>\n          <h3>Leurre \u00e0 l'unit\u00e9<\/h3>\n          <p>Refonte compl\u00e8te de l'identit\u00e9 LALU : nouveau logo (2 d\u00e9clinaisons), palette corail \/ cr\u00e8me \/ encre et duo typographique Ubuntu + Poppins, con\u00e7us sous Adobe Illustrator.<\/p>\n          <span class=\"go\">Voir le projet \u2192<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA -->\n  <section class=\"im-cta\">\n    <h2>Une identit\u00e9 \u00e0 (re)construire ?<\/h2>\n    <p>Donnons \u00e0 votre marque une image coh\u00e9rente, professionnelle et reconnaissable.<\/p>\n    <a href=\"\/#fp-contact\" class=\"im-btn\">Me contacter<\/a>\n    <a href=\"\/#fp-projets\" class=\"im-btn im-btn--g\">Voir tous les projets<\/a>\n  <\/section>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Comp\u00e9tence Image de marque Je construis des identit\u00e9s visuelles coh\u00e9rentes et reconnaissables : du logo \u00e0 la charte graphique, jusqu&rsquo;aux d\u00e9clinaisons sur l&rsquo;ensemble des supports. Ce que je fais Ce que couvre cette comp\u00e9tence De l&rsquo;identit\u00e9 \u00e0 son application coh\u00e9rente sur tous les points de contact. 01 Logo &amp; identit\u00e9 Cr\u00e9ation ou refonte du logo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1115","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/pages\/1115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/comments?post=1115"}],"version-history":[{"count":7,"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/pages\/1115\/revisions"}],"predecessor-version":[{"id":1206,"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/pages\/1115\/revisions\/1206"}],"wp:attachment":[{"href":"https:\/\/flavienonfroy.ovh\/index.php\/wp-json\/wp\/v2\/media?parent=1115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}