Contactez-nous
Une question ? N’hésitez pas à nous écrire !
Problématiques
Comment désengorger des pages surchargées de contenus sans perdre les informations réglementaires obligatoires (Qualiopi, contraintes européennes) ?
Comment concevoir des parcours clairs et convertissants pour 4 profils utilisateurs aux attentes radicalement différentes, du stagiaire individuel au financeur OPCO ?
Comment moderniser l'interface dans le respect strict de la charte Cegos existante, sans casser le capital SEO accumulé ?
Contexte
Cegos est un acteur incontournable de la formation professionnelle continue. Avec un catalogue de plusieurs milliers de formations couvrant le management, la RH, le digital, la finance et bien d'autres domaines, leurs pages Formation et Certification sont des points d'entrée stratégiques pour des profils très variés : professionnels en poste cherchant à monter en compétences, personnes en reconversion, responsables RH prescripteurs, ou financeurs OPCO. Ces pages, pourtant centrales dans le parcours de conversion, avaient subi un effet millefeuilles depuis 2019 : chaque évolution produit avait généré un ajout de bloc, sans refonte globale de la structure. Résultat : des pages denses, difficiles à lire, et des taux de conversion en recul. Cegos a fait appel à Wolfox pour reprendre ces deux pages de zéro, en partant des données réelles et des retours utilisateurs, plutôt que d'intuitions internes.
Un projet ancré dans la data, pas dans les intuitions
Avant de toucher à un seul composant, Wolfox a commencé par une phase de recherche UX approfondie. L'objectif : comprendre pourquoi les pages existantes ne convertissaient plus, et identifier précisément les points de friction, plutôt que de repartir d'une page blanche.
L'audit UX-UI a porté sur 5 pages : les pages Formation et Certification bien sûr, mais aussi 3 pages connexes pour assimiler la logique UX globale du site. Les données Hotjar et Analytics ont été croisées avec les observations qualitatives pour dresser un diagnostic complet : blocs trop nombreux, hiérarchie visuelle peu claire, tunnel de conversion mal calibré selon les profils, et certains contenus réglementaires mal positionnés alors qu'ils sont non modifiables.
En parallèle, un benchmark de 8 acteurs concurrents et afférents à l'EdTech (LMS, e-learning, RH) a permis de positionner Cegos par rapport aux standards du secteur et d'identifier des leviers de différenciation.
Phase 2 - Conception UX : restructurer sans effacer
La conception UX s'est concentrée sur deux pages complexes : la page Formation et la page Certification. Deux gabarits en apparence similaires, mais aux logiques très différentes — la certification implique notamment une gestion spécifique du prix (inclus dans la formation ou en option à +290€), qui devait être clarifiée dès la structure.
Des wireframes co-construits et itératifs
Les wireframes ont été conçus en étroite collaboration avec les équipes Cegos, avec des sessions de revue régulières. Chaque arbitrage structurel a fait l'objet d'une discussion : faut-il afficher le programme en onglets pour éviter le scroll, ou risquer de perdre la vue d'ensemble ? Comment hiérarchiser les CTAs quand l'objectif principal est l'inscription, pas la demande de devis ? Où placer les blocs réglementaires obligatoires sans qu'ils cassent le flux de lecture ?
4 personas, des parcours radicalement différents
Quatre profils utilisateurs ont été définis et co-validés avec Cegos : le professionnel en poste (qui cherche une montée en compétences rapide et lisible), la personne en reconversion (qui a besoin d'être rassurée sur la valeur de la formation), le prescripteur RH (décisionnaire, sensible aux garanties Qualiopi et aux modalités de financement), et le financeur OPCO (focalisé sur la prise en charge et les critères administratifs). Chaque persona impliquait des priorités d'affichage différentes sur une même page : un défi de hiérarchisation que les wireframes ont dû résoudre.
Phase 3 - Tests utilisateurs : valider avant de passer en HD
C'est la phase qui distingue ce projet d'une simple refonte graphique. Wolfox a recruté et animé 12 tests utilisateurs (3 tests pour chacun des 4 personas) sur les prototypes des deux pages. Le panel a été co-validé avec Cegos pour garantir la représentativité des profils.
Les tests ont confirmé certaines hypothèses et en ont infirmé d'autres. Parmi les enseignements les plus structurants : la navigation par onglets dans le programme crée une perte de vue d'ensemble et génère de la frustration, le bouton "Demander un devis" est perçu comme trop dominant alors que l'objectif premier est l'inscription, et la "calculatrice carbone" (initialement absente des wireframes) a été identifiée comme un élément de réassurance apprécié, à intégrer dans les points forts de la formation.
Les wireframes ont été corrigés à la lumière de ces résultats avant de passer en phase UI.
Phase 4 - Conception UI : moderniser dans la continuité
La conception UI a démarré par un atelier de direction artistique pour définir les orientations graphiques dans le respect strict de la charte existante de Cegos. Trois pistes graphiques ont été proposées, toutes compatibles avec le design system en place, pour éviter toute rupture avec le reste du site.
Une fois la direction validée, les maquettes haute fidélité ont été produites pour les deux pages, avec validation des critères RGAA d'accessibilité dès la conception : contrastes, tailles de police, hiérarchie sémantique, navigation au clavier.
Des arbitrages UI structurants
Plusieurs décisions de design ont eu un impact direct sur la lisibilité et la conversion : un encart "Sur mesure / Intra" repositionné de façon secondaire pour ne pas concurrencer le CTA d'inscription principal, un affichage du programme restructuré avec un ancrage interne permanent pour éviter la désorientation au scroll, des blocs de données clés flexibles permettant d'afficher le taux de satisfaction en lieu et place du salaire médian quand une formation ne débouche pas sur un métier spécifique, et un lien vers France Compétences repositionné plus bas dans la page pour limiter les sorties prématurées.
Ce que cette mission illustre
Ce projet en agence avec Cegos illustre une conviction centrale de Wolfox : une refonte sans tests utilisateurs, c'est une refonte à l'aveugle. En mobilisant la recherche UX, le design UX, le UI design, l'accessibilité et le SEO dans une démarche intégrée, Wolfox a livré des pages fondées sur des comportements réels au service de la conversion d'un des leaders mondiaux de la formation professionnelle.
