Dora Magalhaes
← Projets
product design · saas · fintech

Fiabiliser la V2 d'une application de gestion de tâches paie et comptabilité

fulll est un éditeur de solutions SaaS paie et comptabilité pour les cabinets d'expertise et leurs clients : 1 400 cabinets, 200 000 entreprises clientes, 190 millions de documents stockés.

TL;DR

Lire le résumé

La V1 de Tâches, la webapp de gestion de tâches de fulll, s'était construite sans designer et son code vieillissait : fin 2021, la squad lance une V2 pour résorber cette double dette, UX et technique. Product designer au sein de la squad, j'ai porté le design de bout en bout dans un cadre lean UX, au rythme des sprints : conception des solutions, puis validation auprès des pairs et des clients avant développement. La V2 est sortie en mars 2022, nourrie des corrections issues des 2 ateliers.

Publics servis :

  • Cabinets d'expertise comptable et leurs clients, qui s'échangent documents, questions et demandes de validation dans l'application

durée

5 mois (novembre 2021 → mars 2022)

équipe

1 CPO · 1 PM · 2 devs front · 2 devs back · 1 QA analyst

Mon rôle en tant que Product designer

Mes responsabilités incluaient :

  • Produire les maquettes de la V2
  • Conduire les ateliers de validation du prototype
  • Assurer le hand-off auprès des devs
  • Tenir à jour les guidelines du design system

Résultats clés

mars 2022

La V2 en production.

2 ateliers

Pour tester la solution avant la sortie.

6 parcours

Testés par 7 clients.

2 patterns

Ajoutés au design system.

Tâches est l'une des webapps de fulll, éditeur de solutions de paie et comptabilité : documents, questions et demandes de validation y circulent entre cabinets et clients. Construite sans designer, la V1 accusait une double dette — une expérience utilisateur datée, un code vieillissant. Fin 2021, la squad lance une V2 pour remettre l'application à niveau avant que la dette ne s'accumule, côté UX comme côté technique.

Product designer au sein de la squad, j'ai produit les maquettes, conduit les ateliers de consolidation du prototype et tenu à jour les guidelines du design system. La V2 est sortie en mars 2022.

cadrer par le benchmark et l'audit de l'existant

Des besoins aux parcours cibles

La V2 ne partait pas d'une page blanche : la V1 avait ses usages installés et ses irritants connus. Le point de départ : le brief transmis par la PM — besoins et pain points clients, traduits en features, parcours et améliorations à couvrir. Restait à situer ce brief : ce que faisait déjà la V1, et ce que faisait le marché. J'ai donc mené deux relevés complémentaires : un audit de l'existant en production, pour repérer ce qui devait changer, et un benchmark de 3 solutions concurrentes pour situer la V2 face aux standards du marché.

3
solutions concurrentes passées au benchmark
1
audit de l'application existante en production
soumettre le task panel au chapter UX

Le prototype face aux pairs

Le task panel — le détail d'une tâche — concentre l'essentiel de la valeur de l'app : c'était l'écran à dérisquer en premier. Le regard des pairs offrait le meilleur ratio : une heure de critique structurée pour détecter les problèmes de fond avant de mobiliser des clients. J'ai animé un atelier design critique d'1h à distance (FigJam) avec les 6 autres designers du chapter UX : 4 types de feedback (positif, à préciser, négatif, améliorations), 3 minutes de production en solo par type, un tri par cartes entre chaque pour regrouper les signaux. Le format a séparé ce qui tenait — hiérarchie du contenu, UI des commentaires — de ce qui méritait arbitrage : 3 notions restaient floues (abonnement, tâche bloquée, statut de l'espace de discussion) et la densité du panel posait la question du plein écran. Ces points ont réorienté les maquettes avant toute exposition aux clients.

board figjam de l'atelier design critique
1
atelier design critique modéré à distance avec FigJam
3
concepts à clarifier : abonnement, tâche bloquée, commentaires
hybrider focus group et test d'usabilité

Le prototype entre les mains des clients

Le prototype corrigé restait à confronter aux utilisateurs payants. Le format collectif faisait plus que résoudre les agendas : recueillir les besoins en une seule session, les confronter et les prioriser à chaud pour aligner les principaux clients sur les dernières modifications avant le développement. J'ai animé un atelier hybride focus group / test d'usabilité de 2h avec 7 clients, à distance sur prototype partagé : 6 parcours testés en autonomie, chacun suivi d'une auto-évaluation de difficulté de 1 à 10 et d'un débriefing collectif. La grille consolidée écran par écran a fait ressortir l'essentiel plutôt qu'un inventaire de détails : les frictions restantes tenaient encore aux notions du produit, mais à d'autres — fichiers attendus, circuit de validation — des angles morts que le regard interne n'avait pas vus et que seuls des clients en situation ont révélés. Chaque friction est repartie avec sa correction, intégrée aux maquettes.

atelier à distance — prototype partagé avec les clients
guide d'animation de la session
grille de synthèse écran par écran
1
atelier hybride entre test d'usabilité et focus group
7
clients réunis autour du prototype
6
parcours testés
documenter les patterns en parallèle de la delivery

Capitaliser dans le design system

Chaque arbitrage rendu sur Tâches valait au-delà de l'application : la squad partage ses composants avec les autres apps de la suite. Il fallait fixer les décisions au fil de l'eau plutôt qu'en fin de projet. J'ai tenu à jour les guidelines du design system en parallèle des maquettes : comportement de l'affichage des résultats de recherche (suggestions, raccourcis, états de la dropdown) et flow type des pages List — création, édition, suppression, actions bulk — le parcours de référence de toute page de liste.

maquette tâches v2
flow type des pages list — création, édition, suppression, bulk
résultats et impact

La recherche menée

3
solutions concurrentes benchmarkées
1
audit de l'application en production
7
designers en design critique d'une heure
7
clients en test hybride de deux heures
6
parcours testés, notés de 1 à 10

Le diagnostic

3
notions floues pour les designers : abonnement, blocage, discussion
1
circuit de validation de documents opaque pour les clients

Les livrables

1
prototype interactif du détail de tâche
1
compte rendu de design critique, arbitrages inclus
1
grille de retours clients, écran par écran
2
patterns documentés au design system

Impact business

mars 2022
la V2 en production
2
patterns partagés avec les autres applications de la suite

Satisfaction des équipes

« Le double panneau détails et commentaires, tellement plus agréable et plus clair ! »
— Client, test du prototype (traduit de l'anglais)
« Une bonne vue d'ensemble de la tâche ! »
— Client, test du prototype (traduit de l'anglais)

Un produit complexe à démêler ? Parlons-en.

Me contacter