{
  "_lisezmoi": "Contenu editable du portfolio. Modifier ce fichier suffit : pas de build. Regles : aucun chiffre dans les resultats (formulation qualitative uniquement), jamais de client Technidata nomme. {client} est remplace par le nom du client, ou par sa version anonyme si SHOW_CLIENT_NAMES vaut false.",
  "SHOW_CLIENT_NAMES": true,
  "filtres": [
    {
      "id": "tous",
      "label": "Tous"
    },
    {
      "id": "data",
      "label": "Data"
    },
    {
      "id": "marketing",
      "label": "Marketing"
    },
    {
      "id": "web",
      "label": "Web"
    },
    {
      "id": "ia",
      "label": "IA"
    },
    {
      "id": "video",
      "label": "Vidéo"
    }
  ],
  "projets": [
    {
      "id": "webia",
      "client": "WebIA",
      "clientAnonyme": "WebIA",
      "anonymisable": false,
      "titre": "WebIA, mon agence web pour artisans et commerçants",
      "resume": "J'ai lancé une agence qui crée des sites pour les TPE, avec un simulateur de devis et une prospection assistée par IA.",
      "categories": [
        "web",
        "ia",
        "marketing"
      ],
      "outils": [
        "PHP",
        "Stripe",
        "Claude"
      ],
      "tendance": {
        "texte": "Clients et visibilité",
        "mot": "en croissance",
        "statut": "ok"
      },
      "visuel": {
        "type": "capture",
        "dossier": "assets/projets/webia",
        "alt": "Page d'accueil du site WebIA : « Des sites qui vous amènent des clients »"
      },
      "panneau": {
        "enClair": "Une agence qui fait gagner des clients aux artisans grâce à un site simple et bien référencé.",
        "probleme": "Beaucoup d'artisans et de commerçants n'ont pas de site, ou un site qui ne leur apporte personne.",
        "action": "J'ai créé l'agence et son site : un simulateur de devis en ligne, une prospection guidée par l'IA pour repérer les commerces sans site, et des vidéos TikTok générées par IA pour se faire connaître.",
        "outils": [
          "PHP",
          "Stripe",
          "Claude",
          "Claude Code",
          "Higgsfield",
          "Infomaniak"
        ],
        "resultat": "Clients et visibilité de l'agence en croissance."
      },
      "liens": [
        {
          "label": "Voir webia-up.fr",
          "url": "https://webia-up.fr/",
          "client": false
        }
      ]
    },
    {
      "id": "eva",
      "client": "L'institut makeup by Eva",
      "clientAnonyme": "Un institut de beauté",
      "anonymisable": true,
      "titre": "La réservation en ligne pour un institut de beauté",
      "resume": "J'ai conçu le site et une web app de réservation : calendrier, cartes cadeaux et rappels par e-mail.",
      "categories": [
        "web",
        "marketing"
      ],
      "outils": [
        "PHP",
        "JavaScript",
        "Infomaniak"
      ],
      "tendance": {
        "texte": "Réservations en ligne",
        "mot": "en croissance",
        "statut": "ok"
      },
      "visuel": {
        "type": "capture",
        "dossier": "assets/projets/eva",
        "marque": true,
        "alt": "Module de réservation en ligne de l'institut : choix de la prestation"
      },
      "panneau": {
        "enClair": "Les clientes réservent seules, à toute heure, sans avoir à appeler.",
        "probleme": "Les rendez-vous se prenaient par téléphone et par messages : un agenda tenu à la main et une professionnelle interrompue en plein soin.",
        "action": "Un site vitrine pour {client} et une web app de réservation développée sur mesure : choix des prestations, vrais créneaux disponibles, confirmation immédiate, cartes cadeaux et rappels automatiques par e-mail.",
        "outils": [
          "PHP",
          "JavaScript",
          "HTML / CSS",
          "Infomaniak"
        ],
        "resultat": "Réservations en ligne en croissance, moins d'interruptions pendant les soins."
      },
      "liens": [
        {
          "label": "Voir le site",
          "url": "https://makeupbyeva.fr/",
          "client": true
        },
        {
          "label": "Essayer la réservation",
          "url": "https://evamakeup.flocardr.fr/",
          "client": true
        }
      ]
    },
    {
      "id": "technidata",
      "client": "Technidata",
      "clientAnonyme": "Technidata",
      "anonymisable": false,
      "titre": "Marketing et données pour un éditeur de logiciels de santé",
      "resume": "En alternance, je participe à la refonte du site sous Webflow, je paramètre HubSpot et je suis les KPI marketing.",
      "categories": [
        "data",
        "marketing"
      ],
      "outils": [
        "HubSpot",
        "Webflow",
        "Google Analytics 4"
      ],
      "tendance": {
        "texte": "Leads et visibilité",
        "mot": "en progression",
        "statut": "ok"
      },
      "visuel": {
        "type": "monogramme",
        "texte": "TD",
        "alt": ""
      },
      "panneau": {
        "enClair": "J'aide une entreprise du logiciel médical à mieux se faire connaître et à mieux suivre ses contacts.",
        "probleme": "Un site corporate à moderniser et des contacts commerciaux à mieux organiser et à mieux suivre.",
        "action": "Refonte du site corporate sous Webflow, paramétrage de HubSpot (campagnes, pipeline de leads, segmentation) et tableaux de bord de suivi des KPI : trafic, leads, conversions, visibilité SEO.",
        "outils": [
          "HubSpot",
          "Webflow",
          "Google Analytics 4",
          "Google Search Console"
        ],
        "resultat": "Leads et visibilité en progression.",
        "note": "Description volontairement générique : aucun client, partenaire ni donnée interne n'est mentionné."
      },
      "liens": []
    },
    {
      "id": "buena-aventura",
      "client": "Buena Aventura",
      "clientAnonyme": "Un food truck",
      "anonymisable": true,
      "titre": "Les précommandes d'un food truck, envoyées sur WhatsApp",
      "resume": "J'ai créé le site et un module de précommande qui envoie la commande, déjà rédigée, sur WhatsApp.",
      "categories": [
        "web",
        "marketing"
      ],
      "outils": [
        "HTML / CSS",
        "JavaScript",
        "WhatsApp"
      ],
      "tendance": {
        "texte": "Précommandes",
        "mot": "en hausse",
        "statut": "ok"
      },
      "visuel": {
        "type": "capture",
        "dossier": "assets/projets/buena-aventura",
        "marque": true,
        "alt": "Page d'accueil du food truck : « Cuisine maison là où vous êtes »"
      },
      "panneau": {
        "enClair": "Les clients savent où trouver le camion et commandent en deux clics.",
        "probleme": "Un camion qui change d'emplacement : il fallait savoir où le trouver, puis appeler pour commander.",
        "action": "Un site pour {client} qui indique où se trouve le camion, et une précommande en formulaire : le client compose sa commande, elle part toute rédigée sur WhatsApp.",
        "outils": [
          "HTML / CSS",
          "JavaScript",
          "WhatsApp"
        ],
        "resultat": "Précommandes en hausse."
      },
      "liens": [
        {
          "label": "Voir le site",
          "url": "https://buenaaventura.fr/",
          "client": true
        }
      ]
    },
    {
      "id": "garampon",
      "client": "Garampon TP",
      "clientAnonyme": "Une entreprise de travaux publics",
      "anonymisable": true,
      "titre": "Un nouveau site pour une entreprise de travaux publics",
      "resume": "J'ai refait le site de zéro : carte des zones d'intervention, page recrutement et référencement local.",
      "categories": [
        "web",
        "marketing"
      ],
      "outils": [
        "JavaScript",
        "OpenStreetMap",
        "SEO local"
      ],
      "tendance": {
        "texte": "Mise en ligne en cours",
        "statut": "en-cours"
      },
      "visuel": {
        "type": "capture",
        "dossier": "assets/projets/garampon",
        "marque": true,
        "alt": "Page d'accueil du site : « Terrassement, canalisations et aménagements extérieurs à Vaulnaveys-le-Haut »"
      },
      "panneau": {
        "enClair": "Un site qui montre où l'entreprise intervient et qui aide à recruter.",
        "probleme": "Un ancien site WordPress à remplacer, sans perdre le référencement déjà acquis.",
        "action": "Site reconstruit de zéro pour {client}, à Vaulnaveys-le-Haut : carte dynamique des zones d'intervention, page recrutement, référencement local ciblé, et chaque ancienne adresse redirigée pour conserver le référencement.",
        "outils": [
          "JavaScript",
          "OpenStreetMap",
          "SEO local",
          "Infomaniak"
        ],
        "resultat": "Mise en ligne en cours : les résultats seront suivis après la bascule."
      },
      "liens": [
        {
          "label": "Voir le nouveau site",
          "url": "https://webia.flocardr.fr/Site%20D%C3%A9mo/garampontp/",
          "client": true
        }
      ]
    },
    {
      "id": "france-apiculture",
      "client": "France Apiculture",
      "clientAnonyme": "Une entreprise apicole",
      "anonymisable": true,
      "titre": "Une boutique en ligne qu'on met à jour depuis Excel",
      "resume": "J'ai développé une boutique sur mesure dont les produits et les contenus se gèrent depuis un fichier Excel.",
      "categories": [
        "web",
        "data"
      ],
      "outils": [
        "JavaScript",
        "Excel",
        "HTML / CSS"
      ],
      "tendance": {
        "texte": "Mise en ligne en préparation",
        "statut": "en-cours"
      },
      "visuel": {
        "type": "image",
        "src": "assets/projets/france-apiculture/visuel-1280w.webp",
        "src640": "assets/projets/france-apiculture/visuel-640w.webp",
        "largeur": 1280,
        "hauteur": 720,
        "marque": false,
        "alt": "Animation produit : un pot de miel sur une table en bois"
      },
      "panneau": {
        "enClair": "Une boutique que l'équipe met à jour elle-même, sans back-office compliqué.",
        "probleme": "Remplacer un site WordPress par une boutique plus simple à faire vivre, sans imposer d'outil d'administration.",
        "action": "Front développé sur mesure pour {client}, alimenté par un fichier Excel : on modifie un tableau, la boutique se met à jour. Chaque ancienne adresse est conservée pour ne pas perdre le référencement.",
        "outils": [
          "JavaScript",
          "Excel",
          "HTML / CSS"
        ],
        "resultat": "Mise en ligne en préparation : les résultats seront suivis après la bascule."
      },
      "liens": []
    },
    {
      "id": "videos",
      "client": "Cartint, France Apiculture et WebIA",
      "clientAnonyme": "plusieurs commerces et WebIA",
      "anonymisable": true,
      "titre": "Des vidéos de marque créées avec l'IA",
      "resume": "J'ai produit des stories Instagram, une animation produit et les films de la marque WebIA avec des outils d'IA.",
      "categories": [
        "video",
        "ia",
        "marketing"
      ],
      "outils": [
        "Higgsfield",
        "Claude Design",
        "Stories & Reels"
      ],
      "tendance": {
        "texte": "Engagement",
        "mot": "en hausse",
        "statut": "ok"
      },
      "visuel": {
        "type": "image",
        "src": "assets/videos/webia/film-16x9.webp",
        "src640": "assets/videos/webia/film-16x9.webp",
        "largeur": 1280,
        "hauteur": 720,
        "marque": false,
        "alt": "Image du film WebIA : « Internet ne dort jamais »"
      },
      "panneau": {
        "enClair": "Des vidéos courtes, prêtes à publier, produites sans tournage.",
        "probleme": "Des commerces qui ont besoin de vidéos régulières pour les réseaux, sans budget de tournage.",
        "action": "Pour {client} : stories et Reels sur les offres du moment, animation d'une photo produit, et films de marque de 30 secondes en 16:9 et en 9:16.",
        "outils": [
          "Higgsfield",
          "Claude Design",
          "Montage vidéo"
        ],
        "resultat": "Engagement sur les réseaux en hausse."
      },
      "videos": [
        {
          "titre": "Film WebIA, 16:9",
          "src": "assets/videos/webia/film-16x9.mp4",
          "poster": "assets/videos/webia/film-16x9.webp",
          "ratio": "16/9",
          "client": false
        },
        {
          "titre": "Film WebIA, 9:16",
          "src": "assets/videos/webia/film-9x16.mp4",
          "poster": "assets/videos/webia/film-9x16.webp",
          "ratio": "9/16",
          "client": false
        },
        {
          "titre": "Cartint : vitres teintées",
          "src": "assets/videos/cartint/vitres-teintees.mp4",
          "poster": "assets/videos/cartint/vitres-teintees.webp",
          "ratio": "9/16",
          "client": true
        },
        {
          "titre": "Cartint : pare-brise",
          "src": "assets/videos/cartint/pare-brise.mp4",
          "poster": "assets/videos/cartint/pare-brise.webp",
          "ratio": "9/16",
          "client": true
        },
        {
          "titre": "Cartint : parrainage",
          "src": "assets/videos/cartint/parrainage.mp4",
          "poster": "assets/videos/cartint/parrainage.webp",
          "ratio": "9/16",
          "client": true
        },
        {
          "titre": "France Apiculture : animation produit",
          "src": "assets/videos/france-apiculture/animation.mp4",
          "poster": "assets/videos/france-apiculture/animation.webp",
          "ratio": "16/9",
          "client": true
        }
      ],
      "liens": []
    },
    {
      "id": "luxstay",
      "client": "ESD Lyon, module IA",
      "clientAnonyme": "ESD Lyon, module IA",
      "anonymisable": false,
      "titre": "Pourquoi les annulations d'un hôtel explosent",
      "resume": "En cours d'IA à l'ESD, j'ai analysé la base de réservations de l'hôtel LuxStay pour trouver d'où venait la hausse des annulations.",
      "categories": [
        "data",
        "ia"
      ],
      "outils": [
        "Python",
        "Claude",
        "Dataviz"
      ],
      "tendance": {
        "texte": "Analyse assistée par IA",
        "mot": "en progression",
        "statut": "ok"
      },
      "visuel": {
        "type": "monogramme",
        "texte": "LS",
        "alt": ""
      },
      "panneau": {
        "enClair": "J'ai trouvé l'endroit précis où l'hôtel perdait ses clients, et ce qu'il fallait faire dès le lundi matin.",
        "probleme": "Le directeur des opérations de l'hôtel LuxStay voit les annulations exploser alors que les réservations progressent. D'où vient la hausse, et où agir ?",
        "action": "Cas pratique mené avec le professeur du module IA : préparation de la base de réservations, comparaison d'une année sur l'autre, recherche du segment responsable avec l'IA en copilote (journal de bord des prompts, calculs rejoués en Python), puis restitution en support oral animé.",
        "outils": [
          "Python",
          "Claude",
          "Excel",
          "Dataviz"
        ],
        "resultat": "Cause identifiée : la hausse vient presque entièrement des réservations en ligne faites longtemps à l'avance. Ailleurs, les annulations restent stables.",
        "note": "Données publiques uniquement (jeu de données Hotel Booking Demand). LuxStay est le nom fictif de l'hôtel du cas pratique."
      },
      "liens": []
    },
    {
      "id": "bde-taos",
      "client": "BDE TAOS, ESD Lyon",
      "clientAnonyme": "BDE TAOS, ESD Lyon",
      "anonymisable": false,
      "titre": "L'application du bureau des étudiants de l'ESD Lyon",
      "resume": "J'ai développé la web app du BDE : soirées, carte des bars partenaires, billetterie et notifications, installable sur téléphone.",
      "categories": [
        "web",
        "ia"
      ],
      "outils": [
        "Next.js",
        "Supabase",
        "Vercel"
      ],
      "tendance": {
        "texte": "Communauté étudiante",
        "mot": "en croissance",
        "statut": "ok"
      },
      "visuel": {
        "type": "capture",
        "dossier": "assets/projets/bde-taos",
        "marque": false,
        "alt": "Accueil de l'application du BDE : « Ça bouge cette semaine »"
      },
      "panneau": {
        "enClair": "Tout ce que propose le BDE, au même endroit, dans le téléphone des étudiants.",
        "probleme": "Rassembler en un seul endroit tout ce que propose le BDE : soirées, bars partenaires, billetterie et annonces.",
        "action": "Une web app pensée d'abord pour le mobile et installable comme une application : agenda des événements, carte de Lyon des bars partenaires, billetterie, annonces et notifications. Développée avec Claude Code, testée automatiquement sur mobile et sur ordinateur, avec un audit d'accessibilité.",
        "outils": [
          "Next.js",
          "Supabase",
          "Vercel",
          "Claude Code",
          "Playwright"
        ],
        "resultat": "Communauté étudiante en croissance, une seule adresse pour toute la vie du BDE."
      },
      "liens": [
        {
          "label": "Ouvrir l'application",
          "url": "https://bde-taos.vercel.app/",
          "client": false
        }
      ]
    },
    {
      "id": "esd-data",
      "client": "ESD Lyon, Mastère Data",
      "clientAnonyme": "ESD Lyon, Mastère Data",
      "anonymisable": false,
      "titre": "Les bases de la data science, en ateliers",
      "resume": "En Mastère, j'ai enchaîné les ateliers data : modéliser une base, analyser des données bancaires, interroger des API et lire un trafic web.",
      "categories": [
        "data"
      ],
      "outils": [
        "SQL",
        "Python",
        "Jupyter"
      ],
      "tendance": {
        "texte": "Compétences data",
        "mot": "en progression",
        "statut": "ok"
      },
      "visuel": {
        "type": "monogramme",
        "texte": "M1",
        "alt": ""
      },
      "panneau": {
        "enClair": "Les fondations techniques de la data, travaillées sur de vrais jeux de données.",
        "probleme": "Passer de la théorie à la pratique sur des données réelles, du modèle de base de données jusqu'à la présentation des résultats.",
        "action": "Ateliers du Mastère Data : modélisation d'une base de données, analyse de données bancaires, étude d'un jeu de données de speed dating présentée à l'oral, requêtes d'API en Python, et analyse d'audience avec Google Analytics.",
        "outils": [
          "SQL",
          "Python",
          "Jupyter",
          "Google Analytics 4"
        ],
        "resultat": "Compétences data en progression, sur toute la chaîne : stocker, interroger, analyser, présenter."
      },
      "liens": []
    },
    {
      "id": "autogenerator",
      "client": "un réseau de distribution de pièces auto",
      "clientAnonyme": "un réseau de distribution de pièces auto",
      "anonymisable": false,
      "titre": "Des reportings commerciaux qui se font tout seuls",
      "resume": "Pendant un stage, j'ai créé un portail qui transforme des exports bruts en tableaux de bord et en reportings automatiques.",
      "categories": [
        "data",
        "web"
      ],
      "outils": [
        "Python",
        "SQL",
        "JavaScript"
      ],
      "tendance": {
        "texte": "Temps libéré pour les équipes",
        "mot": "en hausse",
        "statut": "ok"
      },
      "visuel": {
        "type": "image",
        "src": "assets/autogenerator-1280w.webp",
        "src640": "assets/autogenerator-640w.webp",
        "largeur": 1280,
        "hauteur": 536,
        "marque": false,
        "alt": "Tableau de bord du portail AutoGenerator"
      },
      "panneau": {
        "enClair": "Les commerciaux ont leurs chiffres à jour sans les recalculer à la main.",
        "probleme": "Pour {client}, les reportings étaient refaits à la main chaque mois à partir d'exports bruts, avec des écarts d'une agence à l'autre.",
        "action": "Un portail qui récupère les exports, nettoie et croise les données, puis génère tableaux de bord, reportings et supports de vente en un clic.",
        "outils": [
          "Python",
          "SQL",
          "JavaScript"
        ],
        "resultat": "Temps libéré pour les équipes en hausse, une seule source de données pour tout le réseau."
      },
      "liens": [
        {
          "label": "Lire l'étude de cas",
          "url": "projets/autogenerator.html",
          "client": false
        },
        {
          "label": "Voir le portail",
          "url": "https://autogenerator.flocardr.fr/",
          "client": false
        }
      ]
    },
    {
      "id": "personnage-ia",
      "client": "Projet personnel",
      "clientAnonyme": "Projet personnel",
      "anonymisable": false,
      "titre": "Un personnage créé par IA pour les réseaux",
      "resume": "J'ai créé un personnage virtuel avec Higgsfield et des vidéos courtes pensées pour circuler sur les réseaux.",
      "categories": [
        "ia",
        "video"
      ],
      "outils": [
        "Higgsfield",
        "Claude",
        "Vidéo courte"
      ],
      "tendance": {
        "texte": "Audience",
        "mot": "en croissance",
        "statut": "ok"
      },
      "visuel": {
        "type": "monogramme",
        "texte": "IA",
        "alt": ""
      },
      "panneau": {
        "enClair": "Un personnage inventé de A à Z, qui publie des vidéos et attire une audience.",
        "probleme": "Tester jusqu'où l'IA peut porter un format viral, avec un personnage cohérent d'une vidéo à l'autre.",
        "action": "Création du personnage et de son identité visuelle avec Higgsfield, écriture des formats courts avec Claude, puis publication et ajustements selon les réactions.",
        "outils": [
          "Higgsfield",
          "Claude"
        ],
        "resultat": "Audience en croissance."
      },
      "liens": []
    },
    {
      "id": "karlos-gil",
      "client": "Karlos Gil",
      "clientAnonyme": "un artiste",
      "anonymisable": false,
      "titre": "Un site d'artiste pensé comme un terminal",
      "resume": "J'ai refait l'identité en ligne d'un artiste : un site qui se navigue comme une ligne de commande, avec des vidéos générées par IA.",
      "categories": [
        "ia",
        "web"
      ],
      "outils": [
        "JavaScript",
        "Vidéo IA",
        "Direction artistique"
      ],
      "tendance": {
        "texte": "Identité en ligne",
        "mot": "renforcée",
        "statut": "ok"
      },
      "visuel": {
        "type": "image",
        "src": "assets/karlosgil-1280w.webp",
        "src640": "assets/karlosgil-640w.webp",
        "largeur": 1280,
        "hauteur": 700,
        "marque": false,
        "alt": "Site de l'artiste en interface de terminal"
      },
      "panneau": {
        "enClair": "Un site qui ressemble à l'œuvre de l'artiste au lieu de simplement la montrer.",
        "probleme": "Un artiste qui travaille sur l'obsolescence numérique, avec un site classique qui ne disait rien de son propos.",
        "action": "Refonte « tech-noir » pour {client} : un site qui se parcourt comme un terminal de commande, et des contenus vidéo générés par IA.",
        "outils": [
          "JavaScript",
          "Vidéo IA",
          "Direction artistique"
        ],
        "resultat": "Identité en ligne renforcée."
      },
      "liens": [
        {
          "label": "Explorer le site",
          "url": "https://karlosgil.flocardr.fr/",
          "client": false
        }
      ]
    },
    {
      "id": "bmw-heritage",
      "client": "Projet d'école",
      "clientAnonyme": "Projet d'école",
      "anonymisable": false,
      "titre": "Une app pour l'entretien des voitures de collection",
      "resume": "Projet d'école : j'ai conçu une app et des étiquettes connectées pour retracer l'historique d'une voiture ancienne.",
      "categories": [
        "web",
        "marketing"
      ],
      "outils": [
        "Figma",
        "UX Research",
        "NFC"
      ],
      "tendance": {
        "texte": "Compétences UX",
        "mot": "en progression",
        "statut": "ok"
      },
      "visuel": {
        "type": "image",
        "src": "assets/appbmw-1280w.webp",
        "src640": "assets/appbmw-640w.webp",
        "largeur": 1280,
        "hauteur": 670,
        "marque": false,
        "alt": "Maquettes de l'application BMW Heritage"
      },
      "panneau": {
        "enClair": "L'historique d'entretien d'une voiture de collection, toujours à portée de main.",
        "probleme": "Les carnets d'entretien papier se perdent, et avec eux une partie de la valeur du véhicule.",
        "action": "Concept d'écosystème : une app mobile (suivi, scanner en réalité augmentée) reliée à des supports physiques connectés en NFC, du positionnement jusqu'aux maquettes.",
        "outils": [
          "Figma",
          "UX Research",
          "NFC"
        ],
        "resultat": "Compétences UX et stratégie en progression.",
        "note": "Projet d'école, sans lien avec la marque."
      },
      "liens": [
        {
          "label": "Lire l'étude de cas",
          "url": "projets/bmw-heritage.html",
          "client": false
        },
        {
          "label": "Voir le dossier",
          "url": "https://bmwheritage.flocardr.fr/",
          "client": false
        }
      ]
    }
  ],
  "ia": {
    "contextes": [
      {
        "id": "data",
        "label": "Data",
        "contexte": "Des données à faire parler : la base ouverte FINESS des établissements de santé, ou les réservations d'un hôtel dont les annulations explosent (cas LuxStay, ESD).",
        "agent": "Analyse assistée par IA : nettoyage, cartographie, génération de requêtes SQL et de scripts Python, tableaux de bord.",
        "impact": "Analyses plus rapides et reproductibles, en progression.",
        "flux": {
          "contexte": "Données ouvertes",
          "agent": "Agent d'analyse",
          "outils": "Claude · Python · SQL",
          "livrable": "Diagnostic et dashboard"
        }
      },
      {
        "id": "marketing",
        "label": "Marketing",
        "contexte": "Des contenus à décliner sur plusieurs formats et plusieurs langues, et des leads à suivre.",
        "agent": "Génération et adaptation de contenus, vidéos IA, automatisation HubSpot, prospection basée sur des signaux, doublage vidéo avec clonage de voix.",
        "impact": "Production de contenus et suivi des leads en hausse.",
        "flux": {
          "contexte": "Brief de campagne",
          "agent": "Agent de contenu",
          "outils": "HubSpot · Higgsfield · Claude",
          "livrable": "Contenus prêts à publier"
        }
      },
      {
        "id": "web",
        "label": "Web & dev",
        "contexte": "Des sites et des outils à livrer vite pour des TPE, sans sacrifier la qualité.",
        "agent": "Développement avec Claude Code, skills et briefs d'agents sur mesure (par exemple un skill de site 3D), design et animation avec Claude Design.",
        "impact": "Rythme de livraison en hausse, qualité vérifiée à chaque étape.",
        "flux": {
          "contexte": "Besoin client",
          "agent": "Agent de développement",
          "outils": "Claude Code · Claude Design",
          "livrable": "Site testé et en ligne"
        }
      }
    ],
    "gardeFous": "Je ne prompte pas, je conçois des agents adaptés au contexte, avec garde-fous : données fictives ou anonymisées, relecture humaine."
  },
  "outils": {
    "domainesSuivis": [
      "trafic",
      "leads",
      "conversions",
      "visibilité SEO",
      "engagement"
    ],
    "categories": [
      {
        "label": "Analytics & SEO",
        "items": [
          {
            "nom": "Google Analytics 4",
            "usage": "Suivi du trafic, des conversions et des parcours de visite."
          },
          {
            "nom": "Google Search Console",
            "usage": "Audit SEO et suivi de la visibilité dans Google."
          },
          {
            "nom": "Google Tag Manager",
            "usage": "Balisage des événements et des conversions sans toucher au code du site."
          },
          {
            "nom": "Matomo",
            "usage": "Mesure d'audience respectueuse de la vie privée, hébergée en Europe."
          },
          {
            "nom": "Webflow Analytics",
            "usage": "Fréquentation et pages qui performent sur un site Webflow."
          },
          {
            "nom": "Statistiques Infomaniak",
            "usage": "Fréquentation des sites hébergés, sans outil tiers."
          },
          {
            "nom": "Looker Studio",
            "usage": "Tableaux de bord marketing partagés, alimentés en direct."
          },
          {
            "nom": "Semrush",
            "usage": "Mots-clés, positionnement et veille concurrentielle."
          },
          {
            "nom": "Screaming Frog",
            "usage": "Crawl technique : liens cassés, balises, redirections."
          },
          {
            "nom": "Lighthouse",
            "usage": "Performance, accessibilité et SEO technique mesurés."
          },
          {
            "nom": "Microsoft Clarity",
            "usage": "Cartes de chaleur et sessions pour comprendre l'usage réel."
          }
        ]
      },
      {
        "label": "Marketing, CRM & e-mailing",
        "items": [
          {
            "nom": "HubSpot",
            "usage": "Campagnes, pipeline de leads, segmentation et workflows."
          },
          {
            "nom": "Webflow",
            "usage": "Refonte et animation de site corporate."
          },
          {
            "nom": "Brevo",
            "usage": "Campagnes e-mail et SMS, scénarios automatisés."
          },
          {
            "nom": "Mailchimp",
            "usage": "Newsletters, segmentation d'audience et tests A/B."
          },
          {
            "nom": "Infomaniak Newsletter",
            "usage": "Envoi de newsletters hébergées en Europe."
          },
          {
            "nom": "Meta Business Suite",
            "usage": "Programmation et suivi des publications Facebook et Instagram."
          }
        ]
      },
      {
        "label": "Automatisation",
        "items": [
          {
            "nom": "n8n",
            "usage": "Workflows qui relient CRM, formulaires, IA et e-mails."
          },
          {
            "nom": "Make",
            "usage": "Scénarios d'automatisation sans code entre applications."
          },
          {
            "nom": "Zapier",
            "usage": "Connexions rapides entre outils SaaS."
          },
          {
            "nom": "Workflows HubSpot",
            "usage": "Nurturing, attribution des leads et relances automatiques."
          },
          {
            "nom": "API REST & webhooks",
            "usage": "Faire dialoguer les outils entre eux."
          }
        ]
      },
      {
        "label": "Data & BI",
        "items": [
          {
            "nom": "pandas",
            "usage": "Nettoyage, croisement et analyse de tableaux de données."
          },
          {
            "nom": "Jupyter",
            "usage": "Notebooks d'analyse reproductibles."
          },
          {
            "nom": "Excel & Power Query",
            "usage": "Préparation des données et tableaux croisés."
          },
          {
            "nom": "Google Sheets",
            "usage": "Données partagées et suivis collaboratifs."
          },
          {
            "nom": "Power BI",
            "usage": "Tableaux de bord interactifs et modèles de données."
          },
          {
            "nom": "Supabase",
            "usage": "Base PostgreSQL et authentification pour web apps."
          }
        ]
      },
      {
        "label": "Développement",
        "items": [
          {
            "nom": "HTML",
            "usage": "Pages structurées, accessibles et bien référencées."
          },
          {
            "nom": "CSS",
            "usage": "Mises en page responsive et systèmes de design."
          },
          {
            "nom": "JavaScript",
            "usage": "Interactions, outils sur mesure et web apps."
          },
          {
            "nom": "Python",
            "usage": "Scripts d'analyse, d'automatisation et de traitement."
          },
          {
            "nom": "SQL",
            "usage": "Requêtes et agrégations pour alimenter les tableaux de bord."
          },
          {
            "nom": "PHP",
            "usage": "Formulaires, réservation et back-ends légers."
          },
          {
            "nom": "Next.js",
            "usage": "Web apps React rendues côté serveur."
          },
          {
            "nom": "Git & GitHub",
            "usage": "Versionner le code et travailler à plusieurs."
          },
          {
            "nom": "Playwright",
            "usage": "Tests automatiques et captures sur mobile et ordinateur."
          }
        ]
      },
      {
        "label": "IA",
        "items": [
          {
            "nom": "Claude",
            "usage": "Analyse, rédaction et conception d'agents adaptés au contexte."
          },
          {
            "nom": "Claude Code",
            "usage": "Développement assisté et skills d'agents sur mesure."
          },
          {
            "nom": "Claude Design",
            "usage": "Maquettes, design d'interface et animation."
          },
          {
            "nom": "ChatGPT",
            "usage": "Idéation, rédaction et analyse rapide."
          },
          {
            "nom": "Codex",
            "usage": "Génération et revue de code."
          },
          {
            "nom": "Perplexity",
            "usage": "Recherche sourcée et veille."
          },
          {
            "nom": "Gemini",
            "usage": "Analyse de documents et usage dans Google Workspace."
          },
          {
            "nom": "Mistral",
            "usage": "Alternative européenne pour la rédaction et l'analyse."
          },
          {
            "nom": "Higgsfield",
            "usage": "Vidéos et visuels générés par IA."
          },
          {
            "nom": "Midjourney",
            "usage": "Images et directions artistiques générées."
          },
          {
            "nom": "Maestra",
            "usage": "Doublage et traduction vidéo avec clonage de voix."
          }
        ]
      },
      {
        "label": "Web & hébergement",
        "items": [
          {
            "nom": "Infomaniak",
            "usage": "Hébergement, domaines et mise en ligne des sites clients."
          },
          {
            "nom": "Infomaniak Mail",
            "usage": "Adresses e-mail professionnelles sur le domaine du client."
          },
          {
            "nom": "kDrive",
            "usage": "Partage et stockage de fichiers avec les clients."
          },
          {
            "nom": "Vercel",
            "usage": "Déploiement des web apps Next.js."
          },
          {
            "nom": "Stripe",
            "usage": "Paiement en ligne pour les devis et les commandes."
          },
          {
            "nom": "WordPress",
            "usage": "Audit et migration de sites existants."
          },
          {
            "nom": "OVH",
            "usage": "Gestion DNS lors des bascules de domaine."
          }
        ]
      },
      {
        "label": "Design & collaboration",
        "items": [
          {
            "nom": "Figma",
            "usage": "Maquettes, prototypes et design systems."
          },
          {
            "nom": "Suite Adobe",
            "usage": "Photoshop, Illustrator, InDesign et Premiere Pro."
          },
          {
            "nom": "Canva",
            "usage": "Visuels réseaux sociaux déclinés à la charte."
          },
          {
            "nom": "CapCut",
            "usage": "Montage de vidéos courtes pour les réseaux."
          },
          {
            "nom": "Microsoft 365 & SharePoint",
            "usage": "Espaces documentaires et circulation de l'information."
          },
          {
            "nom": "Notion",
            "usage": "Documentation projet et bases de connaissances."
          }
        ]
      }
    ]
  }
}