{"id":215,"date":"2026-03-31T11:29:28","date_gmt":"2026-03-31T11:29:28","guid":{"rendered":"https:\/\/agathebordeau.fr\/portfolio\/?p=215"},"modified":"2026-08-23T16:18:34","modified_gmt":"2026-08-23T16:18:34","slug":"puce-muse","status":"publish","type":"post","link":"https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/","title":{"rendered":"Puce Muse"},"content":{"rendered":"\n<style>\n  :root {\n    \/* PALETTE MONOCHROME MINIMALISTE \/ NOIR, BLANC ET GRIS *\/\n    --brand-dark: #121212;      \/* Noir profond *\/\n    --brand-black: #000000;     \/* Noir pur *\/\n    --gray-dark: #2a2a2a;       \/* Gris tr\u00e8s sombre *\/\n    --gray-mid: #666666;        \/* Gris moyen *\/\n    --gray-light: #e8e8e8;      \/* Gris clair *\/\n    --bg-light: #f7f7f7;        \/* Fond l\u00e9g\u00e8rement gris\u00e9 *\/\n    --bg-pure: #ffffff;         \/* Blanc pur *\/\n    --ink: #171717;             \/* Texte sombre principal *\/\n    --muted: #555555;           \/* Texte secondaire *\/\n    --line: rgba(0, 0, 0, 0.12);\n    --line-dark: rgba(255, 255, 255, 0.15);\n    --radius: 28px;\n    --shadow: 0 24px 70px rgba(0, 0, 0, 0.08);\n  }\n\n  * { box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n  body {\n    margin: 0;\n    color: var(--ink);\n    background: var(--bg-light);\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(0, 0, 0, 0.1);\n    border-radius: 999px;\n    background: rgba(247, 247, 247, 0.88);\n    backdrop-filter: blur(18px);\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);\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(0, 0, 0, 0.06);\n    transition: all 0.2s ease;\n  }\n\n  .nav-back:hover {\n    background: var(--brand-dark);\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-dark);\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    transition: background 0.2s;\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(0, 0, 0, 0.04), transparent 35%),\n      linear-gradient(135deg, var(--bg-pure) 0%, var(--bg-light) 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-dark);\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, 96px);\n    line-height: .92;\n    letter-spacing: -.065em;\n    color: var(--brand-dark);\n  }\n  .hero-intro {\n    max-width: 650px;\n    color: var(--muted);\n    font-size: clamp(18px, 2vw, 22px);\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-dark);\n  }\n  .hero-visual {\n    position: relative;\n    transform: rotate(1deg);\n  }\n  .hero-visual img {\n    width: 100%;\n    border-radius: 8px;\n    box-shadow: var(--shadow);\n  }\n  .orb {\n    position: absolute;\n    width: 180px;\n    height: 180px;\n    border-radius: 50%;\n    background: var(--gray-light);\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(--gray-mid);\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, 68px);\n    line-height: .98;\n    letter-spacing: -.055em;\n    color: var(--brand-dark);\n  }\n  .lead {\n    max-width: 720px;\n    font-size: clamp(20px, 2.2vw, 28px);\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 EN NOIR \/ ANTHRACITE *\/\n  .answer {\n    background: var(--brand-dark);\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(--gray-dark);\n    right: -150px; top: -150px;\n    opacity: .3;\n  }\n  .answer .section-head { position: relative; }\n  .answer h2 { color: #fff; }\n  .answer .kicker { color: var(--gray-light); }\n  .answer .lead { max-width: 820px; color: #ddd; }\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 var(--line-dark);\n    background: rgba(255, 255, 255, 0.04);\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: #ccc;\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, 52px);\n    line-height: 1.05;\n    letter-spacing: -.045em;\n    margin: 0 0 25px;\n    color: var(--brand-dark);\n  }\n  .statement em { color: var(--gray-mid); font-style: normal; text-decoration: underline; text-underline-offset: 6px; }\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(--bg-pure); }\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(--bg-light);\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-dark);\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(--brand-dark);\n    background: #fff;\n    border-radius: 0 0 16px 16px;\n  }\n  .number {\n    font-size: 12px;\n    font-weight: 900;\n    color: var(--gray-mid);\n  }\n  .principle h3 {\n    margin: 28px 0 9px;\n    font-size: 20px;\n    letter-spacing: -.025em;\n    color: var(--brand-dark);\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(0, 0, 0, 0.05);\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: var(--brand-black);\n    color: #fff;\n    text-align: center;\n    padding: 130px 6vw;\n    position: relative;\n    overflow: hidden;\n  }\n  .closing::after {\n    content: \"PUCE MUSE\";\n    position: absolute;\n    font-weight: 900;\n    font-size: 20vw;\n    line-height: .7;\n    letter-spacing: -.1em;\n    color: rgba(255, 255, 255, 0.03);\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n    white-space: nowrap;\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: #bbb;\n    font-size: 18px;\n  }\n\n  footer {\n    padding: 22px 6vw;\n    background: #000000;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    color: var(--gray-mid);\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\n    <div class=\"nav-mark\">Puce Muse<\/div>\n  <\/div>\n\n  <div class=\"nav-links\">\n    <a href=\"#projet\">Projet<\/a>\n    <a href=\"#reponse\">Accompagnement<\/a>\n    <a href=\"#supports\">Supports Print<\/a>\n    <a href=\"#logiciel\">Prototypage<\/a>\n  <\/div>\n<\/nav>\n\n<header class=\"hero\">\n  <div>\n    <span class=\"eyebrow\">Design Graphique &#038; Innovation Musicale<\/span>\n    <h1>Cr\u00e9ation visuelle &#038; d\u00e9veloppement interactif.<\/h1>\n    <p class=\"hero-intro\">\n      Soutien \u00e0 la cr\u00e9ation pour Puce Muse : conception de supports d&rsquo;\u00e9dition percutants et d\u00e9veloppement backend d&rsquo;un logiciel musical innovant.\n    <\/p>\n    <div class=\"hero-meta\">\n      <span class=\"tag\">Puce Muse<\/span>\n      <span class=\"tag\">Design Print<\/span>\n      <span class=\"tag\">Max\/MSP<\/span>\n      <span class=\"tag\">Prototypage Logique<\/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\/Agathe-bordeau-puce-muse.webp\"\n         alt=\"Visuel principal du projet Puce Muse par Agathe Bordeau\">\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 Contextualisation<\/div>\n        <h2>Valoriser l&rsquo;innovation artistique et technologique.<\/h2>\n      <\/div>\n      <div>\n        <p class=\"lead\">\n          Puce Muse explore les fronti\u00e8res entre cr\u00e9ation musicale, arts visuels et technologies interactives. Un positionnement qui exigeait des supports visuels forts et des outils logiciels performants.\n        <\/p>\n        <p class=\"text\">\n          Dans le cadre d&rsquo;un stage de d\u00e9veloppement en soutien \u00e0 la cr\u00e9ation, mon r\u00f4le s&rsquo;est articul\u00e9 autour de deux axes compl\u00e9mentaires : la conception graphique print pour leurs \u00e9v\u00e9nements culturels et l&rsquo;ing\u00e9nierie backend pour le prototypage logiciel.\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\/Puce-Muse-1.jpg\"\n           alt=\"Support d'\u00e9dition Puce Muse\">\n    <\/div>\n  <\/section>\n\n  <section id=\"reponse\" class=\"answer\">\n    <div class=\"section-head\">\n      <div>\n        <div class=\"kicker\">02 \u2014 Solution apport\u00e9e<\/div>\n        <h2>Comment j&rsquo;ai assist\u00e9 Puce Muse \u00e0 produire des supports attractifs et \u00e0 prototyper leur logiciel ?<\/h2>\n      <\/div>\n      <p class=\"lead\">\n        En combinant une direction artistique \u00e9ditoriale rigoureuse pour l&rsquo;\u00e9v\u00e9nementiel et une architecture Max\/MSP flexible pour la cr\u00e9ation musicale.\n      <\/p>\n    <\/div>\n\n    <div class=\"answer-grid\">\n      <article class=\"answer-card\">\n        <strong>01 \u2014 Communication Impactante<\/strong>\n        <p>\n          Conception graphique de supports sur-mesure (flyers, affiches, kakemonos) avec des compositions \u00e9pur\u00e9es et structur\u00e9es, renfor\u00e7ant la visibilit\u00e9 et l&rsquo;attractivit\u00e9 de leurs \u00e9v\u00e9nements.\n        <\/p>\n      <\/article>\n\n      <article class=\"answer-card\">\n        <strong>02 \u2014 Backend Musical Max\/MSP<\/strong>\n        <p>\n          D\u00e9veloppement et structuration de la logique backend de l&rsquo;application \u00ab M\u00e9ta-Texte \u00bb, garantissant le traitement sonore et la manipulation r\u00e9active du texte en temps r\u00e9el.\n        <\/p>\n      <\/article>\n\n      <article class=\"answer-card\">\n        <strong>03 \u2014 Prototypage R&#038;D<\/strong>\n        <p>\n          Cr\u00e9ation d&rsquo;un pont fonctionnel entre l&rsquo;intention artistique de la structure et l&rsquo;ex\u00e9cution technique, permettant d&rsquo;exp\u00e9rimenter et de valider l&rsquo;exp\u00e9rience interactive.\n        <\/p>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section id=\"supports\">\n    <div class=\"split\">\n      <div>\n        <div class=\"kicker\">03 \u2014 \u00c9dition &#038; Print<\/div>\n        <p class=\"statement\">\n          Une identit\u00e9 \u00e9v\u00e9nementielle bas\u00e9e sur le <em>rythme<\/em> et la <em>lisibilit\u00e9<\/em>.\n        <\/p>\n        <p class=\"text\">\n          Chaque support d&rsquo;\u00e9dition (affiches, flyers, kakemonos) a \u00e9t\u00e9 pens\u00e9 pour refl\u00e9ter l&rsquo;avant-garde sonore de Puce Muse. Les jeux typographiques et la hi\u00e9rarchie visuelle guident le regard tout en affirmant un univers contemporain et sobre.\n        <\/p>\n      <\/div>\n\n      <figure class=\"visual-card\">\n        <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Puce-Muse-6-scaled.jpg\"\n             alt=\"Affiche et communication print Puce Muse\">\n      <\/figure>\n    <\/div>\n  <\/section>\n\n  <section id=\"logiciel\" class=\"identity\">\n    <div class=\"section-head\">\n      <div>\n        <div class=\"kicker\">04 \u2014 Prototypage Logiciel<\/div>\n        <h2>Le projet \u00ab M\u00e9ta-Texte \u00bb sous Max\/MSP.<\/h2>\n      <\/div>\n      <p class=\"lead\">\n        Un travail de d\u00e9veloppement backend sur-mesure combinant manipulation sonore et traitement syntaxique.\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\/Puce-Muse-9.jpg\"\n             alt=\"Prototypage du logiciel musical M\u00e9ta-Texte sous Max\/MSP\">\n        <figcaption>\n          <strong>Architecture Max\/MSP.<\/strong>\n          Conception d&rsquo;algorithmes et de flux de donn\u00e9es pour le traitement r\u00e9actif du signal audio et du texte.\n        <\/figcaption>\n      <\/figure>\n\n      <figure class=\"identity-card\">\n        <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Puce-Muse-7.jpg\"\n             alt=\"Support de pr\u00e9sentation Puce Muse\">\n        <figcaption>\n          <strong>Exp\u00e9rimentation interactive.<\/strong>\n          Mise en place de protocoles de test pour valider l&rsquo;ergonomie fonctionnelle de l&rsquo;application musicale.\n        <\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/section>\n\n  <section>\n    <div class=\"section-head\">\n      <div>\n        <div class=\"kicker\">05 \u2014 Axes de r\u00e9alisation<\/div>\n        <h2>Les piliers du travail accompli.<\/h2>\n      <\/div>\n      <p class=\"lead\">\n        Une double comp\u00e9tence entre design d&rsquo;\u00e9dition et ing\u00e9nierie logicielle.\n      <\/p>\n    <\/div>\n\n    <div class=\"principles\">\n      <article class=\"principle\">\n        <span class=\"number\">01<\/span>\n        <h3>Design Print<\/h3>\n        <p>Mise en page \u00e9pur\u00e9e pour flyers, affiches et grands formats (kakemonos).<\/p>\n      <\/article>\n      <article class=\"principle\">\n        <span class=\"number\">02<\/span>\n        <h3>Dev Max\/MSP<\/h3>\n        <p>Programmation temps r\u00e9el et patchs complexes pour \u00ab M\u00e9ta-Texte \u00bb.<\/p>\n      <\/article>\n      <article class=\"principle\">\n        <span class=\"number\">03<\/span>\n        <h3>Clart\u00e9 Visuelle<\/h3>\n        <p>Hi\u00e9rarchie de l&rsquo;information renforc\u00e9e pour capter le public \u00e9v\u00e9nementiel.<\/p>\n      <\/article>\n      <article class=\"principle\">\n        <span class=\"number\">04<\/span>\n        <h3>Synergie R&#038;D<\/h3>\n        <p>Articuler cr\u00e9ativit\u00e9 graphique et rigueur technique au service de la cr\u00e9ation.<\/p>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section>\n    <div class=\"section-head\">\n      <div>\n        <div class=\"kicker\">06 \u2014 Galerie de r\u00e9alisation<\/div>\n        <h2>Aper\u00e7u des visuels et supports.<\/h2>\n      <\/div>\n      <p class=\"lead\">\n        Ensemble des \u00e9l\u00e9ments con\u00e7us pour accompagner la communication et l&rsquo;exp\u00e9rimentation.\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\/Puce-Muse-8.jpg\"\n               alt=\"Mise en page graphique Puce Muse\">\n          <figcaption>D\u00e9clinaisons graphiques pour les \u00e9v\u00e9nements Puce Muse.<\/figcaption>\n        <\/figure>\n\n        <figure>\n          <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Puce-Muse-6-scaled.jpg\"\n               alt=\"Affiche de promotion \u00e9v\u00e9nementielle Puce Muse\">\n          <figcaption>Support d&rsquo;affichage grand format et typographie \u00e9v\u00e9nementielle.<\/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\/Puce-Muse-7.jpg\"\n               alt=\"Interface et communication Puce Muse\">\n          <figcaption>Visualisation et supports promotionnels \u00e9pur\u00e9s.<\/figcaption>\n        <\/figure>\n\n        <figure>\n          <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Agathe-bordeau-puce-muse.webp\"\n               alt=\"Pr\u00e9sentation globale du stage Puce Muse\">\n          <figcaption>Vue d&rsquo;ensemble des r\u00e9alisations graphiques et interactives.<\/figcaption>\n        <\/figure>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"closing\">\n    <div class=\"kicker\">Conclusion<\/div>\n    <h2>Une synergie entre Art &#038; Technologie.<\/h2>\n    <p>\n      L&rsquo;intervention aupr\u00e8s de Puce Muse illustre la compl\u00e9mentarit\u00e9 entre une cr\u00e9ation visuelle \u00e9pur\u00e9e et le d\u00e9veloppement d&rsquo;outils interactifs. En structurant l&rsquo;image \u00e9v\u00e9nementielle et en d\u00e9veloppant le backend du logiciel \u00ab M\u00e9ta-Texte \u00bb, ce projet r\u00e9affirme le r\u00f4le cl\u00e9 du design dans la m\u00e9diation culturelle et l&rsquo;innovation artistique.\n    <\/p>\n  <\/section>\n\n<\/main>\n","protected":false},"excerpt":{"rendered":"<p>Puce Muse Projet Accompagnement Supports Print Prototypage Design Graphique &#038; Innovation Musicale Cr\u00e9ation visuelle &#038; d\u00e9veloppement interactif. Soutien \u00e0 la cr\u00e9ation pour Puce Muse : conception de supports d&rsquo;\u00e9dition percutants et d\u00e9veloppement backend d&rsquo;un logiciel musical innovant. Puce Muse Design Print Max\/MSP Prototypage Logique 01 \u2014 Contextualisation Valoriser l&rsquo;innovation artistique et technologique. Puce Muse explore [&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-215","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>Puce Muse - 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\/puce-muse\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Puce Muse - Agathe Bordeau Portfolio\" \/>\n<meta property=\"og:description\" content=\"Puce Muse Projet Accompagnement Supports Print Prototypage Design Graphique &#038; Innovation Musicale Cr\u00e9ation visuelle &#038; d\u00e9veloppement interactif. Soutien \u00e0 la cr\u00e9ation pour Puce Muse : conception de supports d&rsquo;\u00e9dition percutants et d\u00e9veloppement backend d&rsquo;un logiciel musical innovant. Puce Muse Design Print Max\/MSP Prototypage Logique 01 \u2014 Contextualisation Valoriser l&rsquo;innovation artistique et technologique. Puce Muse explore [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/\" \/>\n<meta property=\"og:site_name\" content=\"Agathe Bordeau Portfolio\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-31T11:29:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-23T16:18:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Agathe-bordeau-puce-muse.webp\" \/>\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\\\/puce-muse\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/puce-muse\\\/\"},\"author\":{\"name\":\"AgatheBordeau\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#\\\/schema\\\/person\\\/eb13b6218b056b40331918b3dcb65523\"},\"headline\":\"Puce Muse\",\"datePublished\":\"2026-03-31T11:29:28+00:00\",\"dateModified\":\"2026-08-23T16:18:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/puce-muse\\\/\"},\"wordCount\":578,\"image\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/puce-muse\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/Agathe-bordeau-puce-muse.webp\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/puce-muse\\\/\",\"url\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/puce-muse\\\/\",\"name\":\"Puce Muse - Agathe Bordeau Portfolio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/puce-muse\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/puce-muse\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/Agathe-bordeau-puce-muse.webp\",\"datePublished\":\"2026-03-31T11:29:28+00:00\",\"dateModified\":\"2026-08-23T16:18:34+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#\\\/schema\\\/person\\\/eb13b6218b056b40331918b3dcb65523\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/puce-muse\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/puce-muse\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/puce-muse\\\/#primaryimage\",\"url\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/Agathe-bordeau-puce-muse.webp\",\"contentUrl\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/Agathe-bordeau-puce-muse.webp\",\"width\":1625,\"height\":1151},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/puce-muse\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Puce Muse\"}]},{\"@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":"Puce Muse - 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\/puce-muse\/","og_locale":"fr_FR","og_type":"article","og_title":"Puce Muse - Agathe Bordeau Portfolio","og_description":"Puce Muse Projet Accompagnement Supports Print Prototypage Design Graphique &#038; Innovation Musicale Cr\u00e9ation visuelle &#038; d\u00e9veloppement interactif. Soutien \u00e0 la cr\u00e9ation pour Puce Muse : conception de supports d&rsquo;\u00e9dition percutants et d\u00e9veloppement backend d&rsquo;un logiciel musical innovant. Puce Muse Design Print Max\/MSP Prototypage Logique 01 \u2014 Contextualisation Valoriser l&rsquo;innovation artistique et technologique. Puce Muse explore [&hellip;]","og_url":"https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/","og_site_name":"Agathe Bordeau Portfolio","article_published_time":"2026-03-31T11:29:28+00:00","article_modified_time":"2026-08-23T16:18:34+00:00","og_image":[{"url":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Agathe-bordeau-puce-muse.webp","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\/puce-muse\/#article","isPartOf":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/"},"author":{"name":"AgatheBordeau","@id":"https:\/\/agathebordeau.fr\/portfolio\/#\/schema\/person\/eb13b6218b056b40331918b3dcb65523"},"headline":"Puce Muse","datePublished":"2026-03-31T11:29:28+00:00","dateModified":"2026-08-23T16:18:34+00:00","mainEntityOfPage":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/"},"wordCount":578,"image":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/#primaryimage"},"thumbnailUrl":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Agathe-bordeau-puce-muse.webp","articleSection":["Uncategorized"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/","url":"https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/","name":"Puce Muse - Agathe Bordeau Portfolio","isPartOf":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/#primaryimage"},"image":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/#primaryimage"},"thumbnailUrl":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Agathe-bordeau-puce-muse.webp","datePublished":"2026-03-31T11:29:28+00:00","dateModified":"2026-08-23T16:18:34+00:00","author":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/#\/schema\/person\/eb13b6218b056b40331918b3dcb65523"},"breadcrumb":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/#primaryimage","url":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Agathe-bordeau-puce-muse.webp","contentUrl":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Agathe-bordeau-puce-muse.webp","width":1625,"height":1151},{"@type":"BreadcrumbList","@id":"https:\/\/agathebordeau.fr\/portfolio\/puce-muse\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/agathebordeau.fr\/portfolio\/"},{"@type":"ListItem","position":2,"name":"Puce Muse"}]},{"@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\/215","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=215"}],"version-history":[{"count":6,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/posts\/215\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/posts\/215\/revisions\/361"}],"wp:attachment":[{"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/media?parent=215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/categories?post=215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/tags?post=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}