{"id":193,"date":"2026-03-31T11:07:39","date_gmt":"2026-03-31T11:07:39","guid":{"rendered":"https:\/\/agathebordeau.fr\/portfolio\/?p=193"},"modified":"2026-08-23T15:40:16","modified_gmt":"2026-08-23T15:40:16","slug":"iep","status":"publish","type":"post","link":"https:\/\/agathebordeau.fr\/portfolio\/iep\/","title":{"rendered":"IEP"},"content":{"rendered":"\n<style>\n  :root{\n    --blue:#145a97;\n    --cyan:#48bde8;\n    --pale:#b9e2f2;\n    --ink:#10202d;\n    --muted:#647582;\n    --paper:#f7f9fa;\n    --white:#fff;\n    --line:rgba(16,32,45,.12);\n    --radius:28px;\n    --shadow:0 24px 70px rgba(16,32,45,.12);\n  }\n\n  *{box-sizing:border-box}\n  html{scroll-behavior:smooth}\n  body{\n    margin:0;\n    color:var(--ink);\n    background:var(--paper);\n    font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    line-height:1.55;\n  }\n  a{color:inherit}\n  img{display:block;max-width:100%}\n\n  \/* NAVIGATION *\/\n  .nav{\n    position:fixed;\n    inset:100px 22px auto 22px;\n    z-index:20;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    padding:10px 14px 10px 18px;\n    border:1px solid rgba(255,255,255,.55);\n    border-radius:999px;\n    background:rgba(247,249,250,.78);\n    backdrop-filter:blur(18px);\n    box-shadow:0 12px 40px rgba(16,32,45,.08);\n  }\n\n  \/* REGROUPEMENT \u00c0 GAUCHE (TITRE + FL\u00c8CHE) *\/\n  .nav-left {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .nav-mark{\n    font-weight:800;\n    letter-spacing:-.04em;\n    font-size:18px;\n  }\n\n  \/* BOUTON FL\u00c8CHE SEULE *\/\n  .nav-back {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    text-decoration: none;\n    color: var(--ink);\n    border-radius: 50%;\n    background: rgba(16, 32, 45, 0.06);\n    transition: all 0.2s ease;\n  }\n\n  .nav-back:hover {\n    background: var(--blue);\n    color: var(--white);\n  }\n\n  .nav-back svg {\n    transition: transform 0.2s ease;\n  }\n\n  .nav-back:hover svg {\n    transform: translateX(-3px); \/* Effet d'impulsion vers la gauche *\/\n  }\n\n  .nav-links{\n    display:flex;\n    gap:8px;\n    align-items:center;\n    font-size:13px;\n    font-weight:700;\n  }\n  .nav-links a{\n    text-decoration:none;\n    padding:9px 12px;\n    border-radius:999px;\n  }\n  .nav-links a:hover{background:var(--white)}\n\n  \/* HERO *\/\n  .hero{\n    min-height:100svh;\n    padding:130px 6vw 70px;\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(340px,1.2fr);\n    gap:6vw;\n    align-items:center;\n    overflow:hidden;\n    background:\n      radial-gradient(circle at 12% 10%, rgba(72,189,232,.2), transparent 26%),\n      linear-gradient(135deg,#fff 0%,#eef8fc 100%);\n  }\n  .eyebrow{\n    display:inline-flex;\n    gap:8px;\n    align-items:center;\n    padding:8px 12px;\n    border:1px solid var(--line);\n    border-radius:999px;\n    color:var(--blue);\n    background:rgba(255,255,255,.75);\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n  }\n  h1{\n    margin:20px 0 24px;\n    max-width:720px;\n    font-size:clamp(48px,7vw,104px);\n    line-height:.92;\n    letter-spacing:-.065em;\n  }\n  .hero-intro{\n    max-width:650px;\n    color:#435664;\n    font-size:clamp(18px,2vw,23px);\n  }\n  .hero-meta{\n    display:flex;\n    flex-wrap:wrap;\n    gap:10px;\n    margin-top:30px;\n  }\n  .tag{\n    padding:9px 13px;\n    border-radius:999px;\n    background:var(--white);\n    border:1px solid var(--line);\n    font-size:12px;\n    font-weight:700;\n  }\n  .hero-visual{\n    position:relative;\n    transform:rotate(1.2deg);\n  }\n  .hero-visual img{\n    width:100%;\n    border-radius:4px;\n    box-shadow:var(--shadow);\n  }\n  .orb{\n    position:absolute;\n    width:170px;\n    height:170px;\n    border-radius:50%;\n    background:var(--pale);\n    right:-55px;\n    top:-75px;\n    z-index:-1;\n  }\n\n  section{padding:110px 6vw}\n  .section-head{\n    display:grid;\n    grid-template-columns:.8fr 1.2fr;\n    gap:7vw;\n    align-items:start;\n    margin-bottom:55px;\n  }\n  .kicker{\n    color:var(--blue);\n    font-size:12px;\n    font-weight:900;\n    letter-spacing:.1em;\n    text-transform:uppercase;\n  }\n  h2{\n    margin:8px 0 0;\n    font-size:clamp(36px,5vw,70px);\n    line-height:.98;\n    letter-spacing:-.055em;\n  }\n  .lead{\n    max-width:720px;\n    font-size:clamp(20px,2.2vw,29px);\n    line-height:1.25;\n    letter-spacing:-.025em;\n    margin:0;\n  }\n  .text{\n    max-width:700px;\n    color:#536570;\n    font-size:17px;\n  }\n\n  .answer{\n    background:var(--blue);\n    color:white;\n    position:relative;\n    overflow:hidden;\n  }\n  .answer::before{\n    content:\"\";\n    position:absolute;\n    width:420px;height:420px;\n    border-radius:50%;\n    background:var(--cyan);\n    right:-180px;top:-190px;\n    opacity:.9;\n  }\n  .answer .section-head{position:relative}\n  .answer .kicker{color:#bdeafb}\n  .answer .lead{max-width:820px}\n  .answer-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n    position:relative;\n  }\n  .answer-card{\n    padding:28px;\n    min-height:220px;\n    border:1px solid rgba(255,255,255,.2);\n    background:rgba(255,255,255,.07);\n    border-radius:22px;\n  }\n  .answer-card strong{\n    display:block;\n    margin-bottom:12px;\n    font-size:19px;\n  }\n  .answer-card p{\n    margin:0;\n    color:#d8eef7;\n    font-size:15px;\n  }\n\n  .split{\n    display:grid;\n    grid-template-columns:1.05fr .95fr;\n    gap:7vw;\n    align-items:center;\n  }\n  .statement{\n    font-size:clamp(28px,4vw,55px);\n    line-height:1.02;\n    letter-spacing:-.045em;\n    margin:0 0 25px;\n  }\n  .statement em{color:var(--blue);font-style:normal}\n  .visual-card{\n    background:#fff;\n    padding:14px;\n    border-radius:var(--radius);\n    box-shadow:var(--shadow);\n  }\n  .visual-card img{border-radius:18px;width:100%}\n\n  .identity{\n    background:#fff;\n  }\n  .identity-grid{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:22px;\n  }\n  .identity-card{\n    border:1px solid var(--line);\n    border-radius:var(--radius);\n    overflow:hidden;\n    background:var(--paper);\n  }\n  .identity-card img{width:100%}\n  .identity-card figcaption{\n    padding:20px 22px 24px;\n    color:#52646f;\n    font-size:14px;\n  }\n  .identity-card figcaption strong{display:block;color:var(--ink);margin-bottom:5px}\n\n  .full-image{\n    padding-top:30px;\n  }\n  .full-image img{\n    width:100%;\n    max-height:78vh;\n    object-fit:cover;\n    object-position:center;\n    border-radius:var(--radius);\n    box-shadow:var(--shadow);\n  }\n\n  .principles{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:14px;\n    margin-top:35px;\n  }\n  .principle{\n    padding:24px;\n    min-height:190px;\n    border-top:3px solid var(--blue);\n    background:#fff;\n  }\n  .number{\n    font-size:12px;\n    font-weight:900;\n    color:var(--blue);\n  }\n  .principle h3{\n    margin:28px 0 9px;\n    font-size:20px;\n    letter-spacing:-.025em;\n  }\n  .principle p{\n    margin:0;\n    color:var(--muted);\n    font-size:14px;\n  }\n\n  .gallery{\n    display:grid;\n    grid-template-columns:1.25fr .75fr;\n    gap:22px;\n    align-items:start;\n  }\n  .gallery .stack{display:grid;gap:22px}\n  .gallery figure{\n    margin:0;\n    overflow:hidden;\n    border-radius:var(--radius);\n    background:#fff;\n    box-shadow:0 16px 50px rgba(16,32,45,.08);\n  }\n  .gallery figure img{width:100%;height:auto}\n  figcaption{\n    padding:16px 20px 20px;\n    font-size:13px;\n    color:var(--muted);\n  }\n\n  .closing{\n    background:#0d1f2b;\n    color:#fff;\n    text-align:center;\n    padding:130px 6vw;\n    position:relative;\n    overflow:hidden;\n  }\n  .closing::after{\n    content:\"IEP\";\n    position:absolute;\n    font-weight:900;\n    font-size:34vw;\n    line-height:.7;\n    letter-spacing:-.12em;\n    color:rgba(72,189,232,.08);\n    left:50%;\n    top:50%;\n    transform:translate(-50%,-50%);\n    pointer-events:none;\n  }\n  .closing > *{position:relative;z-index:1}\n  .closing h2{\n    max-width:1000px;\n    margin:0 auto 25px;\n  }\n  .closing p{\n    max-width:680px;\n    margin:0 auto;\n    color:#b8cbd4;\n    font-size:18px;\n  }\n  footer{\n    padding:22px 6vw;\n    background:#091720;\n    color:#8297a3;\n    font-size:12px;\n    display:flex;\n    justify-content:space-between;\n    gap:20px;\n  }\n\n  @media (max-width:900px){\n    .hero,.section-head,.split,.gallery{grid-template-columns:1fr}\n    .hero{padding-top:120px}\n    .answer-grid,.principles{grid-template-columns:1fr 1fr}\n    .identity-grid{grid-template-columns:1fr}\n    .hero-visual{margin-top:25px}\n  }\n  @media (max-width:600px){\n    .nav{inset:10px 10px auto}\n    .nav-links a{display:none}\n    section{padding:80px 5vw}\n    .hero{padding:105px 5vw 55px}\n    .answer-grid,.principles{grid-template-columns:1fr}\n    .answer-card{min-height:auto}\n    .orb{width:110px;height:110px;right:-30px;top:-40px}\n    footer{flex-direction:column}\n  }\n<\/style>\n<\/head>\n<body>\n\n  <!-- BARRE DE NAVIGATION -->\n  <nav class=\"nav\" aria-label=\"Navigation du projet\">\n    \n    <!-- REGION GAUCHE : TITRE ET FL\u00c8CHE DE RETOUR -->\n    <div class=\"nav-left\">\n      \n      \n      <a href=\"javascript:history.back()\" class=\"nav-back\" aria-label=\"Retour \u00e0 la page pr\u00e9c\u00e9dente\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line>\n          <polyline points=\"12 19 5 12 12 5\"><\/polyline>\n        <\/svg>\n      <\/a>\n\n<div class=\"nav-mark\">IEP \/ 2023<\/div>\n    <\/div>\n\n    <!-- ANCRES INTERNES -->\n    <div class=\"nav-links\">\n      <a href=\"#projet\">Projet<\/a>\n      <a href=\"#reponse\">R\u00e9ponse<\/a>\n      <a href=\"#identite\">Identit\u00e9<\/a>\n      <a href=\"#applications\">Applications<\/a>\n    <\/div>\n  <\/nav>\n\n  <header class=\"hero\">\n    <div>\n      <span class=\"eyebrow\">Brand design \u00b7 Direction artistique<\/span>\n      <h1>Donner une forme \u00e0 l&rsquo;\u00e9ducation.<\/h1>\n      <p class=\"hero-intro\">\n        Pour IEP, j&rsquo;ai con\u00e7u une identit\u00e9 visuelle capable de rendre visibles\n        des notions qui sont par nature immat\u00e9rielles : apprendre, transmettre,\n        accompagner et faire progresser.\n      <\/p>\n      <div class=\"hero-meta\">\n        <span class=\"tag\">SAS IEP<\/span>\n        <span class=\"tag\">Identit\u00e9 de marque<\/span>\n        <span class=\"tag\">Syst\u00e8me graphique<\/span>\n        <span class=\"tag\">Supports print &#038; communication<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero-visual\">\n      <div class=\"orb\"><\/div>\n      <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP.jpg\"\n           alt=\"Pr\u00e9sentation de l'identit\u00e9 visuelle IEP\">\n    <\/div>\n  <\/header>\n\n  <main>\n\n    <section id=\"projet\">\n      <div class=\"section-head\">\n        <div>\n          <div class=\"kicker\">01 \u2014 Le projet<\/div>\n          <h2>Une marque qui devait faire comprendre avant m\u00eame de parler.<\/h2>\n        <\/div>\n        <div>\n          <p class=\"lead\">\n            IEP rassemble plusieurs activit\u00e9s autour de la formation,\n            du conseil, du coaching et des logiciels. Le d\u00e9fi graphique \u00e9tait\n            donc de cr\u00e9er une identit\u00e9 suffisamment structur\u00e9e pour un univers\n            professionnel, mais suffisamment accessible pour \u00e9voquer la\n            transmission et l&rsquo;accompagnement.\n          <\/p>\n          <p class=\"text\">\n            Mon travail de designer graphique a consist\u00e9 \u00e0 transformer cette\n            diversit\u00e9 en un langage visuel coh\u00e9rent : un logo identifiable,\n            une palette ma\u00eetris\u00e9e, des formes modulaires et un syst\u00e8me capable\n            de s&rsquo;adapter aux diff\u00e9rents points de contact de la marque.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"full-image\">\n        <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP-6.jpg\"\n             alt=\"Papeterie et supports de communication IEP\">\n      <\/div>\n    <\/section>\n\n    <section id=\"reponse\" class=\"answer\">\n      <div class=\"section-head\">\n        <div>\n          <div class=\"kicker\">02 \u2014 Ma r\u00e9ponse de designer<\/div>\n          <h2>Comment transmettre la notion d&rsquo;\u00e9ducation par l&rsquo;image ?<\/h2>\n        <\/div>\n        <p class=\"lead\">\n          En faisant de la clart\u00e9, de la progression et de la relation\n          des principes graphiques \u2014 plut\u00f4t que de simples effets d\u00e9coratifs.\n        <\/p>\n      <\/div>\n\n      <div class=\"answer-grid\">\n        <article class=\"answer-card\">\n          <strong>01 \u2014 Structurer<\/strong>\n          <p>\n            Le syst\u00e8me visuel organise l&rsquo;information en niveaux lisibles.\n            La hi\u00e9rarchie devient un outil p\u00e9dagogique : elle aide \u00e0 comprendre\n            rapidement ce que propose IEP et \u00e0 distinguer ses diff\u00e9rentes expertises.\n          <\/p>\n        <\/article>\n\n        <article class=\"answer-card\">\n          <strong>02 \u2014 Accompagner<\/strong>\n          <p>\n            Les formes et les aplats construisent des espaces o\u00f9 l&rsquo;information\n            peut respirer. Le graphisme ne surcharge pas le message : il cr\u00e9e\n            un chemin de lecture.\n          <\/p>\n        <\/article>\n\n        <article class=\"answer-card\">\n          <strong>03 \u2014 Faire progresser<\/strong>\n          <p>\n            Les d\u00e9clinaisons color\u00e9es et modulaires permettent de repr\u00e9senter\n            plusieurs domaines tout en conservant une m\u00eame identit\u00e9. La marque\n            devient un syst\u00e8me \u00e9volutif, comme un parcours de formation.\n          <\/p>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section>\n      <div class=\"split\">\n        <div>\n          <div class=\"kicker\">03 \u2014 Une identit\u00e9 comme outil de transmission<\/div>\n          <p class=\"statement\">\n            J&rsquo;ai cherch\u00e9 \u00e0 faire passer IEP d&rsquo;une image simplement\n            <em>professionnelle<\/em> \u00e0 une image qui exprime aussi\n            <em>l&rsquo;apprentissage et l&rsquo;accompagnement.<\/em>\n          <\/p>\n          <p class=\"text\">\n            Le choix d&rsquo;un bleu profond apporte la confiance et la stabilit\u00e9\n            attendues d&rsquo;une entreprise de conseil. Les bleus plus clairs\n            introduisent une dimension plus ouverte, accessible et dynamique.\n            Ensemble, ils cr\u00e9ent une progression visuelle qui \u00e9voque le passage\n            de l&rsquo;information vers la compr\u00e9hension.\n          <\/p>\n        <\/div>\n\n        <figure class=\"visual-card\">\n          <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP-7.jpg\"\n               alt=\"D\u00e9clinaisons du logo IEP sur diff\u00e9rents fonds\">\n        <\/figure>\n      <\/div>\n    <\/section>\n\n    <section id=\"identite\" class=\"identity\">\n      <div class=\"section-head\">\n        <div>\n          <div class=\"kicker\">04 \u2014 Le syst\u00e8me de marque<\/div>\n          <h2>Un langage simple, modulable et reconnaissable.<\/h2>\n        <\/div>\n        <p class=\"lead\">\n          L&rsquo;identit\u00e9 repose sur une logique de d\u00e9clinaisons plut\u00f4t que sur un\n          visuel unique. Cela permet \u00e0 IEP de parler de ses m\u00e9tiers sans perdre\n          son territoire de marque.\n        <\/p>\n      <\/div>\n\n      <div class=\"identity-grid\">\n        <figure class=\"identity-card\">\n          <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP-1.jpg\"\n               alt=\"Affiche et support institutionnel IEP\">\n          <figcaption>\n            <strong>Une communication qui explique.<\/strong>\n            Les supports mettent en avant les missions et les expertises avec\n            une hi\u00e9rarchie volontairement directe.\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"identity-card\">\n          <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP-2.jpg\"\n               alt=\"Affichage IEP dans l'espace public\">\n          <figcaption>\n            <strong>Une identit\u00e9 pens\u00e9e pour \u00eatre vue.<\/strong>\n            Les codes graphiques conservent leur impact dans un contexte\n            ext\u00e9rieur, loin des supports institutionnels.\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n    <\/section>\n\n    <section>\n      <div class=\"section-head\">\n        <div>\n          <div class=\"kicker\">05 \u2014 Les principes graphiques<\/div>\n          <h2>Quatre id\u00e9es derri\u00e8re le syst\u00e8me.<\/h2>\n        <\/div>\n        <p class=\"lead\">\n          Le r\u00f4le du design est ici de rendre une promesse intangible\n          imm\u00e9diatement perceptible.\n        <\/p>\n      <\/div>\n\n      <div class=\"principles\">\n        <article class=\"principle\">\n          <span class=\"number\">01<\/span>\n          <h3>Clart\u00e9<\/h3>\n          <p>Une information hi\u00e9rarchis\u00e9e pour faciliter la compr\u00e9hension.<\/p>\n        <\/article>\n        <article class=\"principle\">\n          <span class=\"number\">02<\/span>\n          <h3>Confiance<\/h3>\n          <p>Un bleu institutionnel qui installe s\u00e9rieux et stabilit\u00e9.<\/p>\n        <\/article>\n        <article class=\"principle\">\n          <span class=\"number\">03<\/span>\n          <h3>Progression<\/h3>\n          <p>Des variations de teintes et de formes qui sugg\u00e8rent un parcours.<\/p>\n        <\/article>\n        <article class=\"principle\">\n          <span class=\"number\">04<\/span>\n          <h3>Transmission<\/h3>\n          <p>Des supports con\u00e7us comme des interfaces entre la marque et ses publics.<\/p>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section id=\"applications\">\n      <div class=\"section-head\">\n        <div>\n          <div class=\"kicker\">06 \u2014 D\u00e9ploiement<\/div>\n          <h2>De l&rsquo;identit\u00e9 au terrain.<\/h2>\n        <\/div>\n        <p class=\"lead\">\n          Une marque n&rsquo;existe vraiment que lorsqu&rsquo;elle fonctionne dans des\n          situations concr\u00e8tes : documents, affiches, pr\u00e9sentation d&rsquo;offres,\n          signal\u00e9tique et communication quotidienne.\n        <\/p>\n      <\/div>\n\n      <div class=\"gallery\">\n        <div class=\"stack\">\n          <figure>\n            <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP-4.jpg\"\n                 alt=\"D\u00e9clinaison IEP pour les quatre domaines d'activit\u00e9\">\n            <figcaption>Les quatre domaines \u2014 Logiciel, Coaching, Conseil et Formation \u2014 sont diff\u00e9renci\u00e9s tout en appartenant au m\u00eame syst\u00e8me.<\/figcaption>\n          <\/figure>\n\n          <figure>\n            <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP-4.gif\"\n                 alt=\"Animation du syst\u00e8me graphique IEP\">\n            <figcaption>Le principe graphique se pr\u00eate aussi \u00e0 l&rsquo;animation et aux supports num\u00e9riques.<\/figcaption>\n          <\/figure>\n        <\/div>\n\n        <div class=\"stack\">\n          <figure>\n            <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP-11.gif\"\n                 alt=\"Animation de l'identit\u00e9 IEP\">\n            <figcaption>Un syst\u00e8me suffisamment souple pour cr\u00e9er du mouvement sans perdre les rep\u00e8res de marque.<\/figcaption>\n          <\/figure>\n\n          <figure>\n            <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP-7.jpg\"\n                 alt=\"Variations du logo IEP\">\n            <figcaption>Le logo et ses variantes assurent la continuit\u00e9 visuelle selon les contextes.<\/figcaption>\n          <\/figure>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"closing\">\n      <div class=\"kicker\">Conclusion<\/div>\n      <h2>J&rsquo;ai utilis\u00e9 le design comme un outil p\u00e9dagogique.<\/h2>\n      <p>\n        Pour IEP, l&rsquo;enjeu n&rsquo;\u00e9tait pas seulement de cr\u00e9er une identit\u00e9\n        esth\u00e9tique. Il s&rsquo;agissait de rendre une activit\u00e9 li\u00e9e \u00e0 la transmission\n        lisible, cr\u00e9dible et accessible. En structurant l&rsquo;information, en\n        donnant une coh\u00e9rence aux diff\u00e9rents m\u00e9tiers et en construisant un\n        univers visuel fond\u00e9 sur la progression, l&rsquo;image de marque devient\n        elle-m\u00eame une forme de transmission.\n      <\/p>\n    <\/section>\n\n  <\/main>\n","protected":false},"excerpt":{"rendered":"<p>IEP \/ 2023 Projet R\u00e9ponse Identit\u00e9 Applications Brand design \u00b7 Direction artistique Donner une forme \u00e0 l&rsquo;\u00e9ducation. Pour IEP, j&rsquo;ai con\u00e7u une identit\u00e9 visuelle capable de rendre visibles des notions qui sont par nature immat\u00e9rielles : apprendre, transmettre, accompagner et faire progresser. SAS IEP Identit\u00e9 de marque Syst\u00e8me graphique Supports print &#038; communication 01 \u2014 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-193","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>IEP - Agathe Bordeau Portfolio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/agathebordeau.fr\/portfolio\/iep\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"IEP - Agathe Bordeau Portfolio\" \/>\n<meta property=\"og:description\" content=\"IEP \/ 2023 Projet R\u00e9ponse Identit\u00e9 Applications Brand design \u00b7 Direction artistique Donner une forme \u00e0 l&rsquo;\u00e9ducation. Pour IEP, j&rsquo;ai con\u00e7u une identit\u00e9 visuelle capable de rendre visibles des notions qui sont par nature immat\u00e9rielles : apprendre, transmettre, accompagner et faire progresser. SAS IEP Identit\u00e9 de marque Syst\u00e8me graphique Supports print &#038; communication 01 \u2014 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/agathebordeau.fr\/portfolio\/iep\/\" \/>\n<meta property=\"og:site_name\" content=\"Agathe Bordeau Portfolio\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-31T11:07:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-23T15:40:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP.jpg\" \/>\n<meta name=\"author\" content=\"AgatheBordeau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"AgatheBordeau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/iep\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/iep\\\/\"},\"author\":{\"name\":\"AgatheBordeau\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#\\\/schema\\\/person\\\/eb13b6218b056b40331918b3dcb65523\"},\"headline\":\"IEP\",\"datePublished\":\"2026-03-31T11:07:39+00:00\",\"dateModified\":\"2026-08-23T15:40:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/iep\\\/\"},\"wordCount\":692,\"image\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/iep\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/IEP.jpg\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/iep\\\/\",\"url\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/iep\\\/\",\"name\":\"IEP - Agathe Bordeau Portfolio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/iep\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/iep\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/IEP.jpg\",\"datePublished\":\"2026-03-31T11:07:39+00:00\",\"dateModified\":\"2026-08-23T15:40:16+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#\\\/schema\\\/person\\\/eb13b6218b056b40331918b3dcb65523\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/iep\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/iep\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/iep\\\/#primaryimage\",\"url\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/IEP.jpg\",\"contentUrl\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/IEP.jpg\",\"width\":1488,\"height\":928},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/iep\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"IEP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#website\",\"url\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/\",\"name\":\"Agathe Bordeau Portfolio\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#\\\/schema\\\/person\\\/eb13b6218b056b40331918b3dcb65523\",\"name\":\"AgatheBordeau\",\"sameAs\":[\"http:\\\/\\\/agathebordeau.fr\"],\"url\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/author\\\/agathebordeau\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"IEP - Agathe Bordeau Portfolio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/agathebordeau.fr\/portfolio\/iep\/","og_locale":"fr_FR","og_type":"article","og_title":"IEP - Agathe Bordeau Portfolio","og_description":"IEP \/ 2023 Projet R\u00e9ponse Identit\u00e9 Applications Brand design \u00b7 Direction artistique Donner une forme \u00e0 l&rsquo;\u00e9ducation. Pour IEP, j&rsquo;ai con\u00e7u une identit\u00e9 visuelle capable de rendre visibles des notions qui sont par nature immat\u00e9rielles : apprendre, transmettre, accompagner et faire progresser. SAS IEP Identit\u00e9 de marque Syst\u00e8me graphique Supports print &#038; communication 01 \u2014 [&hellip;]","og_url":"https:\/\/agathebordeau.fr\/portfolio\/iep\/","og_site_name":"Agathe Bordeau Portfolio","article_published_time":"2026-03-31T11:07:39+00:00","article_modified_time":"2026-08-23T15:40:16+00:00","og_image":[{"url":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP.jpg","type":"","width":"","height":""}],"author":"AgatheBordeau","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"AgatheBordeau","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/agathebordeau.fr\/portfolio\/iep\/#article","isPartOf":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/iep\/"},"author":{"name":"AgatheBordeau","@id":"https:\/\/agathebordeau.fr\/portfolio\/#\/schema\/person\/eb13b6218b056b40331918b3dcb65523"},"headline":"IEP","datePublished":"2026-03-31T11:07:39+00:00","dateModified":"2026-08-23T15:40:16+00:00","mainEntityOfPage":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/iep\/"},"wordCount":692,"image":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/iep\/#primaryimage"},"thumbnailUrl":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP.jpg","articleSection":["Uncategorized"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/agathebordeau.fr\/portfolio\/iep\/","url":"https:\/\/agathebordeau.fr\/portfolio\/iep\/","name":"IEP - Agathe Bordeau Portfolio","isPartOf":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/iep\/#primaryimage"},"image":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/iep\/#primaryimage"},"thumbnailUrl":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP.jpg","datePublished":"2026-03-31T11:07:39+00:00","dateModified":"2026-08-23T15:40:16+00:00","author":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/#\/schema\/person\/eb13b6218b056b40331918b3dcb65523"},"breadcrumb":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/iep\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/agathebordeau.fr\/portfolio\/iep\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/agathebordeau.fr\/portfolio\/iep\/#primaryimage","url":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP.jpg","contentUrl":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/IEP.jpg","width":1488,"height":928},{"@type":"BreadcrumbList","@id":"https:\/\/agathebordeau.fr\/portfolio\/iep\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/agathebordeau.fr\/portfolio\/"},{"@type":"ListItem","position":2,"name":"IEP"}]},{"@type":"WebSite","@id":"https:\/\/agathebordeau.fr\/portfolio\/#website","url":"https:\/\/agathebordeau.fr\/portfolio\/","name":"Agathe Bordeau Portfolio","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/agathebordeau.fr\/portfolio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/agathebordeau.fr\/portfolio\/#\/schema\/person\/eb13b6218b056b40331918b3dcb65523","name":"AgatheBordeau","sameAs":["http:\/\/agathebordeau.fr"],"url":"https:\/\/agathebordeau.fr\/portfolio\/author\/agathebordeau\/"}]}},"_links":{"self":[{"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/posts\/193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/comments?post=193"}],"version-history":[{"count":31,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/posts\/193\/revisions"}],"predecessor-version":[{"id":342,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/posts\/193\/revisions\/342"}],"wp:attachment":[{"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/media?parent=193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/categories?post=193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/tags?post=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}