1. Contexte

L’entreprise maGestion.pro développe une plateforme SaaS à destination des producteurs de film (DAF), pour piloter à la fois la performance financière et le calcul d’impact environnemental. L’outil existant développé en no code, souffrait d’un manque de cohérence UX, d’ergonomie sur les vues complexes, et d’une dette visuelle importante.

2. Mon rôle

J’ai été sollicitée pour mener la refonte complète UX/UI du produit entre février et septembre 2024.Mon rôle couvrait :

• Audit UX de l’existant
• Cadrage fonctionnel et ateliers avec le Product Manager et les experts métiers
• Création de wireframes, prototypes et UI finales
• Conception d’un design system réutilisable
• Support aux développeurs pendant l’implémentation

3. Recherche & compréhension

J’ai mené un audit complet basé sur :

• 6 entretiens avec utilisateurs (Producteurs, Administratices financières et chefs de projet RSE)
• Analyse de la fréquence d’usage de certaines fonctionnalités via des analytics internes
• Revue comparative d’outils comme N2F, Qonto, Spendesk

Résultats clés :

• La solution ne proposait pas de tableaux de bord
• Les utilisateurs ressentaient une charge cognitive élevée face à l’arborescence
• Le manque de vues synthétiques limitait l’exploitation des données

4. Design & solution

J’ai proposé une nouvelle architecture centrée autour de 3 parcours clés pour le MVP : collecte des dépenses, pilotage des opérations, consolidation des productions.

• Création de maquettes wireframe testées en itératif avec les utilisateurs
• Design d’un nouveau tableau de bord modulaire
• Refonte des pages d’analyse avec filtres avancés et vues synthétiques

En parallèle, j’ai mis en place un mini design system Figma, avec :

• Un système facilement intégrable dérivé d'une bibliothèque bootstrap
• Une charte de couleurs basée sur des codes financiers/environnementaux clairs
• Des composants modulaires et accessibles

5. Résultats

Le nouveau design a été intégré à partir de septembre 2024.

Les premiers retours :

• Les utilisateurs ont gagné en clarté de lecture et en confiance dans les données
• Réduction du temps de saisie par les équipes (gain de productivité interne)
• L' équipe produit a pu réutiliser les composants pour d'autres modules

6. Collaboration

J’ai travaillé en binôme avec le product manager et en coordination hebdomadaire avec les développeurs back et front.

Mon rôle impliquait de :

• Documenter mes choix dans Notion et Figma
• Organiser des revues UI avec l’équipe
• Être en support pendant la phase de QA design

Réalisation "Parcours de la dépense" :

• Wireframes

• Composants du design sytème

* UI finale : détail d'une dépense

Mission : Pallier au problème de mémorisation des contenus de formation à destination des équipes de vente. Dématérialiser plus de 30 supports et concevoir des expériences d’apprentissage ludiques au sein d’une application pour tablettes.

Team : 1 Lead Design + 1 DA + 1 Designer UX + 1 Designer UI + 1 squad de développeurs offshore + 1 PO (client)

10 sprints de 10 jours

Réalisations :

• Wireframes

• Atelier d’idéation+ Wireframes pour les contenus des interfaces et leurs interactivités.
• Architecture de l'information
• Règles fonctionnelles de l’application pour les développeurs (sur JIRA / équipe Offshore)

Mission : Prototyper une solution « mobile first » pour aider les installateurs de panneaux photovoltaïques à configurer un chantier (émettre un devis à un client potentiel ) lors d'une phase de cadrage budgétaire.

Team : 1 Sponsor + 5 Experts métier + 1 PO (client) + 1 PO (agence) + 1 CTO + 1 Designer UX + 6 utilisateurs

Le projet a été mené avec des ateliers distanciels ( miro + figma ) et des interviews ( google meet ).

Réalisations :

• Benchmark fonctionnel des expériences proposées par la concurrence

• Animation d'un atelier pour partager la vision produit avec les parties prenantes du projet.

• Production des proto-personas avec l'expert métier.

• Formalisation des grandes étapes du parcours avec les besoins associés.

• Zoning détaillé pour chacune des étapes

• Prototype interactif du MVP

• Itération du prototype avec des installateurs de panneaux photovoltaïques.

Mission : Accompagner la transformation digitale des laboratoires Gilbert. Identifier les chantiers prioritaires en maquettant les outils à même de développer un retour sur investissement pour l'entreprise avec une approche centrée sur l'utilisateur.

Réalisations :

• Défintion des utilisateurs : proto-personas avec un mapping de positionnement.
• Identification des besoins

• Animation d'ateliers " Product Vision Board" / Tone of voice

• Atelier de co-conception / Espace pro pour le pharmacien

• Atelier de co-conception / Market place B to B

• Atelier de co-conception / Site de personnalisation en ligne de goodies pour les pharmaciens