Skip to content
usman()
case study 06

Learning Connect

Interactive learning UIs for a leading UK educational platform, built to keep students engaged, not just enrolled.

1. wireframe2. components3. production
Client
Learning Connect, ed-tech, London
Year
2022
Category
Web app
Role
Senior frontend engineering
Stack
Angular · Next.js · TypeScript · Modern CSS
the challenge

Online learning platforms lose students to passive, static course pages. Learning Connect needed interfaces that made learners participate, across a large existing Angular codebase.

the approach

I developed engaging, interactive Angular-based UIs across the platform's core learning flows, and used Next.js with modern CSS to lift the marketing site's aesthetics and integrate it seamlessly with the backend.

the result

The redesigned interactive UIs boosted user interaction across the platform by 40%: students spent more time doing, less time scrolling.

user interaction after the UI overhaul

design details

Interaction was the design principle: every lesson element responds: progress you can feel, feedback the moment you act.

under the hood

Angular for the logged-in product, Next.js for the public site: two frameworks, one seamless experience, cleanly integrated against the same backend.

next case studyFuture Translation →