Skip to content
Prashant Kumar Singh
Book a call

Freelance project · SaaS

Online Learning Platform

Online courses designed around finishing, not just starting

The Online Learning Platform hosts courses with video lessons, readings, quizzes and progress tracking, for people studying around work or school. I designed the learner experience, from the course page to the lesson player and progress views, with finishing a course as the main aim.

Role
Product design
Type
Freelance
Platforms
Web
Scope
UX, UI design

01The problem

What needed solving

Starting a course is easy; finishing it is not. Learners study in short gaps between other commitments, lose their place and drift away when progress feels slow or the next step is unclear. The platform had to make coming back easy and keep each session focused.

Who it’s for

  • Busy adult learners

    Need to pick up where they left off in a short session and see that they are moving forward.

  • Full-time students

    Need structure, practice and clear feedback on what they have understood.

  • Course instructors

    Need to see where learners get stuck so they can improve the course.

02The main flow

Back to a course

The moment in blue is the one the whole design is built around.

  1. 01

    Open the platform

  2. 02

    Resume last lesson

  3. 03

    Watch and take notes

  4. 04

    Quick check quiz

  5. 05

    Module marked complete

03Structure

How Online Learning Platform is organised

Everything has one home. Getting this right first keeps every screen simpler.

Home

  • Continue learning
  • Today’s goal
  • Recommended next

Course

  • Overview
  • Modules
  • Lessons
  • Resources

Lesson

  • Video
  • Transcript
  • Notes
  • Quiz

Progress

  • Course progress
  • Certificates
  • Activity

Instructor

  • Course builder
  • Learner insights
  • Questions

04Key decisions

Choices that shaped it

What I considered, what I chose, and why.

Decision 01

Resume first, browse second

A home screen full of new courses tempts learners to start something else instead of finishing what they began.

Considered

A catalogue-style home with featured and recommended courses at the top.

Chosen

I put a single continue card at the top, showing the exact lesson and how much of the module is left, and moved discovery below it.

Why it works

New courses lose some visibility, but the platform’s value depends on learners finishing, and a clear resume point removes the easiest excuse to drift.

Decision 02

Short lessons with a natural stop

Long lessons with no clear end point are hard to fit into a short gap in someone’s day.

Considered

Long lectures with a scrub bar and chapter markers.

Chosen

I designed lessons as short units, each ending with a small check and a clear done state, so a learner always stops at a finished point.

Why it works

Finishing a unit feels like progress, and stopping at a clean point makes it easier to come back.

Decision 03

Progress by module, not one bar

A course-wide percentage moves slowly and can feel discouraging early on.

Considered

A single progress bar for the whole course.

Chosen

I showed progress as a row of modules, each filling as lessons are done, with the current module expanded.

Why it works

Learners see a near goal they can reach soon, while the shape of the full course stays visible.

05What’s inside

Key features

Focused lesson player

Video, transcript and notes on one screen, with nothing else competing for attention.

Course outline

Modules and lessons with clear done, current and next states.

Practice checks

Short quizzes at the end of each lesson confirm understanding before moving on.

Module progress

Progress shown per module so learners always have a near goal.

Instructor insights

Instructors see where learners pause or leave so they can improve lessons.

06Outcome

What was delivered

Delivered

  • Learner home, course page, lesson player and progress screens
  • Course, module and lesson structure with lesson states
  • Quiz and module completion flow
  • Instructor insights view
  • Responsive layouts for desktop and mobile web

What I learned

  1. 01

    In learning products, the return visit is the real onboarding.

  2. 02

    Taking things out of the lesson screen helped more than anything I added to it.

More work

All work

Freelance project · SaaS

Smart India Hackathon 2024

Hackathon prototype

Freelance project · SaaS

Inventory Management System

Stock, orders and suppliers

Freelance project · SaaS

School Management ERP

One system for a whole school

Next step

Tell me what you're building.
I'll tell you how I'd ship it.

Pick a time that suits you. You'll leave the call with a clear next step, whether we work together or not.

Book a free call

Free · 30 minutes · No commitment

Prefer email? prashantkumarsingh.work@gmail.com

Book a free 30-min call