Cegos
Cegos est un(e) global leader dans professionnel(le) training et development, offering complet(ète) solutions à foster personal et organizational growth. With un(e) rich history et un(e) broad international presence, they sont dedicated à enhancing employability et collective performance across various sectors.
Le projet était initiated dans collaboratisur avec Eduano, un(e) firm spécialisé(e) dans creating educational platforms using Moodle technology. En tant que UX/UI designer, my role involved conducting UX research et leading design workshops avec various stakeholders. Ce/Cette processusus wen tant que followed par le/la/les development de wireframes pour un(e) new interface, culminating dans le/lun(e) creatisur de high-fidelity mockups et un(e) complet(ète) UI kit.
My contribution
En tant que Product Designer chez Wolfox, j'ai dirigé la refonte UX et UI of the Cegos digital learning platform to enhance user engagement. I identified key friction points and redesigned the navigation and interface, ensuring high content accessibility for professional learners within the brand’s guidelines. By developing interactive prototypes for features like the personalized dashboard and progress tracking, I delivered a more intuitive and motivating experience that successfully aligned user needs with business goals.
The team
1x UX/Conception UIers 1 ingénieur front-end 1 chef de projet
Year
2022-2023
Atelier avec le client pour étudier le parcours utilisateur des différentes personas clés
La refonte de la plateforme de formation en ligne Cegos a commencé par un atelier client pour comprendre le parcours utilisateur de trois profils d'apprenants : « INTER » (inscription individuelle), « INTRA » (parrainé par l'entreprise) et « FORMATEUR » (à la fois instructeur et apprenant).
Des représentants de chaque profil ont partagé leurs expériences, attentes et défis, ce qui a permis de cartographier leur parcours, de la découverte à l'évaluation.
L'atelier a permis une meilleure compréhension des besoins et attentes de chaque profil d'apprenant, contribuant à une vision plus claire du parcours utilisateur souhaité qui a guidé les étapes suivantes du projet.
Maquettage
La phase de maquettage a commencé par la création d'un kit d'éléments d'interface correspondant à l'environnement Moodle. L'objectif était de commencer avec une base solide utilisant des composants Moodle standard tout en permettant une personnalisation pour répondre aux besoins spécifiques de Cegos.
Le kit comprenait des structures de navigation principales, des mises en page de base et des composants essentiels comme des boutons, des formulaires et des blocs de contenu.
Une fois le kit de base établi, nous nous sommes concentrés sur le maquettage de l'interface Cegos elle-même. Une attention particulière a été portée à l'organisation hiérarchique et relationnelle des différents éléments de formation.
Les maquettes ont été conçues pour représenter clairement les relations entre les ensembles de formation, les sous-ensembles, les unités éducatives et les parcours guidés. Des schémas de navigation intuitifs ont été proposés pour permettre aux apprenants de naviguer facilement entre les niveaux de contenu.
Création de l'identité visuelle
Pour créer une expérience utilisateur cohérente et engageante, nous avons développé une bibliothèque de composants et une identité visuelle adaptées à la plateforme Cegos, en utilisant les directives de marque fournies par le client comme référence.
L'identité a été conçue pour s'aligner sur la marque Cegos tout en offrant une flexibilité visuelle grâce à l'application de différents thèmes de couleurs. Les éléments graphiques ont été conçus pour être modulaires, s'adaptant à la grande variété de contenus et de données présents dans une plateforme de formation.
Conception de maquettes haute fidélité (HiFi)
Une fois la direction artistique validée et la bibliothèque de composants établie, nous sommes passés à la phase de conception des maquettes haute fidélité (HiFi). L'objectif de cette étape était de donner vie à l'interface utilisateur en appliquant l'identité visuelle et en affinant les interactions et les détails visuels.
Nous avons commencé par définir une grille de mise en page responsive, adaptée aux différents formats d'écran (ordinateur, tablette, smartphone). Ensuite, nous avons appliqué les directives visuelles à chaque écran et composant d'interface.