Lucille Mercier
UX/UI DESIGN ✦ DIRECTION ARTISTIQUE ✦ DESIGN SYSTEM ✦ GRAPHISME ✦ UX/UI DESIGN ✦ DIRECTION ARTISTIQUE ✦ DESIGN SYSTEM ✦ GRAPHISME ✦ UX/UI DESIGN ✦ DIRECTION ARTISTIQUE ✦ DESIGN SYSTEM ✦ GRAPHISME ✦ UX/UI DESIGN ✦ DIRECTION ARTISTIQUE ✦ DESIGN SYSTEM ✦ GRAPHISME ✦
← Retour au portfolio
01 Mission 1

Travail sur le produit GP

UX Research

Le contexte ?

GP étant un logiciel client lourd, NeoXam avait pour volonté de le migrer vers une version SAAS web. L'occasion de faire un audit de l'UX existante, de mettre à plat les interactions en appliquant les IHM du web et ainsi de moderniser le produit tant sur l'UX que l'UI.

Mon rôle ?

J'ai réalisé une recherche utilisateur en mettant en place des entretiens exploratoires afin de comprendre les usages actuels et identifier les points bloquants et les améliorations, en binôme avec la PM et le PO.

Le résultat ?

Des points positifs et des points d'amélioration sont ressortis. Les points bloquants les plus importants étant :

  • La redondance des actions dans le produit.
  • L'incohérence et le manque d'accompagnement, notamment dû à la complexité du logiciel (connue pour les plus aguerris, mais compliquée à prendre en main pour les nouveaux comptables).
  • UI non optimum et peu moderne.
40
Entretiens utilisateurs menés en one-to-one
6
Personas identifiés
9
Domaines fonctionnels cross-personas identifiés
Atelier d'analyse des entretiens exploratoires

Atelier d'analyse des entretiens exploratoires : Pain points, Points positifs et Axes d'amélioration.

Persona Comptable OPC

Un des 6 personas identifiés — Comptable OPC.

UX design & maquettage

Mon rôle ?

J'ai mené deux chantiers en parallèle : la migration des fonctionnalités actuelles vers le web sans régression, et la conception de nouveaux parcours (homepage, module, et intégration de l'IA) via la création de user flows et le maquettage des écrans. Le tout en relation avec les développeurs (back et front), la PM et le PO.

User flow ouverture des sessions dans GP vs navigateur

User flow — gestion des sessions dans le navigateur.

Benchmark onglets internes vs onglets du navigateur

Benchmark de deux solutions, vision UX, exploitation et technique.

GP4 web — après refonte
GP4 client lourd — avant refonte
Avant Après

Glissez pour comparer l'écran INVE dans l'ancien client lourd et sur GP4 web.

Tests utilisateurs

Mon rôle ?

J'ai organisé des tests utilisateurs, sous scénario en one-to-one avec des questionnaires d'utilisabilité. Je mène ces tests tous les 3 mois sur prototypes Figma via Maze (eye-tracking, enregistrement d'écran). Pour m'accompagner, j'ai formé des consultants à l'animation de ce type d'atelier et à la posture à adopter au-delà de la méthodologie.

Le résultat ?

  • Des features approuvées et adoptées par les utilisateurs.
  • Des tests réalisés en amont des développements, ce qui évite des allers-retours à l'infini.
  • Des échanges et de la communication avec nos clients clés dans GP, et un sentiment d'appartenance de nos utilisateurs dans ce nouveau produit.
5
Tests utilisateurs réalisés en présentiel sur des scénarios clés
1
Test organisé en asynchrone (accès libre + questionnaire)
35
Utilisateurs finaux ont participé à ces ateliers
5
Features et modules clés validés, partis en développement
Slide synthèse d'analyse du panneau des raccourcis

Slide synthèse d'analyse d'un parcours suite à un test utilisateur.

Matrice de priorisation des irritants Impact x Effort

Matrice de priorisation des irritants (Impact × Effort) — quick wins, projets structurants, optimisations, chantiers long terme.

02 Mission 2

Rôle de Lead transverse

Gouvernance design

Mon rôle ?

J'ai cartographié l'organisation R&D de chacun des 5 produits et proposé 3 processus types selon les besoins : création/modification de fonctionnalité, mise à jour du Design System, migration UI des produits vers le nouveau design system.

Processus de création ou modification des composants Pulse

Processus de création/modification des composants Pulse.

Processus de création de fonctionnalité par produit

Processus de création de fonctionnalité par produit.

Design system Pulse

Mon rôle ?

J'ai créé et je maintiens Pulse, le design system cross-produit : mise à plat des interactions homme-machine, librairie de composants (data viz et composants complexes) et tokens dans Figma (light, dark et high contrast mode), en collaboration avec une équipe de développeurs front dédiée. J'ai mis en place les normes WCAG 2.1 Level AA, et documenté le design system via ZeroHeight, Storybook, mais aussi des skills Claude.

1 an
Pour livrer une première version stable
3/5
Produits ont adopté le design system
50%
Plus rapide pour développer des pages
70%
D'adoption du design system
Librairie de composants Pulse — boutons, tableaux, modales, formulaires, navigation, calendrier

Librairie de composants et tokens — Figma, design system Pulse.

GP HomePage - Dark mode
GP HomePage - Light mode
Light Dark

Glissez pour comparer le light mode et le dark mode d'un même écran.

Composant Button documenté dans Storybook
Documentation du composant Button dans ZeroHeight
Skill Claude documentant les composants du design system

Documentation d'un composant bouton dans le Storybook, le ZeroHeight et un skill Claude.

PO transverse

Mon rôle ?

  • Je récolte les besoins design cross-produit pour la roadmap annuelle et assure un suivi trimestriel pour des ajustements
  • J'anime un point mensuel avec les équipes produit sur la priorisation des sujets design et des développements pour l'équipe de développeurs front dédiée au design system
  • J'organise l'instance de fin de mois avec les PM/PO et le CPO pour trancher
  • Je pilote la release mensuelle du design system avec l'équipe dev-front
Priorisation des besoins design en vue Gantt

Priorisation des besoins design — vue Gantt.

Roadmap cross-produit et suivi en vue grille

Roadmap cross-produit et suivi des sujets — vue grille.

Continuer la visite

Retour au portfolio →