Retour aux documents Télécharger en DOCX

Note d'opportunité : de l'ingénierie du web à l'intelligence du web

Le vibe coding comme levier de transformation du design, de l'UX et de l'accessibilité ministériels

Bertrand Matge — MIWEB (Mission Ingénierie du Web) — Février 2026

En 6 mois, le vibe coding a permis de produire 16 outils numériques couvrant les trois dimensions du design ministériel : design visuel, design de service et design éditorial.

Cette note propose d'en faire un levier structurant pour la mission, en élargissant son périmètre de l'ingénierie du web à l'intelligence du web : prototypage rapide, tests utilisateurs sur maquettes réelles, automatisation de l'accessibilité, et recherche UX augmentée par l'IA.

16 outils produits en 6 mois, par 1 agent	88 % d'économie vs. prestation classique	3 dimensions du design : visuel · service · éditorial

1. Ce que le vibe coding change pour la mission

Le vibe coding — développement assisté par IA générative — a permis en 6 mois de produire 16 outils numériques fonctionnels représentant l'équivalent d'environ 700 000 € de prestation. Ces chiffres sont détaillés dans les notes parallèles destinées au chef du service du numérique et à la direction de la communication.

La présente note se concentre sur ce que ces résultats signifient concrètement pour la MIWEB — et sur l'opportunité qu'ils représentent pour faire évoluer le positionnement, les capacités et la visibilité de la mission.

2. Trois dimensions du design, déjà couvertes

Les 16 outils produits ne sont pas des exercices techniques. Ils couvrent déjà les trois axes du design ministériel, ce qui préfigure naturellement ce que pourrait produire un Vibe Lab structuré.

Le point commun entre ces outils : ils renforcent chacun la capacité de la mission à produire, piloter et améliorer l'expérience numérique du ministère. C'est exactement le périmètre d'une mission de design, élargi par la puissance de l'IA.

Design visuel	Design de service	Design éditorial
ChartsBuilder (dataviz DSFR)	Comparateurs grand public	Portail Eco Browser
Thème LimeSurvey DSFR	Écosystème (gouvernance web)	LeFouineur (contributeurs)
Organigrammes service public	LeFouineur (qualité web)	ChartsBuilder (rédacteurs)
Grist Form DSFR (formulaires)	POC portail conso (DGCCRF)	Archinalyzer (archivage web)
Modèle de maturité (radar comm.)	Site vitrine Vibe Lab (pilotage)	Plugin Albert (IA dans les enquêtes)
Cohérence de marque sur tous les supports	Parcours utilisateur, monitoring, outils métier	Connaissance du contenu, qualité éditoriale, dataviz

3. Prototyper sur du réel, pas sur du Figma

Aujourd'hui, le processus de conception classique passe par des maquettes (Figma, XD), puis une spécification, puis un développement, puis des allers-retours entre le design et le dev. Le prototype interactif, quand il existe, reste une simulation : il ne fonctionne pas avec de vraies données, ne respecte pas les contraintes techniques réelles, et ne peut pas être déployé.

Le vibe coding change radicalement cette équation. En quelques jours, on produit un prototype qui fonctionne réellement : connecté aux vraies API, affichant de vraies données, navigable, responsive, conforme DSFR. Ce prototype peut être mis en ligne immédiatement et testé par de vrais utilisateurs.

Le vibe coding ne produit pas des maquettes statiques : il produit des prototypes fonctionnels. L'écart entre « ce qu'on montre » et « ce qui sera livré » disparaît.

Tests utilisateurs

Aujourd'hui	Avec le Vibe Lab
On teste sur maquette Figma. Les retours portent sur l'apparence, rarement sur l'usage réel. Le décalage entre la maquette et le produit final génère des surprises et des reprises coûteuses.	On teste sur un prototype fonctionnel branché sur de vraies données. Les retours portent sur l'expérience réelle. Ce qui est validé en test est ce qui sera livré — ou très proche.

Maquettes et alignement visuel

Aujourd'hui	Avec le Vibe Lab
Un site ou un outil a un design désuet. Le refaire nécessite un marché, des specs, du développement. On reporte, on priorise autre chose, le site reste tel quel.	Le Vibe Lab produit en quelques jours une version alignée sur le DSFR courant. Si la direction valide, on industrialise. Sinon, le coût engagé est dérisoire.

Itération rapide

Aujourd'hui	Avec le Vibe Lab
Chaque modification passe par un cycle spécification → développement → recette. Plusieurs semaines pour un changement parfois mineur.	On modifie le prototype en quelques heures, on reteste, on itère. Le design se fait en continu, pas en jalons.

4. L'accessibilité : un chantier taillé pour l'IA

Le ministère gère des dizaines de sites web, des centaines de formulaires, des milliers de pages. L'audit RGAA manuel reste indispensable pour les critères complexes, mais une part importante du travail peut être automatisée et accélérée par l'IA.

L'accessibilité numérique est une obligation légale, un enjeu d'image et un chantier colossal. L'IA peut en automatiser une part significative, là où les processus manuels ne passent pas à l'échelle.

4.1 Ce que le Vibe Lab peut apporter à l'accessibilité

Audit automatisé à grande échelle. Écosystème (G3) scanne déjà les sites du ministère sur 18 critères, dont l'accessibilité. Le Vibe Lab peut enrichir cette couverture avec des tests RGAA automatisés sur l'ensemble de l'écosystème, produisant un état des lieux permanent plutôt que des audits ponctuels.
Recommandations de correction par l'IA. Au-delà de la détection, l'IA générative peut analyser chaque non-conformité et proposer le correctif précis : code HTML à modifier, attribut ARIA à ajouter, alternative textuelle à rédiger. Le contributeur web reçoit non seulement l'alerte, mais la solution.
Contrôle qualité en continu. L'extension LeFouineur peut être enrichie pour vérifier l'accessibilité en temps réel à mesure que le contributeur rédige. Plutôt que de corriger après publication, on évite les régressions à la source.
Formation et sensibilisation intégrées. Chaque recommandation de correction est une micro-formation : le contributeur apprend en corrigeant. L'IA ne remplace pas l'expertise accessibilité, elle la diffuse auprès de ceux qui en ont besoin au moment où ils en ont besoin.

Accessibilité à l'échelle

Aujourd'hui	Avec le Vibe Lab
Audits RGAA ponctuels, tous les 3 ans, sur quelques sites prioritaires. Entre deux audits, les régressions s'accumulent sans être détectées.	Scan automatisé permanent de tous les sites. Chaque non-conformité est détectée, documentée et accompagnée d'une proposition de correction générée par l'IA.

5. Recherche UX augmentée par l'IA

La recherche UX est un levier majeur de qualité pour les services numériques, mais ses processus sont lourds : recrutement de testeurs, préparation des protocoles, passation, analyse des verbatims, synthèse. Le vibe coding permet d'automatiser ou d'accélérer chaque étape de cette chaîne.

Analyse sémantique des retours utilisateurs. Portail Eco Browser intègre déjà du clustering sémantique (HDBSCAN/UMAP) et une recherche RAG. Ces mêmes techniques appliquées aux verbatims de tests utilisateurs, aux retours de consultations (LimeSurvey), ou aux tickets support permettent de dégager des tendances en quelques minutes au lieu de plusieurs jours d'analyse manuelle.
Prototypes testables immédiatement. Le vibe coding produit des prototypes fonctionnels, pas des maquettes. Cela signifie que le chercheur UX peut lancer un test utilisateur sur un outil réel dès la première semaine du projet, itérer sur la base des retours, et retester dans la foulée.
Génération automatisée de protocoles et de grilles d'analyse. L'IA générative peut produire des guides d'entretien, des scénarios de test, des grilles d'observation adaptées au contexte du projet. Le chercheur UX supervise et affine au lieu de tout rédiger à partir de zéro.
Croisement données quantitatives / qualitatives. Les analytics de Portail Eco Browser (Eulerian, Cloudflare, Search Console) croisées avec les retours qualitatifs des tests permettent une recherche UX complète : on sait ce que les utilisateurs font (quantitatif) et pourquoi ils le font (qualitatif).

6. L'IA augmente les compétences, elle ne s'y substitue pas

Il est important de le préciser : aucun de ces 16 outils n'a été produit au détriment de développeurs ou de designers humains. Ils n'auraient tout simplement jamais existé autrement. Personne n'aurait lancé un marché pour un générateur d'organigrammes, un comparateur de tarifs ou une bibliothèque de dataviz. Le rapport coût/bénéfice ne le justifiait pas dans le circuit classique.

Le vibe coding rend viable ce qui était déraisonnable. Un besoin ponctuel trouve sa réponse en quelques jours. L'outil peut être pérenne ou jetable : peu importe, son coût de production est marginal. Si le besoin évolue, on adapte en quelques heures. S'il disparaît, on passe à autre chose.

C'est cette facilité de réalisation qui change la donne pour une mission de design. On ne se demande plus « est-ce qu'on a le budget pour ce prototype ? » mais « est-ce que c'est la bonne idée ? ». Le coût n'est plus le goulot d'étranglement. La réflexion et la pertinence métier le redeviennent. C'est exactement le bon cadre pour une équipe de designers et d'experts UX.

7. De l'ingénierie à l'intelligence du web

7.1 Ce que la mission fait aujourd'hui

La MIWEB gère l'écosystème web ministériel : éditorial, technique, conformité DSFR, coordination entre les équipes. Le périmètre est essentiellement celui de l'ingénierie : faire tourner, maintenir, mettre en conformité.

La MIWEB maîtrise déjà l'ingénierie du web ministériel. Le vibe coding lui donne les moyens de passer à l'étape suivante : devenir la mission d'intelligence du web.

7.2 Ce que le Vibe Lab permet d'y ajouter

Intelligence éditoriale. Avec Portail Eco Browser, la mission dispose d'une connaissance fine et automatisée de l'ensemble du contenu publié : pages obsolètes, redondances, lacunes, parcours utilisateurs, performance SEO. On ne gère plus le portail à l'aveugle.
Intelligence de gouvernance. Écosystème scanne en permanence les sites ministériels sur 18 critères. La mission peut piloter la qualité web par les données, anticiper les problèmes, rendre compte avec des indicateurs factuels.
Intelligence du design. Prototypage rapide, tests sur des outils réels, itération continue, composants DSFR réutilisables. La mission ne se contente plus d'appliquer le design system : elle le fait vivre, elle l'enrichit, elle le teste.
Intelligence de l'accessibilité. Audit automatisé permanent, recommandations de correction par l'IA, contrôle qualité embarqué pour les contributeurs. La mission passe d'un rôle de prescripteur à un rôle de facilitateur.

Mission Ingénierie du Web → Mission Intelligence du Web

Ce repositionnement traduit une réalité : les outils produits par le vibe coding donnent à la mission une capacité de compréhension, d'anticipation et de production que l'ingénierie seule ne permet pas.

L'intelligence du web, c'est : - Comprendre le contenu et l'audience (Portail Eco Browser) - Piloter la qualité par les données (Écosystème) - Produire et tester à la vitesse du besoin (Vibe Lab) - Garantir l'accessibilité à l'échelle (automatisation IA) - Enrichir le design system par l'expérimentation (composants, thèmes, dataviz)

8. Ce que ça demande

La mise en place d'un Vibe Lab au sein de la MIWEB repose sur des moyens modestes :

1,5 à 3 ETP. La première année, le Lab peut fonctionner avec 1,5 ETP en mobilisant deux ou trois agents déjà en poste qui consacreront d'un tiers à deux tiers de leur temps au sujet. À terme, l'objectif est d'atteindre 2 à 3 agents dédiés. Des profils tech/produit qui connaissent les métiers de la mission. Le vibe coding ne nécessite pas d'être développeur senior, mais de savoir guider l'IA avec une vision métier et un socle technique solide.
~1 000 €/mois de licences IA (plafonné). Claude Pro/Team + GitHub Copilot, soit 200-350 €/personne/mois. Pour 3 agents : ~1 000 €/mois maximum.
Infrastructure existante. GitHub, CI/CD, Docker, hébergement — tout est déjà en place. Aucun investissement supplémentaire. Les projets open source de communication ne présentent aucun risque sécurité ni RGPD : code public, données publiques, usages publics.

Pour comparaison : les 16 outils déjà produits représentent l'équivalent de ~700 000 € en prestation. Le coût annuel en licences du Lab (~15 600 €) en représente 2,2 %. Le Lab s'autofinance dès son premier mois.

9. Ce que la mission y gagne

Capacité de production décuplée. La mission peut répondre en jours à des besoins qui prenaient des mois. Les demandes internes (studio graphique, communication, équipes éditoriales) trouvent une réponse rapide et concrète.
Positionnement stratégique renforcé. La mission ne se contente plus de gérer l'existant : elle produit, elle prototype, elle expérimente. Elle devient le lieu où les idées prennent forme avant d'être industrialisées.
Leadership sur l'accessibilité. Avec l'automatisation des audits et les recommandations IA, la mission devient le référent opérationnel de l'accessibilité ministérielle — pas seulement le prescripteur, mais celui qui fournit les outils pour corriger.
Attractivité de l'équipe. Une mission qui travaille avec de l'IA générative, qui publie en open source, qui produit des outils innovants, attire des profils de qualité. L'expérimentation technologique est un levier de recrutement et de fidélisation.
Visibilité ministérielle et interministérielle. Les outils produits (ChartsBuilder, thème LimeSurvey, Écosystème) sont réutilisables par d'autres ministères. La mission devient contributrice de l'écosystème numérique public, avec des composants DSFR adoptés au-delà du ministère de l'Économie.

10. Gouvernance, ExcelExit et articulation BercyHub

Le Vibe Lab s'est doté d'un cadre de gouvernance formalisé pour accompagner sa structuration :

Comité de priorisation mensuel avec les directions sponsors
Revue trimestrielle avec le SNUM n+2
Grille d'évaluation objective (scoring sur 50 points, 6 critères pondérés) pour déterminer les priorités
Cinq règles cardinales encadrent le fonctionnement, dont l'abandon systématique à 4 semaines sans usage et la limite à 5 projets actifs simultanés

L'articulation avec BercyHub suit un modèle d'éclaireur : le Lab prototype sur données publiques, la direction valide le concept, BercyHub industrialise si le besoin justifie un traitement sur données sensibles. Un point trimestriel structuré garantit la cohérence entre les deux dispositifs. La règle de démarcation est absolue et documentée.

Le projet ExcelExit incarne cette ambition élargie : migration systématique des fichiers Excel critiques vers Grist (grist.numerique.gouv.fr), avec interfaces DSFR générées par le Lab. Score de 47/50 sur la grille d'évaluation — le plus élevé de tous les projets évalués. Ce projet illustre comment le Vibe Lab peut servir l'ensemble du ministère tout en restant dans son périmètre sécurisé (données publiques, pas de SI sensible). Un plan de communication en 12 semaines a été élaboré pour générer la demande et structurer la visibilité du Lab.

11. En résumé

Le vibe coding donne à la MIWEB les moyens de ses ambitions :

Prototyper sur du réel et tester avec de vrais utilisateurs

Aligner les designs visuels désuets en quelques jours

Automatiser l'accessibilité à l'échelle du ministère

Augmenter la recherche UX par l'IA

Couvrir les 3 dimensions du design : visuel, service, éditorial

Pour 1,5 à 3 ETP et ~1 000 €/mois de licences. La première année : 1,5 ETP avec deux ou trois agents déjà en poste.

L'expérimentation a démontré ce qui est possible. La structurer en Vibe Lab transformerait une initiative individuelle en capacité collective, et donnerait à la mission les moyens de passer de l'ingénierie du web à l'intelligence du web.

C'est un investissement modeste pour un effet de levier considérable sur la production, le positionnement et la visibilité de l'équipe.

Annexe — Dépôts GitHub

Écosystème (G3) : https://github.com/bmatge/g3
Portail Eco Browser : https://github.com/bmatge/portail-eco-browser
ChartsBuilder (gouv-widgets) : https://github.com/bmatge/gouv-widgets
LimeSurvey DSFR : https://github.com/bmatge/limesurvey-theme-dsfr
Organigrammes : https://github.com/bmatge/org-chart-service-public
Prix Contrôle Technique : https://github.com/bmatge/prix-controle-technique
Tarifs Bancaires : https://github.com/bmatge/tarifs-bancaires
LeFouineur : https://github.com/bmatge/eco-alert-bo
Site vitrine Vibe Lab : https://github.com/bmatge/vibe-lab-bercy
POC portail conso : https://github.com/bmatge/portail-conso-corpus
Modèle maturité communication : https://github.com/bmatge/maturity-model
Grist Form DSFR : https://github.com/bmatge/grist-dsfr-form
Archinalyzer : https://github.com/bmatge/archinalyzer
Plugin DSFR email : https://github.com/bmatge/limesurvey-email-dsfr
Plugin Albert : https://github.com/bmatge/limesurvey-conversation-albert