01 · E-Learning App Design

EduSphere

Let's make e-learning interesting with AI-driven personalized learning, gamification, spaced repetition, and the Pomodoro technique.

Full case study · 8 min read

EduSphere app overview
The goal
Boost engagement & retention through spaced repetition, gamification, and AI-personalized learning
Responsibilities
Interviews, wireframing, B2C mobile design, prototyping, usability studies
Duration
3 months
My role
Research, persona, dashboard design, prototyping, testing
Team
Individual project
FigmaFigJamAxure RPMiro
01 — Problem statement & user pain points

The learning dilemma: what's broken?

E-learning platforms have grown rapidly, but they still struggle with three key challenges that surfaced again and again in research.

Low engagement & motivation

"There should be a reward system, not just one or two stars — something that tracks correct and incorrect answers, and provides revised materials for that specific weak area."
"It's difficult to maintain interest throughout — some courses run 40 hours long."
"I knew what topic I wanted to learn but couldn't figure out what I needed to learn."

Ineffective retention of information

"I want materials that show me where I'm lacking, so I can revise those things daily."
"I want proper revision on topics, not just a one-time pass."

Lack of personalized learning

"I want recommendations based on my progress and level — not a generic course list."
02 — Solution overview

The vision: making learning smarter & engaging

EduSphere was designed to bridge these gaps by integrating four techniques into one connected experience.

01
Spaced repetition to enhance long-term memory retention
02
AI-driven personalized learning for adaptive recommendations
03
Gamification to boost motivation and participation
04
Pomodoro technique to complete topics without burning out
03 — Design process

Research → Define → Ideate → Design → Test

01

Research

Survey + interviews to surface real pain points.

02

Define

Built a working persona from the research findings.

03

Ideate

Mapped the user flow and sketched early concepts.

04

Design

Built high-fidelity mockups and interactive prototypes in Figma.

05

Test & iterate

Usability testing, then iterated on the design based on findings.

04 — User research insights

Understanding the users: what do they need?

Conducted user interviews (6 participants) and a survey (82 responses) to identify pain points.

67%
Use e-learning platforms for over an hour daily
39%
Found spaced repetition beneficial for memory retention
32.9%
Preferred AI-driven learning for a personalized experience
30 min
Length of each semi-structured interview

6 participants — undergraduates, graduates, and postgraduates.

J

Meet Josh

Junior developer, age 24

"I'm balancing work and learning. I need a flexible, engaging platform with progress tracking — I'm struggling with boring content and a lack of motivation."

05 — Ideation

User flow & feature prioritization

Early user flow — mapping the path from onboarding to a personalized dashboard.
Early user flow — mapping the path from onboarding to a personalized dashboard.
Personalized dashboard with AI-recommended courses
Interactive learning modules with video, notes & quizzes
Gamification through badges, leaderboards & rewards
AI-powered revision plans based on performance
06 — The four solutions, in detail

High-fidelity prototypes, built in Figma

Solution 1 — Spaced repetition

AI tracks each learner's memory retention pattern and suggests the optimal interval for reviewing content — resurfacing material just before it's likely to be forgotten, via flashcards that adapt to topic difficulty.

Solution 2 — Personalized learning

AI algorithms analyze a learner's profile, performance, and interests to suggest the most relevant courses or modules — reducing time spent searching and keeping learners focused on content that meets their needs.

Solution 3 — Gamification

AI drives the back-end of gamification, adjusting the difficulty and type of challenges and rewards based on engagement and performance — including a leaderboard so learners can track their standing.

Solution 4 — Pomodoro technique

Users get frustrated and tired from lengthy videos. This technique lets students set 25, 15, or 5-minute intervals as needed and notifies them once they've hit their target, so they can take a proper rest.

07 — Testing & iteration

Iterative feedback from usability testing (19 participants)

Before testing
Before testing
After testing
After testing

The lecture (curriculum) screen originally displayed before the course description. I rearranged the flow so the course description now appears first, giving learners an immediate understanding of the course before they explore the curriculum.

"I need to know what the course is really about before I know about the lectures. Having the description first makes it much clearer."
Before testing
Before testing
After testing
After testing

Users had to click repeatedly to expand each lecture or section after enrolling. I streamlined this by keeping sections open by default once a user enrolls, reducing unnecessary taps.

"Once I'm in after enrollment, I'd expect to see lesson content — maybe videos or quizzes."
Before testing
Before testing
After testing
After testing

The meaning and criteria for earning Subject Mastery badges were unclear. I added detailed explanations plus a "Learn More" link to a dedicated page explaining rewards and badges in depth.

"I also notice a 'Subject Mastery' section and I'm curious to see how that works."
Before testing
Before testing
After testing
After testing

This section was motivating, but reward icons on the achievements page weren't prominent enough to quickly recognize accomplishments. I brightened and enhanced the icons for clearer, more immediate visual feedback.

"This is definitely motivating and makes me want to come back and finish the lectures to climb the leaderboard. I'd love to see bigger icons or a little more color to make the badges pop."
08 — Impact & measurable outcomes

Testing & insights: what worked, what didn't?

80%
Task success rate during usability testing
Higher engagement with AI-driven quiz revisions & gamified elements
Improved ease-of-use across user satisfaction ratings

Key feedback & iterations

Visibility
Improved visibility of badges & rewards
Content organization
Reordered course descriptions before lessons
Gamification
Clearer icons and leaderboard placement
Polish
Fixed minor design flaws surfaced in testing
09 — Conclusion & reflection

Engaging, adaptive, retention-focused

EduSphere successfully enhances the e-learning experience by making it engaging, adaptive, and retention-focused.

  • — Personalized features and gamification are essential for user satisfaction in e-learning.
  • — Interactive content and diverse materials significantly improve engagement and motivation.
  • — Usability matters: minor UI challenges surfaced, but overall satisfaction stayed high.
  • — Future work: expanding AI capabilities and adding collaborative learning features.
Thank you for reading — explore more case studies

Let's Connect

LinkedInGmail

© Created with lots of love and dreams by Rajlaxmi Gade · Site Studio