Cegos

Un apprenant inscrit individuellement, un salarié envoyé par son entreprise et un formateur n’abordent pas la formation avec les mêmes objectifs. Cegos avait besoin d’une plateforme unique capable de servir ces trois profils sans devenir trois produits déconnectés.

Chez Wolfox, j’ai dirigé la conception UX/UI en collaboration avec Cegos et le spécialiste Moodle Edunao. Le défi consistait à clarifier une hiérarchie de formation complexe, respecter le modèle technique de Moodle et transformer la marque Cegos en système d’interface flexible.

Site web
 →
Cegos, aperçu du projet

Ma contribution

Recherche UX · Animation d’ateliers · Product design · Système UI

L'équipe

1 product designer 1 ingénieur front-end 1 chef de projet

Année

2022-2023

Trois publics, une seule plateforme

J’ai animé un atelier autour de trois profils clés : les apprenants INTER inscrits individuellement, les apprenants INTRA accompagnés par leur entreprise et les utilisateurs FORMATEUR, qui alternent enseignement et apprentissage. La cartographie de leurs parcours a révélé les moments où leurs attentes divergeaient, mais aussi ceux où une structure commune pouvait réduire la complexité.

Interface d’origine de la plateforme de formation Cegos
Plateforme de formation d’origine

Construire la hiérarchie avant l’habillage visuel

La difficulté principale n’était pas de produire des écrans, mais de rendre compréhensibles les relations entre programmes, formations, activités et parcours guidés. J’ai conçu un modèle d’information et une navigation communs, capables de s’adapter à chaque profil tout en conservant les mêmes repères.

Wireframes représentant la hiérarchie des formations Cegos
Wireframes et hiérarchie des contenus

Composer avec Moodle plutôt que lutter contre lui

Plutôt que d’imaginer une interface idéale mais coûteuse à développer, je suis parti d’un kit de wireframes fondé sur les composants existants de Moodle. Nous avons personnalisé les moments apportant le plus de valeur aux apprenants, tout en maintenant une solution techniquement réaliste pour Edunao.

Transformer la marque en système produit

J’ai décliné l’identité Cegos en composants modulaires, en choix typographiques et colorimétriques accessibles et en thèmes flexibles adaptés à la diversité des contenus pédagogiques. Le système devait rester cohérent entre tableaux de bord, pages de cours et différentes tailles d’écran.

Bibliothèque de composants et thèmes visuels Cegos
Bibliothèque de composants et thèmes visuels

Rendre le passage au développement concret

Une fois la structure et la direction artistique validées, j’ai produit les écrans haute fidélité responsive et documenté le comportement des composants. L’équipe de développement disposait ainsi d’un système cohérent plutôt que d’une collection de maquettes isolées.

Concept haute fidélité du tableau de bord Cegos
Interface haute fidélité d’un cours Cegos
Interface responsive haute fidélité

Résultat

Le projet a livré une base UX/UI complète pour la plateforme : parcours cartographiés pour trois profils, système de wireframes compatible avec Moodle, bibliothèque de composants responsive et écrans haute fidélité de référence.

Le résultat essentiel est la cohérence. Chaque rôle et chaque contexte d’apprentissage conserve ses besoins spécifiques sans fragmenter l’expérience ni créer une charge de développement irréaliste.

L’écosystème Cegos–Edunao accompagne aujourd’hui plus de 55 000 utilisateurs actifs, ce qui donne la mesure de l’échelle à laquelle cette plateforme de formation évolue.

Ce projet montre comment je travaille dans un cadre technique complexe : comprendre le système, décider où la personnalisation apporte une valeur réelle, puis donner au design et à l’ingénierie un langage commun.