Cegos

Cegos needed to bring different ways of taking and delivering training into one platform. Individual learners (INTER), company learners (INTRA) and trainers had different tasks, but they still needed a familiar way to find their courses and move through the content.

I was responsible for the UX/UI design at Wolfox, working directly with the Cegos team as our client and with Edunao, who handled the Moodle implementation. Working with both teams meant I could address Cegos’ needs while checking the technical implications of design decisions as the project progressed.

Website
 →
Cegos, project overview

My contribution

UX research · Workshop facilitation · Product design · UI system

The team

1 product designer 1 front-end engineer 1 project manager

Year

2022-2023

Understanding the three roles

I ran a workshop to map the main tasks of INTER learners, INTRA learners and trainers. We looked at where their journeys differed and which parts of the experience could share the same navigation and structure.

Original Cegos learning platform interface
Original learning platform

Organising courses and learning paths

I worked through how training programmes, courses and activities fit together, then translated that structure into wireframes. The aim was to help people understand where they were in their training and find the next step without learning a different interface for each role.

Wireframes mapping the Cegos training hierarchy
Wireframes and content hierarchy

Designing with Moodle in mind

I based the early wireframes on Moodle’s existing patterns and worked directly with Edunao to check which changes were feasible. This helped us focus customisation on the parts of the experience that needed it, rather than drawing screens that would be difficult to build.

Cegos component library and visual themes
Component library and visual themes

Building the UI system

I adapted Cegos’ visual identity into typography, colours and reusable components for dashboards and course pages. I also explored how the interface could accommodate different types of training content while remaining consistent.

High-fidelity dashboard concept for Cegos

Preparing the screens for implementation

I produced responsive high-fidelity designs and defined how the main components and layouts should behave across screen sizes. The final screens gave Edunao a reference for development.

High-fidelity course interface for Cegos
Responsive high-fidelity interface

Outcome

I delivered journeys for the three user roles, a revised content and navigation structure, a Moodle-based wireframe kit, and responsive high-fidelity screens with reusable UI components.

The designs gave Cegos and Edunao a shared reference for implementation, with the different learning journeys accommodated within one interface system.