EdTech

Scalable Learning Experience for an LMS

Redesign the existing student-facing learning application into an MVP that addresses outdated visuals, missing UX structure, and low student engagement. The app needed a modern, intuitive, and scalable experience that could make key learning features easier to access and use. This MVP also aimed to strengthen the product’s perception for institute clients, support better adoption during sales conversations, and create a solid foundation for both student and teacher applications later on.

Client

Freelance Client

Timeline

10 Days

Role

Design Consultant

Context

The product initially gained strength through OMR-based evaluation and later expanded into a broader student-facing learning application for educational institutes, bringing together learning content, exams, attendance, fees, performance tracking, doubts, timetable, communication, and question banks.

The app was built with a functionality-first approach, and as new features were introduced over time, they were added into the existing structure without rethinking the overall experience. This made the app feel outdated, crowded, and less engaging for students.

The current setup allows institutes to add their logo and name, but a more personalized institute-branded experience is part of the next product direction.
The redesign focused on modernizing the student app, improving product perception for institute adoption, and creating a scalable UX/UI foundation for both student, teacher-side and branding extensions.

Role & Responsibilities

I worked as the Senior Product Designer and sole designer on the project, leading the UX and UI revamp of the student-facing mobile learning application.

Ownership & Scope

Owned the design direction for the MVP, including existing app audit, UX gap identification, MVP scope definition, core information architecture, key user flows, wireframes, high-fidelity UI, lightweight design system, clickable prototype, and developer handoff.

Collaboration

Collaborated directly with the founder to align the MVP with business goals, student usability needs, institute demo requirements, and future scalability for both student and teacher applications.

Existing Screens

The Gap

The existing app was feature-rich, but the experience was not structured around clear student actions. For the MVP, the audit focused on the most visible gaps affecting usability, engagement, and product perception.

Key gaps identified:

Outdated visual design that reduced product credibility.

Unclear navigation that made key actions harder to access.

Limited progress visibility for students.

Inconsistent UI patterns across screens.

Weak learning journey guidance across lessons, exams, progress, and doubts.

Low premium perception during institute demos and adoption conversations.

Outdated visual design that reduced product credibility.

Limited progress visibility for students.

Weak learning journey guidance across lessons, exams, progress, and doubts.

Unclear navigation that made key actions harder to access.

Inconsistent UI patterns across screens.

Low premium perception during institute demos and adoption conversations.

User Personas

Students

Goals

  • Continue learning from where they left off. Raise doubts and track whether they are resolved.

  • Access lessons, study material quickly. Attempt exams and practice through question banks.

  • Track performance, attendance, timetable, and institute updates.

Pain Points

  • Dashboard felt crowded and difficult to scan. Learning journey was not clearly guided.

  • Navigation was not intuitive, making key actions harder to find.

  • Learning progress and next steps were not clearly visible.

Design Opportunities

  • Prioritize key learning actions on the home screen.

  • Create a clearer path to continue learning, attempt exams, and track progress.

  • Use consistent UI patterns to make the app easier and faster to use.

Institute

Goals

  • Deliver learning content, exams, and academic updates to students.

  • Track student performance, attendance, and learning progress.

  • Use the app as a credible digital touchpoint for the institute.

Pain Points

  • Existing app did not feel polished enough for institute adoption or demos.

  • Student experience lacked clear structure, which could affect engagement.

  • Current product foundation needed to scale better for future teacher-side workflows.

Design Opportunities

  • Improve the student app MVP to create a stronger first impression for institutes.

  • Structure learning, exams, progress, and communication modules more clearly.

  • Create a scalable UX/UI foundation for future teacher-side workflows.

Students

Goals

  • Continue learning from where they left off. Raise doubts and track whether they are resolved.

  • Access lessons, study material quickly. Attempt exams and practice through question banks.

  • Track performance, attendance, timetable, and institute updates.

Pain Points

  • Dashboard felt crowded and difficult to scan. Learning journey was not clearly guided.

  • Navigation was not intuitive, making key actions harder to find.

  • Learning progress and next steps were not clearly visible.

Design Opportunities

  • Prioritize key learning actions on the home screen.

  • Create a clearer path to continue learning, attempt exams, and track progress.

  • Use consistent UI patterns to make the app easier and faster to use.

Institute

Goals

  • Deliver learning content, exams, and academic updates to students.

  • Track student performance, attendance, and learning progress.

  • Use the app as a credible digital touchpoint for the institute.

Pain Points

  • Existing app did not feel polished enough for institute adoption or demos.

  • Student experience lacked clear structure, which could affect engagement.

  • Current product foundation needed to scale better for future teacher-side workflows.

Design Opportunities

  • Improve the student app MVP to create a stronger first impression for institutes.

  • Structure learning, exams, progress, and communication modules more clearly.

  • Create a scalable UX/UI foundation for future teacher-side workflows.

Information Architecture

Student Mobile App

Student Mobile App

Settings

Settings

Profile

Profile

Support & Communication

Support & Communication

Notices

Notices

Posts

Posts

Doubts

Doubts

Question Bank

Question Bank

Performance

Performance

Exams

Exams

Downloads

Downloads

Documents

Documents

Videos

Videos

Courses

Courses

Fees

Fees

Attendance

Attendance

Timetable

Timetable

Exam & Performance

Exam & Performance

Learning

Learning

Calendar

Calendar

Student Mobile App

Settings

Profile

Support & Communication

Notices

Posts

Doubts

Question Bank

Performance

Exams

Downloads

Documents

Videos

Courses

Fees

Attendance

Timetable

Exam & Performance

Learning

Calendar

Style Guide

Colors & Typography

# F15808

# F15808

# D52F05

# D52F05

# EEB800

# EEB800

# FFFFFF

# FFFFFF

# 1E1E1E

# 1E1E1E

# FEF2E5

# FEF2E5

# B11722

# B11722

# 25BA70

# 25BA70

Learn smarter.
Stay on track.

Learn smarter.
Stay on track.

Learn smarter.
Stay on track.

Access lessons, exams, doubts, attendance, and updates in one place, with
a clearer way to continue learning and monitor progress.

Access lessons, exams, doubts, attendance, and updates in one place, with a clearer way to continue learning and monitor progress.

Access lessons, exams, doubts, attendance, and updates in one place, with a clearer way to continue learning and monitor progress.

Poppins
Headings

Poppins
Headings

Poppins
Headings

Open Sans
Paragraphs

Light | Regular | Bold

Open Sans
Paragraphs

Light | Regular | Bold

Open Sans
Paragraphs

Light | Regular | Bold

# F15808

# D52F05

# EEB800

# FFFFFF

# 1E1E1E

# FEF2E5

# B11722

# 25BA70

Solution