Selected Works EduSphere  ·  Case study
Mobile Learning Platform · 2021

EduSphere

Turning a sprawling course catalog into a path people can finish.

ResearchWireframingUI DesignPrototypingiOSAndroid
EduSphere cover
Product overview

EduSphere is a mobile learning platform designed to make knowledge accessible to everyone. Users explore categories, enroll in courses, and track their progress — with an intuitive interface, personalized recommendations and a light layer of competition (quizzes, races and leagues) that supports continuous learning.

Tools
DesignFigmaUI design, components & prototyping
ResearchFigJamFlows, empathy maps & journey mapping
ResearchMiroResearch synthesis & affinity mapping
Hand-offZeplinSpecs & developer hand-off
Problem statement

Learners struggle to discover courses that match their goals, lack a structured path, and get lost in cluttered interfaces that make progress hard to track.

People don't leave because they lost interest — they leave because they lost their place.
Goals
1

Simplify course discovery with personalized recommendations

2

Improve engagement with structured course navigation

3

Offer transparent progress tracking for learners

4

Enhance accessibility with a modern, intuitive UI

Design process
01

Discover

A 50-person survey focused on discovery, progress and learning motivation.

02

Define

Synthesizing findings into clear problems, user goals, flows, and the information architecture.

03

Design

Wireframes to high-fidelity UI, built on a component system and refined through iteration.

04

Deliver

Prototype flows and interface specifications, with validation priorities identified for the next stage.

Target audience
Primary

Young professionals (18–35) upskilling fast in tech, design, and business.

Secondary

Students and lifelong learners seeking affordable, structured online courses.

User research

Method Online survey · 50 respondents

68%
can't find the right course
72%
value progress tracking
50
survey respondents
  • 68% struggle to find courses matching their goals
  • 72% value progress tracking and clear milestones
  • 56% were frustrated by cluttered UI in competitors
  • Users prefer modular course design with clear chapters
Competitive analysis
Task / dimensionCourseraUdemyEduSphere
Course discoveryCourse and program catalogCourse marketplace and searchInterest-led recommendations
Progress trackingCourse and program progressCourse and lecture progressProgress, milestones and certificates
Payment modelIndividual purchases and subscriptionsCourse purchases and Personal Plan subscriptionProposed enrollment and plan choices
Learning continuityCourse and program pathwaysCourse curriculum and lesson continuationContinue learning prioritized on Home
Mobile accessMobile app and webMobile app and webMobile learning interface

Reference comparison updated September 2026. Rows describe task coverage and design focus, not a usability ranking. Availability may vary by plan, region and product version; the final column describes this case study’s design.

Design features
Feature 01

Keep your spark

Home opens on streak, XP and coins, then 'Continue learning' — the next lesson is always one tap away.

Feature 02

Habit-first onboarding

Interests and a daily goal (5 to 60 minutes) shape recommendations from the very first session.

Feature 03

The arena

Short quizzes, 1v1 races and weekly leagues turn revision into a game without touching the course content itself.

Feature 04

Rewards that matter

XP and coins convert into real discounts on the next course, and every completion ends with a shareable certificate.

Survey findings
Struggle to find courses matching their goals68% · 34/50
Value progress tracking and milestones72% · 36/50
Frustrated by cluttered competitor UIs56% · 28/50
Would learn more with a daily goal62% · 31/50
Motivated by friendly competition50% · 25/50
Sample
50

survey respondents · ages 18–35

Design implications

The survey indicated interest in progress tracking and daily goals. These findings informed onboarding and the learning dashboard; repeat-session behavior requires longitudinal prototype or product testing.

Empathy map
Mapped forAlex Morgan, 25 · junior UX designer trying to level up
Says
  • "I bought three courses and finished none."
  • "Which one is actually worth my time?"
  • "I lose track of where I was."
Thinks
  • Twenty minutes a day would be enough if I kept it up
  • A little competition might keep me going
  • I want proof I'm improving
Does
  • Learns on the commute, in short bursts
  • Screenshots progress to share
  • Compares course ratings before buying
Feels
  • Ambitious at the start
  • Guilty when a course stalls
  • Proud when a streak grows
Pain points
✕

Difficulty discovering the right courses

✕

No structured learning path

✕

Weak progress-tracking systems

✕

Overloaded, confusing UI in other apps

User persona
Alex Morgan
Alex Morgan
Age25JobJunior UX DesignerLocationBerlin, Germany

Alex is a junior UX designer who wants to quickly improve his skills and stay current. He has tried different e-learning apps but often lost motivation to cluttered interfaces and unstructured courses. He values a clear roadmap and progress tracking.

Personality
  • Ambitious
  • Goal-oriented
  • Mobile-savvy
  • Prefers visual learning
Goals
  • Learn new skills efficiently to advance his career
  • Track learning progress with clarity and milestones
  • Access affordable, structured courses
Pain points
  • Gets lost without a structured content flow
  • Frustrated by cluttered, confusing interfaces
  • Struggles to stay motivated in long, unorganized courses
Motivations
  • Career growth and promotion
  • Building a standout skillset
  • Transitioning to a senior role within 2–3 years
User journey
Stage 01Start
Onboarding
Stage 02Choose
Explore & enroll
Stage 03Learn
Lessons & quizzes
Stage 04Compete
Arena & leagues
Stage 05Achieve
Rewards & certificate
ActionsPicks interests and a 15-minute daily goalBrowses featured courses, enrols in UI/UX FoundationsWatches a lesson, takes the knowledge checkEnters the Design Sprint, races a rivalRedeems coins for a discount, downloads certificate
Thoughts"Small steps — I can do 15 minutes.""4.9 and 24 lessons. Let's go.""90% — I actually got that.""900 to 800! One more?""I finished something."
EmotionHopefulDecidedEngagedEnergisedProud
OpportunityHabit before contentRating, lessons and price on one cardInstant feedback + XP after every quizShort races, clear rulesTurn coins into the next course
High fidelity screens
EduSphere – Home
Screen 1

Home

Streak, XP and coins on top, then Continue learning and today's challenge — continuity first, discovery second.

EduSphere – Course overview
Screen 2

Course overview

Rating, lessons, duration and instructor at a glance; tabs for About, Lessons and Reviews, with a fixed Enroll CTA carrying the price.

EduSphere – The arena
Screen 3

The arena

Daily challenges, 1v1 races and leagues in one hub — competition lives next to learning, not inside it.

EduSphere – Your learning space
Screen 4

Your learning space

Level progress, weekly learning time, achievements and certificates in one profile — the proof of progress learners asked for.

Other screens

19 more screens from the final design — tap any to enlarge.

Key takeaways
01

Validate before hand-off

The next validation step is task-based testing of onboarding, enrollment and lesson continuation before engineering hand-off.

02

Continuity beats discovery

Putting 'Continue learning' above new courses gives the next lesson priority. The intended effect on course completion should be measured after validation.

03

Play lightly

Competition is optional and separate from the core learning path, reflecting mixed survey interest. Its effect on motivation and distraction requires testing.