{"id":225,"date":"2026-03-31T11:40:58","date_gmt":"2026-03-31T11:40:58","guid":{"rendered":"https:\/\/agathebordeau.fr\/portfolio\/?p=225"},"modified":"2026-08-23T16:28:21","modified_gmt":"2026-08-23T16:28:21","slug":"claire-des-pres","status":"publish","type":"post","link":"https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/","title":{"rendered":"Claire des pr\u00e8s"},"content":{"rendered":"\n<style>\n  :root {\n    \/* PALETTE BLEU & VERT CLAIRE DES PR\u00c9S *\/\n    --brand-green: #1b3b36;   \/* Bleu-vert canard tr\u00e8s profond *\/\n    --sage: #4a7c59;          \/* Vert sauge naturel *\/\n    --mint: #d4e7df;          \/* Vert\/Bleu menthe tr\u00e8s doux *\/\n    --sand: #f4f6f5;          \/* Fond neutre l\u00e9g\u00e8rement froid\/frais *\/\n    --sand-light: #fafbfb;    \/* Blanc cass\u00e9 doux *\/\n    --coral: #8AE0FF;         \/* Accent chaleureux terre cuite \/ abricot *\/\n    --ink: #122824;           \/* Texte tr\u00e8s fonc\u00e9 teint\u00e9 bleu-vert *\/\n    --muted: #4e6861;         \/* Texte secondaire *\/\n    --line: rgba(27, 59, 54, 0.12);\n    --radius: 28px;\n    --shadow: 0 24px 70px rgba(18, 40, 36, 0.1);\n  }\n\n  * { box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n  body {\n    margin: 0;\n    color: var(--ink);\n    background: var(--sand);\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: 102px 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, 0.7);\n    border-radius: 999px;\n    background: rgba(244, 246, 245, 0.85);\n    backdrop-filter: blur(18px);\n    box-shadow: 0 12px 40px rgba(18, 40, 36, 0.08);\n  }\n\n  .nav-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\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(27, 59, 54, 0.08);\n    transition: all 0.2s ease;\n  }\n\n  .nav-back:hover {\n    background: var(--brand-green);\n    color: #fff;\n  }\n\n  .nav-back svg {\n    transition: transform 0.2s ease;\n  }\n\n  .nav-back:hover svg {\n    transform: translateX(-3px);\n  }\n\n  .nav-mark {\n    font-weight: 800;\n    letter-spacing: -.04em;\n    font-size: 18px;\n    color: var(--brand-green);\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: #fff; }\n\n  \/* HERO *\/\n  .hero {\n    min-height: 100svh;\n    padding: 180px 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(212, 231, 223, 0.6), transparent 35%),\n      linear-gradient(135deg, var(--sand-light) 0%, var(--sand) 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(--brand-green);\n    background: rgba(255, 255, 255, 0.85);\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    color: var(--brand-green);\n  }\n  .hero-intro {\n    max-width: 650px;\n    color: var(--muted);\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: #fff;\n    border: 1px solid var(--line);\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--brand-green);\n  }\n  .hero-visual {\n    position: relative;\n    transform: rotate(1deg);\n  }\n  .hero-visual img {\n    width: 100%;\n    border-radius: 6px;\n    box-shadow: var(--shadow);\n  }\n  .orb {\n    position: absolute;\n    width: 180px;\n    height: 180px;\n    border-radius: 50%;\n    background: var(--mint);\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(--sage);\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    color: var(--brand-green);\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: var(--muted);\n    font-size: 17px;\n  }\n\n  \/* SECTION R\u00c9PONSE BLEU\/VERT PROFOND *\/\n  .answer {\n    background: var(--brand-green);\n    color: #fff;\n    position: relative;\n    overflow: hidden;\n  }\n  .answer::before {\n    content: \"\";\n    position: absolute;\n    width: 450px; height: 450px;\n    border-radius: 50%;\n    background: var(--sage);\n    right: -150px; top: -150px;\n    opacity: .25;\n  }\n  .answer .section-head { position: relative; }\n  .answer h2 { color: #fff; }\n  .answer .kicker { color: var(--mint); }\n  .answer .lead { max-width: 820px; color: var(--mint); }\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(212, 231, 223, 0.2);\n    background: rgba(255, 255, 255, 0.06);\n    border-radius: 22px;\n  }\n  .answer-card strong {\n    display: block;\n    margin-bottom: 12px;\n    font-size: 19px;\n    color: #fff;\n  }\n  .answer-card p {\n    margin: 0;\n    color: var(--mint);\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    color: var(--brand-green);\n  }\n  .statement em { color: var(--coral); 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 { background: var(--sand-light); }\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: #fff;\n  }\n  .identity-card img { width: 100%; }\n  .identity-card figcaption {\n    padding: 20px 22px 24px;\n    color: var(--muted);\n    font-size: 14px;\n  }\n  .identity-card figcaption strong {\n    display: block;\n    color: var(--brand-green);\n    margin-bottom: 5px;\n  }\n\n  .full-image { padding-top: 30px; }\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(--sage);\n    background: #fff;\n    border-radius: 0 0 16px 16px;\n  }\n  .number {\n    font-size: 12px;\n    font-weight: 900;\n    color: var(--coral);\n  }\n  .principle h3 {\n    margin: 28px 0 9px;\n    font-size: 20px;\n    letter-spacing: -.025em;\n    color: var(--brand-green);\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: 1fr 1fr;\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(18, 40, 36, 0.06);\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: #0d1e1b;\n    color: #fff;\n    text-align: center;\n    padding: 130px 6vw;\n    position: relative;\n    overflow: hidden;\n  }\n  .closing::after {\n    content: \"CLAIRE\";\n    position: absolute;\n    font-weight: 900;\n    font-size: 24vw;\n    line-height: .7;\n    letter-spacing: -.1em;\n    color: rgba(212, 231, 223, 0.03);\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    color: #fff;\n    max-width: 1000px;\n    margin: 0 auto 25px;\n  }\n  .closing p {\n    max-width: 680px;\n    margin: 0 auto;\n    color: var(--mint);\n    font-size: 18px;\n  }\n\n  footer {\n    padding: 22px 6vw;\n    background: #060e0d;\n    color: var(--sage);\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: 160px; }\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: 90px 10px auto; }\n    .nav-links a { display: none; }\n    section { padding: 80px 5vw; }\n    .hero { padding: 140px 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\n<!-- BARRE DE NAVIGATION -->\n<nav class=\"nav\" aria-label=\"Navigation du projet\">\n  <div class=\"nav-left\">\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    <div class=\"nav-mark\">Claire des Pr\u00e9s<\/div>\n  <\/div>\n\n  <div class=\"nav-links\">\n    <a href=\"#projet\">Le projet<\/a>\n    <a href=\"#reponse\">Mont\u00e9e en gamme<\/a>\n    <a href=\"#process\">M\u00e9thodologie<\/a>\n    <a href=\"#galerie\">R\u00e9alisations<\/a>\n  <\/div>\n<\/nav>\n\n<!-- HERO -->\n<header class=\"hero\">\n  <div>\n    <span class=\"eyebrow\">Packaging &amp; Brand Strategy<\/span>\n    <h1>Repenser le packaging pour sublimer la gamme.<\/h1>\n    <p class=\"hero-intro\">\n      Refonte globale des emballages de Claire des Pr\u00e9s pour r\u00e9inventer l&rsquo;exp\u00e9rience produit et imposer une pr\u00e9sence haut de gamme et m\u00e9morable en rayon.\n    <\/p>\n    <div class=\"hero-meta\">\n      <span class=\"tag\">Claire des Pr\u00e9s<\/span>\n      <span class=\"tag\">Design Packaging<\/span>\n      <span class=\"tag\">Strat\u00e9gie de Marque<\/span>\n      <span class=\"tag\">Direction Artistique<\/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\/Claire-des-Pres-20.jpg\" alt=\"Pr\u00e9sentation visuelle du packaging Claire des Pr\u00e9s\">\n  <\/div>\n<\/header>\n\n<main>\n  <!-- 01. LE PROJET -->\n  <section id=\"projet\">\n    <div class=\"section-head\">\n      <div>\n        <div class=\"kicker\">01 \u2014 Le projet<\/div>\n        <h2>Un positionnement plus affirm\u00e9 et \u00e9l\u00e9gant.<\/h2>\n      <\/div>\n      <div>\n        <p class=\"lead\">\n          Claire des Pr\u00e9s n\u00e9cessitait une v\u00e9ritable \u00e9volution visuelle pour refl\u00e9ter la qualit\u00e9 sup\u00e9rieure de ses produits et s\u00e9duire une client\u00e8le plus exigeante.\n        <\/p>\n        <p class=\"text\">\n          \u00c0 travers une gestion strat\u00e9gique du projet, nous avons retravaill\u00e9 l&rsquo;univers de la marque pour lui donner une signature \u00e0 la fois authentique, contemporaine et imm\u00e9diatement reconnaissable.\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\/Claire-des-Pres-11.jpg\" alt=\"Aper\u00e7u d'ensemble des packagings Claire des Pr\u00e9s\">\n    <\/div>\n  <\/section>\n\n  <!-- 02. LA R\u00c9PONSE : COMMENT J'AI AID\u00c9 \u00c0 MONTER EN GAMME -->\n  <section id=\"reponse\" class=\"answer\">\n    <div class=\"section-head\">\n      <div>\n        <div class=\"kicker\">02 \u2014 La transformation<\/div>\n        <h2>Comment j&rsquo;ai aid\u00e9 Claire des Pr\u00e9s \u00e0 monter en gamme ?<\/h2>\n      <\/div>\n      <p class=\"lead\">\n        En structurant une d\u00e9marche globale : d&rsquo;un positionnement graphique retravaill\u00e9 jusqu&rsquo;\u00e0 la cr\u00e9ation de prototypes fid\u00e8les aux exigences de l&rsquo;industrie.\n      <\/p>\n    <\/div>\n\n    <div class=\"answer-grid\">\n      <article class=\"answer-card\">\n        <strong>01 \u2014 \u00c9l\u00e9gance visuelle<\/strong>\n        <p>\n          D\u00e9finition d&rsquo;une ambiance graphique raffin\u00e9e, bas\u00e9e sur un subtil \u00e9quilibre entre teintes v\u00e9g\u00e9tales, typographies structur\u00e9es et finitions soign\u00e9es.\n        <\/p>\n      <\/article>\n\n      <article class=\"answer-card\">\n        <strong>02 \u2014 Clarification de l&rsquo;offre<\/strong>\n        <p>\n          D\u00e9clinaison m\u00e9thodique des propositions cr\u00e9atives pour assurer une parfaite coh\u00e9rence visuelle tout en distinguant chaque produit de la gamme.\n        <\/p>\n      <\/article>\n\n      <article class=\"answer-card\">\n        <strong>03 \u2014 Rigueur d&rsquo;ex\u00e9cution<\/strong>\n        <p>\n          Prototypage technique et cr\u00e9ation des livrables de production pr\u00eats pour l&rsquo;impression, garantissant un rendu final irr\u00e9prochable en rayon.\n        <\/p>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <!-- 03. CONCEPT & VISION -->\n  <section>\n    <div class=\"split\">\n      <div>\n        <div class=\"kicker\">03 \u2014 Direction Cr\u00e9ative<\/div>\n        <p class=\"statement\">\n          Allier <em>authenticit\u00e9 naturelle<\/em> et <em>raffinage haut de gamme<\/em>.\n        <\/p>\n        <p class=\"text\">\n          Chaque d\u00e9tail a \u00e9t\u00e9 pens\u00e9 pour renforcer l&rsquo;aspect premium. Des croquis d&rsquo;intention jusqu&rsquo;\u00e0 la s\u00e9lection finale, le travail de composition graphique donne vie \u00e0 un packaging rassurant, esth\u00e9tique et tr\u00e8s valorisant.\n        <\/p>\n      <\/div>\n\n      <figure class=\"visual-card\">\n        <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Claire-des-Pres-12.jpg\" alt=\"D\u00e9tail du packaging et finitions\">\n      <\/figure>\n    <\/div>\n  <\/section>\n\n  <!-- 04. LE PROCESSUS -->\n  <section id=\"process\" class=\"identity\">\n    <div class=\"section-head\">\n      <div>\n        <div class=\"kicker\">04 \u2014 Processus de cr\u00e9ation<\/div>\n        <h2>Une m\u00e9thodologie structur\u00e9e \u00e9tape par \u00e9tape.<\/h2>\n      <\/div>\n      <p class=\"lead\">\n        Du premier brief jusqu&rsquo;au suivi d&rsquo;ex\u00e9cution, le projet a suivi un fil conducteur clair pour atteindre les objectifs de la 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\/Claire-des-Pres-6.jpg\" alt=\"Croquis et recherche graphique\">\n        <figcaption>\n          <strong>01. Recherche &amp; Conceptualisation.<\/strong>\n          Cadrage administratif, recherche d&rsquo;ambiance graphique et conceptualisation via croquis pr\u00e9paratoires.\n        <\/figcaption>\n      <\/figure>\n\n      <figure class=\"identity-card\">\n        <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Claire-des-Pres-7.jpg\" alt=\"Propositions visuelles et prototypes\">\n        <figcaption>\n          <strong>02. Prototypage &amp; Validation.<\/strong>\n          D\u00e9clinaison de 3 propositions cr\u00e9atives, conception du document de pr\u00e9sentation et prototypes physiques.\n        <\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/section>\n\n  <!-- 05. \u00c9TAPES CL\u00c9S -->\n  <section>\n    <div class=\"section-head\">\n      <div>\n        <div class=\"kicker\">05 \u2014 \u00c9tapes cl\u00e9s<\/div>\n        <h2>Les 4 piliers du projet.<\/h2>\n      <\/div>\n      <p class=\"lead\">\n        Les leviers op\u00e9rationnels d\u00e9ploy\u00e9s pour mener \u00e0 bien la refonte des packagings.\n      <\/p>\n    <\/div>\n\n    <div class=\"principles\">\n      <article class=\"principle\">\n        <span class=\"number\">01<\/span>\n        <h3>Gestion &amp; Cadre<\/h3>\n        <p>Gestion administrative, cadrage du projet et respect du planning de livraison.<\/p>\n      <\/article>\n      <article class=\"principle\">\n        <span class=\"number\">02<\/span>\n        <h3>Exploration<\/h3>\n        <p>Recherche d&rsquo;univers visuels, moodboards et esquisses de concepts packaging.<\/p>\n      <\/article>\n      <article class=\"principle\">\n        <span class=\"number\">03<\/span>\n        <h3>Prototypage<\/h3>\n        <p>Conception de 3 axes visuels, cr\u00e9ation de maquettes volume et support d&rsquo;arbitrage.<\/p>\n      <\/article>\n      <article class=\"principle\">\n        <span class=\"number\">04<\/span>\n        <h3>Livrables<\/h3>\n        <p>S\u00e9lection du concept final et pr\u00e9paration des fichiers d&rsquo;impression HD.<\/p>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <!-- 06. GALERIE VISUELLE -->\n  <section id=\"galerie\">\n    <div class=\"section-head\">\n      <div>\n        <div class=\"kicker\">06 \u2014 Galerie de r\u00e9alisation<\/div>\n        <h2>La gamme Claire des Pr\u00e9s sous tous les angles.<\/h2>\n      <\/div>\n      <p class=\"lead\">\n        Une d\u00e9clinaison coh\u00e9rente apportant harmonie et statut haut de gamme aux produits.\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\/Claire-des-Pres-8-1.jpg\" alt=\"Gamme de packaging Claire des Pr\u00e9s\">\n          <figcaption>D\u00e9clinaison visuelle et coh\u00e9rence d&rsquo;ensemble sur les diff\u00e9rents formats.<\/figcaption>\n        <\/figure>\n\n        <figure>\n          <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Claire-des-Pres-9.jpg\" alt=\"Zoom packaging\">\n          <figcaption>Focus sur le choix des couleurs et la hi\u00e9rarchie de la typographie.<\/figcaption>\n        <\/figure>\n\n        <figure>\n          <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Claire-des-Pres-10.jpg\" alt=\"D\u00e9tail packaging\">\n          <figcaption>Mise en valeur des \u00e9l\u00e9ments de r\u00e9assurance et de la marque.<\/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\/Claire-des-Pres-15.jpg\" alt=\"Mise en sc\u00e8ne produit\">\n          <figcaption>Mise en situation r\u00e9elle pour \u00e9valuer la pr\u00e9sence en lin\u00e9aire.<\/figcaption>\n        <\/figure>\n\n        <figure>\n          <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Claire-des-Pres-16.jpg\" alt=\"Pr\u00e9sentation produit\">\n          <figcaption>Rendu des textures et harmonie de la palette bleu &amp; vert.<\/figcaption>\n        <\/figure>\n\n        <figure>\n          <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Claire-des-Pres-14.jpg\" alt=\"Vue d'ensemble packaging\">\n          <figcaption>Vue d&rsquo;ensemble de la ligne graphique finalis\u00e9e.<\/figcaption>\n        <\/figure>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CONCLUSION -->\n  <section class=\"closing\">\n    <div class=\"kicker\">Conclusion<\/div>\n    <h2>Une gamme transform\u00e9e et valoris\u00e9e.<\/h2>\n    <p>\n      Gr\u00e2ce \u00e0 ce processus complet \u2014 de la recherche conceptuelle aux prototypes finaux \u2014, Claire des Pr\u00e9s dispose d&rsquo;une image de marque modernis\u00e9e, capable de rivaliser avec les standards les plus exigeants du march\u00e9.\n    <\/p>\n  <\/section>\n<\/main>\n","protected":false},"excerpt":{"rendered":"<p>Claire des Pr\u00e9s Le projet Mont\u00e9e en gamme M\u00e9thodologie R\u00e9alisations Packaging &amp; Brand Strategy Repenser le packaging pour sublimer la gamme. Refonte globale des emballages de Claire des Pr\u00e9s pour r\u00e9inventer l&rsquo;exp\u00e9rience produit et imposer une pr\u00e9sence haut de gamme et m\u00e9morable en rayon. Claire des Pr\u00e9s Design Packaging Strat\u00e9gie de Marque Direction Artistique 01 [&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-225","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>Claire des pr\u00e8s - 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\/claire-des-pres\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Claire des pr\u00e8s - Agathe Bordeau Portfolio\" \/>\n<meta property=\"og:description\" content=\"Claire des Pr\u00e9s Le projet Mont\u00e9e en gamme M\u00e9thodologie R\u00e9alisations Packaging &amp; Brand Strategy Repenser le packaging pour sublimer la gamme. Refonte globale des emballages de Claire des Pr\u00e9s pour r\u00e9inventer l&rsquo;exp\u00e9rience produit et imposer une pr\u00e9sence haut de gamme et m\u00e9morable en rayon. Claire des Pr\u00e9s Design Packaging Strat\u00e9gie de Marque Direction Artistique 01 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/\" \/>\n<meta property=\"og:site_name\" content=\"Agathe Bordeau Portfolio\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-31T11:40:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-23T16:28:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Claire-des-Pres-20.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\\\/claire-des-pres\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/claire-des-pres\\\/\"},\"author\":{\"name\":\"AgatheBordeau\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#\\\/schema\\\/person\\\/eb13b6218b056b40331918b3dcb65523\"},\"headline\":\"Claire des pr\u00e8s\",\"datePublished\":\"2026-03-31T11:40:58+00:00\",\"dateModified\":\"2026-08-23T16:28:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/claire-des-pres\\\/\"},\"wordCount\":588,\"image\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/claire-des-pres\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/Claire-des-Pres-20.jpg\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/claire-des-pres\\\/\",\"url\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/claire-des-pres\\\/\",\"name\":\"Claire des pr\u00e8s - Agathe Bordeau Portfolio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/claire-des-pres\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/claire-des-pres\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/Claire-des-Pres-20.jpg\",\"datePublished\":\"2026-03-31T11:40:58+00:00\",\"dateModified\":\"2026-08-23T16:28:21+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#\\\/schema\\\/person\\\/eb13b6218b056b40331918b3dcb65523\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/claire-des-pres\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/claire-des-pres\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/claire-des-pres\\\/#primaryimage\",\"url\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/Claire-des-Pres-20.jpg\",\"contentUrl\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/Claire-des-Pres-20.jpg\",\"width\":1920,\"height\":1595},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/claire-des-pres\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Claire des pr\u00e8s\"}]},{\"@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":"Claire des pr\u00e8s - 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\/claire-des-pres\/","og_locale":"fr_FR","og_type":"article","og_title":"Claire des pr\u00e8s - Agathe Bordeau Portfolio","og_description":"Claire des Pr\u00e9s Le projet Mont\u00e9e en gamme M\u00e9thodologie R\u00e9alisations Packaging &amp; Brand Strategy Repenser le packaging pour sublimer la gamme. Refonte globale des emballages de Claire des Pr\u00e9s pour r\u00e9inventer l&rsquo;exp\u00e9rience produit et imposer une pr\u00e9sence haut de gamme et m\u00e9morable en rayon. Claire des Pr\u00e9s Design Packaging Strat\u00e9gie de Marque Direction Artistique 01 [&hellip;]","og_url":"https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/","og_site_name":"Agathe Bordeau Portfolio","article_published_time":"2026-03-31T11:40:58+00:00","article_modified_time":"2026-08-23T16:28:21+00:00","og_image":[{"url":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Claire-des-Pres-20.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\/claire-des-pres\/#article","isPartOf":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/"},"author":{"name":"AgatheBordeau","@id":"https:\/\/agathebordeau.fr\/portfolio\/#\/schema\/person\/eb13b6218b056b40331918b3dcb65523"},"headline":"Claire des pr\u00e8s","datePublished":"2026-03-31T11:40:58+00:00","dateModified":"2026-08-23T16:28:21+00:00","mainEntityOfPage":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/"},"wordCount":588,"image":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/#primaryimage"},"thumbnailUrl":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Claire-des-Pres-20.jpg","articleSection":["Uncategorized"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/","url":"https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/","name":"Claire des pr\u00e8s - Agathe Bordeau Portfolio","isPartOf":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/#primaryimage"},"image":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/#primaryimage"},"thumbnailUrl":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Claire-des-Pres-20.jpg","datePublished":"2026-03-31T11:40:58+00:00","dateModified":"2026-08-23T16:28:21+00:00","author":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/#\/schema\/person\/eb13b6218b056b40331918b3dcb65523"},"breadcrumb":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/#primaryimage","url":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Claire-des-Pres-20.jpg","contentUrl":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Claire-des-Pres-20.jpg","width":1920,"height":1595},{"@type":"BreadcrumbList","@id":"https:\/\/agathebordeau.fr\/portfolio\/claire-des-pres\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/agathebordeau.fr\/portfolio\/"},{"@type":"ListItem","position":2,"name":"Claire des pr\u00e8s"}]},{"@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\/225","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=225"}],"version-history":[{"count":4,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/posts\/225\/revisions\/368"}],"wp:attachment":[{"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/media?parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/categories?post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/tags?post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}