An LMS with everything except a face

• Courses, exams, enrolment and chat all came built in
• The stock UI was bare, off-brand and unmistakably Moodle
• A ground-up build meant re-solving solved problems

Keep the machinery, redesign the experience

• Themed Moodle's components into Material Design
• Every screen mapped to a capability that already worked
• A Google-grade product shipped on LMS timescales

A grid of modules told students nothing

• All five modules presented at once, equal weight
• No sense of where you were or what came next
• Progress lived inside modules, invisible from the dashboard

The modules became a sequence

• One current module front and centre, ringed with progress
• Completed modules behind you, locked ones ahead
• Students always knew: where they were, and how far to next

The LMS decided how the course would be structured

• Modules, activities and exams followed Moodle's data model
• Interactions couldn't stray far from what it could render
• Anything custom meant extra dev work

Constrain the model, not the UI

• Design effort went to the moments students actually feel
• Assessment, enrolment and chat worked from day one
• I had little say as to the course experience, mostly the UX/UI for the front end

Google's brand without Google's design team

• The product had to read as Google at first glance
• No component library existed for the course itself
• I had to be very precise to match Google's design system

Material Design gave me a solid foundation

• Cards, progress rings and sticky menus straight from the guidelines
• Bright module colours carried Google's own identity
• Familiarity meant users already knew what to do