Tous les projets
Recherche universitaire · Cadrage produit Confidentiel

Cadrer une plateforme complexe avec ses utilisateurs

Une plateforme de cartographie technologique pour un consortium de recherche : faire évoluer une V1 vers une V2 étendue, avec une refonte UX/UI complète et une gouvernance des droits à repenser entièrement.

Rôle
Product Owner + UX
Durée
5 semaines de discovery + 3 sprints
Équipe
Développeurs, lead tech, QA, scrum master
Compétences
Product ownership, discovery, facilitation d'ateliers, prototype HTML, rédaction de backlog, animation des cérémonies agiles, UX multilingue, conception assistée par l'IA

Le problème

Des droits d'accès différenciés selon le profil, l'action et l'objet, à faire tenir dans une interface lisible, tout en conservant un référentiel unique et cohérent pour développeurs, QA et équipe produit.

La décision clé

Modéliser la gouvernance avant l'écran : une matrice « peut faire / ne peut pas faire » par profil, tracée jusqu'aux user stories, plutôt que de la découvrir en développement.

Ce que ça a changé

Des parcours validés avec de vrais utilisateurs, une arborescence maîtrisée et un socle stable pour la V2.

Product OwnershipFacilitation d'ateliersWireframingUX multilingueConception assistée par l'IADe l'appel d'offres à la recette
Tableau de bord de la plateforme : les projets sous forme de cartes, avec filtres Tous, Actifs et Archivés, puis le tableau des éléments du groupe avec statut, propriétaire, nature, domaine, dates et actions
Avant : la V1Version 1 de la plateforme, en thème sombre : un tableau dense d'éléments, avec une recherche, un sélecteur de colonnes et de nombreuses colonnes de texte, sans cartographie
01 · Contexte et problème

Passer d'une V1 à une V2 étendue

Le projet est né d'un appel d'offres public que j'ai rédigé et maquetté ; nous l'avons remporté directement, sans soutenance, auprès d'un client que j'accompagne de longue date. Je l'ai ensuite mené de la discovery jusqu'à la recette.

La plateforme sert à cartographier les briques technologiques apportées par chaque partenaire d'un consortium de recherche, et à évaluer leur maturité selon des échelles partagées. La V2 devait ajouter la gestion multi-projets, l'assemblage de briques en systèmes, une cartographie interactive et des parcours d'évaluation.

Trois défis : une gouvernance complexe, avec des droits différenciés selon l'action et l'objet ; un référentiel unique à maintenir cohérent pour développeurs, QA et équipe produit ; une interface entièrement en anglais, alors que la documentation projet reste en français.

Une arborescence complexe, mais maîtrisée.

(la décision clé)
02 · Démarche

Cadrer avec celles et ceux qui utilisent l'outil

  • Ateliers de cadrage pour clarifier le périmètre, les parcours et les droits par profil.
  • Cartographie co-construite avec les développeurs, à partir de l'approche « node graph » des éditeurs visuels, avec la bibliothèque Vue Flow.
  • Prototypes HTML interactifs testés avec des interlocuteurs qui étaient aussi des utilisateurs.
  • Ateliers de spécification pour trancher la gouvernance, formalisée en matrices « peut faire / ne peut pas faire ».
  • Construction itérative des droits et des notifications, avec traçabilité vers les user stories.
Atelier de validation de l'architectureTableau de l'atelier de validation de l'architecture du projet : plusieurs parcours découpés en sections (parcours d'un projet, notifications, gestion des comptes, des groupes, des briques hors projet), chacun sous forme de branches d'actions par profil, avec des pastilles vertes pour ce qui est autorisé et roses pour ce qui ne l'est pas
Vue d'ensemble de la cartographie interactive à faible zoom : quatre systèmes et une zone de briques hors système, avec la légende, les boutons de masquage des liens, les filtres et la mini-carte
03 · Solution

Une refonte complète, lisible à l'international

  • Refonte UX/UI complète, avec un parcours plus intuitif et une charte graphique cohérente.
  • Cartographie interactive en node graph, construite avec Vue Flow, avec panneau de détail et mini-carte.
  • Échelles d'évaluation et paramétrage des données.
  • Interface entièrement en anglais pour un consortium international, documentation et échanges projet en français.
01 · Appel d'offres

Réponse rédigée et maquettée par mes soins, remportée directement, sans soutenance.

02 · Discovery

5 semaines de cadrage avec les utilisateurs.

03 · Développement

3 sprints, avec l'équipe de développement.

04 · Recette

La V2 est actuellement en recette.

Fiche d'une brique technologique : en haut la navigation entre versions et les onglets, à gauche le formulaire d'informations (propriétaire, libellé, nature, domaine, description), à droite un panneau de discussion et de questions-réponses par canal (privé, groupe, projet)
Écran de gestion des utilisateurs : un tableau avec nom, statut, groupe, rôle (membre, administrateur de projet, administrateur de groupe, administrateur principal), adresse e-mail, accès aux projets, date de création et actions, avec des onglets Groupes et Utilisateurs

Mener un projet de bout en bout avec l'IA.

(de la discovery à la delivery)
04 · Résultats

AO → V2

d'un appel d'offres public remporté à une V2 en recette

 

EN

interface entièrement en anglais, pour un consortium international

 

5 + 3

semaines de discovery, puis sprints de développement

Parcours et matrice de droits validés avec des interlocuteurs à la fois commanditaires et utilisateurs. Des prototypes HTML ont permis de valider les orientations avant tout développement. User stories fiabilisées, avec des critères d'acceptation alignés, pour moins d'allers-retours en sprint.

05 · Ce que j'en retiens

L'IA comme partenaire, de la discovery à la delivery

Un projet mené de bout en bout avec Claude, que j'utilise au quotidien depuis avril, avec un gain d'efficacité notable.

 

Une évolution de posture

Travailler avec des développeurs qui utilisent eux-mêmes Claude Code change la posture, pas seulement l'outil.

 

Co-construire avec les développeurs

La cartographie interactive a été co-construite avec les développeurs, avec Vue Flow.

Projet suivant · Santé

Un design system qui parle le langage du métier

Projet suivant · Médico-social

Une web app métier refondue sprint après sprint