Apec
UX research · design system · app métier
Refonte UX de l'application métier des 600 conseillers de l'Apec : recherche unifiée, design system en mode sombre et prototypes haute fidélité.
- Client
- Apec · association pour l'emploi des cadres
- Année
- 2022
- Périmètre
- UX research · Design system · App métier
- Outils
- Tree test · First click · A/B test · UI kit
- En ligne
- non — projet interne
Le brief
L'Apec est un acteur majeur de l'accompagnement vers l'emploi des cadres et des jeunes diplômés. Son application métier, utilisée quotidiennement par 600 conseillers, est stratégique : c'est elle qui porte les objectifs individuels de chaque conseiller. En travaillant avec les chefs de projets de la direction en charge des besoins utilisateurs, plusieurs points de friction sont remontés — au premier rang desquels la recherche au sein de l'outil et la présentation de ses résultats.
La solution proposée
Regrouper toutes les typologies de recherche en un point unique du header : un cadre, un atelier de formation, un partenaire — tout se cherche au même endroit, avec des scénarios de recherche en navigation descendante ou ascendante.
- Les résultats de recherche présentés sous forme de cards
- Un filtrage homogénéisé, accessible depuis le haut de page
- Une refonte ergonomique mobile first — navigation, recherche, tri, lisibilité — avec un mode sombre par défaut
- Un parcours utilisateur repensé dans la rubrique Ateliers, adapté à la spécificité de la paire inscrits/ateliers
La recherche UX
Un parcours en quatre phases — découvrir, explorer, tester, écouter — pour ancrer chaque décision dans le réel : contexte d'utilisation, état d'esprit de la cible, frustrations, concurrence.
En phase de découverte, j'ai échangé directement avec les conseillers et les chefs de projets de la direction support, dans leur environnement de travail, puis mené des entretiens avec les décideurs (DSI, direction support) pour identifier leurs objectifs et leurs indicateurs clés. Un benchmark UX a ensuite mesuré la performance ergonomique de l'application face à ses concurrents directs et indirects — écarts, faiblesses, bonnes pratiques à s'approprier.
En phase d'exploration, une analyse heuristique menée avec les chefs de projets a passé les interfaces en revue, complétée par un audit ergonomique : un rapport illustré de captures d'écran, qui schématise chaque frein d'utilisation et propose sa solution — de quoi permettre aux décideurs d'arbitrer vite.
- Tree test sur les objets composés, comme les menus de navigation
- Test du premier clic pour comprendre le raisonnement de l'utilisateur et évaluer l'accessibilité de l'interface
- A/B tests pour départager plusieurs versions d'une même page
Enfin, une phase d'écoute active a fait remonter la vision, les frustrations et les besoins de l'utilisateur final — intégrés en continu dans la conception.
Le design system
Une palette de couleurs construite pour le mode sombre par défaut. La typographie Montserrat — celle de la charte Apec — assure la cohérence entre les interfaces et renforce la reconnaissance de la parole de l'Apec. Des icônes dessinées spécifiquement pour l'application. Et un UI kit complet, accompagné d'un guide d'utilisation à destination des équipes de développement.
Le tout décliné en prototypes haute fidélité, du board de suivi d'activité aux parcours mobiles.
Les planches
12 documents
