Case study
Learning Management System (LMS)
A course catalogue and enrolment flow that works for a single parent and for a whole school, on any device.
- Industry
- Education technology
- Year
- 2023
- Timeline
- About five months
- Services
- Front-end engineering, UX design, Mobile app development
- Stack
- ReactJS, Redux, Material UI, HTML/CSS

What changed
- Students and parents browse courses, preview lessons and subscribe in a few taps
- School and college staff enrol whole groups in one action instead of account by account
- The same experience on desktop, tablet and phone, with native apps for iOS and Android
Numbers available under NDA on request.
This project is the learner-facing part of a larger learning management system, built for schools, colleges and their families. We handled the experience that students, parents and school staff see when they choose and sign up for courses.
Overview
The platform sells and delivers courses. Behind it sits the usual machinery: content, subscriptions, provider accounts, reporting. In front of it, three quite different people need to get things done. A parent wants to find the right course for their child and pay for it. A student wants to look at a lesson before committing. A member of school staff wants to put thirty students on the same course without doing it thirty times.
The problem
The existing flow treated all of those people the same way, one account and one enrolment at a time. For families it was more friction than it needed to be. For schools it was genuinely painful, because bulk enrolment meant repeating the same steps for every student on a list.
There was also nothing to reduce the risk of picking the wrong course. Buyers were committing before they had seen what was inside.
Our approach
We designed two paths through the same catalogue: an individual path and a group path. The individual path is short and reassuring, with lesson previews so people can look before they buy. The group path lets a staff member select a course once, paste or upload a class list, and enrol everyone together.
We built it in React with Material UI so the interface stayed consistent as the number of screens grew, and made responsiveness a requirement from the first sprint rather than a pass at the end. Native apps for iOS and Android share the same content and flows.
What we built
- A course catalogue with search, filtering and clear previews of what each course contains.
- An individual enrolment and subscription flow aimed at parents and students.
- Group enrolment for school and college staff: one course, a list of students, one action.
- A responsive layout plus iOS and Android apps, so a course can be started on a laptop and continued on a phone.
The outcome
Families get a shorter, clearer route from finding a course to starting it, with previews that cut down on wrong choices. Schools get bulk enrolment that takes minutes instead of an afternoon. The provider gets one set of flows to maintain across web and mobile rather than several.