← All case studiesLumina. · UX Case Study
E-learning · Course Platform

Lumina — helping learners actually finish the course

An online-learning platform designed around completion, not just enrollment — clear progress, one-tap resume, and motivating momentum that brings learners back.

Role
UX / UI Designer
Timeline
7 weeks
Platform
Web + Mobile
Tools
Figma · Maze · Hotjar
01

The Problem

People enroll in online courses full of intention — and rarely finish. They lose their place, lose momentum, and the dashboard does nothing to pull them back. Completion rates sit in the low double digits.

Problem statement

How might we help learners maintain momentum and actually finish the courses they start?

~13%
average online-course completion rate
#1
drop-off reason: “lost my place / motivation”
completion when progress & goals are visible
02

Goals & Success Metrics

  • Effortless resume“Continue where you left off” as the hero action, one tap away.
  • Visible progressEvery course shows how far along you are — and what's next.
  • Motivating momentumWeekly goals & streaks that reward consistency.

Target metrics: time-to-resume < 5s · next-lesson findability > 90% · SUS > 80 · motivation ↑.

03

User Research

10 learner interviewsSurvey — 52 respondentsCompetitive audit — Coursera, Udemy, DuolingoHotjar recordings

Key findings

  • 1Resuming is the biggest frictionLearners abandon when they can't instantly find where they stopped.
  • 2Progress is motivatingSeeing “33% complete” and a shrinking to-do list pulls people forward.
  • 3Micro-learning fits real lifeBusy learners study in short mobile bursts, not long desktop sessions.
  • 4Goals & streaks workDuolingo-style weekly goals meaningfully increase return visits.
04

Personas

AK

Arjun Kumar

27 · Developer · upskilling on the side

"I get 30 minutes between work and life. Just drop me back exactly where I stopped."

Goals
  • Resume instantly in spare moments
  • See how close he is to finishing
Frustrations
  • Hunting for the next lesson
  • Losing momentum after a break
LB

Lena Brar

22 · Student · goal-driven learner

"Streaks and weekly goals are what keep me coming back — I don't want to break the chain."

Goals
  • Hit a weekly learning goal
  • Feel progress & accomplishment
Frustrations
  • No sense of momentum or reward
  • Flat, uninspiring dashboards
05

User Flow — Resume & Complete

START
Dashboard
STEP 1
Tap “Resume”
STEP 2
See lesson list
STEP 3
Play next lesson
STEP 4
Mark complete
DONE
Progress +, goal ✓
06

Wireframes

Low-fi centred the dashboard on a big “continue learning” hero, with progress and a weekly goal in view — and a mobile course page built around lesson states.

Desktop — continue hero · courses · goal
Mobile — progress + lesson states
07

Hi-Fi Design & Prototype

The dashboard leads with a “Continue Learning” hero (progress bar + Resume), course cards each show their progress, and a weekly-goal ring rewards consistency. The mobile course page uses clear lesson states — done, now-playing and locked.

Lumina course dashboard
Course dashboard (desktop) — continue hero, courses, weekly goal & schedule
Lumina course detail
Course detail (mobile) — progress + lesson states + Continue

Key design decisions

  • “Continue Learning” heroThe single most-wanted action — resume — is the biggest, clearest thing on the page.
  • Progress everywhereCourse cards, a completion bar and a weekly-goal ring keep momentum visible.
  • Lesson statesDone ✓ / now-playing / locked make “what's next” unmistakable.
08

Usability Testing

6 learners, moderated remote sessions.

Tasks: (1) “Resume your in-progress course.” (2) “Find the next lesson to complete.”

MetricTargetResult
Time to resume a course< 5s3s
Next-lesson findability> 90%96%
System Usability Scale> 8085
Motivation to continue (1–5)4.4

What testing changed

Iteration 1

Resume competed with browsing new courses. → Made “Continue Learning” the visual hero with a clear Resume button and progress.

Iteration 2

Learners weren't sure which lesson was next. → Strengthened lesson states (done / now-playing highlight / locked) so the next step is obvious.

09

Results & Impact

3s
to resume a course (target <5s)
96%
found the next lesson
85
SUS score
4.4/5
motivation to keep learning
10

Reflection & Next Steps

Completion is a design problem, not a content problem. Making “resume” frictionless and progress visible did more for momentum than any feature. Borrowing habit mechanics (goals, streaks) from Duolingo translated well to structured courses.

Next: smart reminders after a lapse, downloadable lessons for offline micro-learning, and certificates/celebrations at milestones.

UX ResearchBehavioural DesignInformation ArchitectureResponsive DesignUsability Testing
Lumina UX Case Study · Designed by Rushmitha Varshini · ← Back to all case studies