Educational Transformation: Mobile LMS

A mobile learning management system that helps learners access courses, track progress, engage with content, and manage their learning seamlessly on the go.

Client

Client

upGrad

upGrad

Role

Role

Lead UX & UI Designer

Lead UX & UI Designer

Industry

Industry

Education

Education

Timeline

Timeline

Jun 2023 - Feb 2024

Jun 2023 - Feb 2024

Problem Statement

The company only had a desktop-supported Learning Management System (LMS) web application, and they wanted to design a mobile-first application for their users that could address the following issues and later on will be implemented for a desktop web application:

2 for 1

Juggle between administrative application and LMS application.

Increased cognitive load with multiple logins

Old School

The UI of the application was not attractive.

Inconsistent usage of icons and poor visual hierarchy.

Back In The Grid

The application only had pages to view courseware and assignments

The application lacked micro interaction.

“I don't want the app that not only looks good but should have features that will me to grow and study effectively”

“I don't want the app that not only looks good but should have features that will me to grow and study effectively”

Subham Singh

Subham Singh

User Persona

Johnny Depp

Age

27

Role

Part -Time Student

Bio

Cameron juggles budgets, crews, and schedules but struggles with scattered details and last-minute changes.

Core needs

Easy tracking of course and assignment progress.

Motivational nudges to stay consistent.

Reliable reminders for live sessions and due dates

Bite-sized learning

Pain Points

Overwhelmed by long video lectures and dense content.

Confusion about where to start and how to prioritize modules.

Disconnected experience across app.

Difficulty maintaining consistency due to work or personal commitments.

Losing track of deadlines, submissions, or what’s incomplete

Feeling demotivated when progress isn’t visible

Wireframes

Wireframes

Created the wireframes to outline the essential functionality of the app.

Created the wireframes to outline the essential functionality of the app.

Bringing the Vision to Life

Bringing the Vision to Life

Visual snapshots of how thoughtful design decisions transformed the app

Visual snapshots of how thoughtful design decisions transformed the app

Visual snapshots of how thoughtful design decisions transformed the app

Navigation Redefined

A fresh, intuitive layout that lets students access key features instantly through quick links.

A fresh, intuitive layout that lets students access key features instantly through quick links.

Revamped Calendar: Beyond Dates

The calendar now does more than list classes it lets students join live sessions or rewatch past ones in a tap, all within a fresher, more engaging design.

The calendar now does more than list classes it lets students join live sessions or rewatch past ones in a tap, all within a fresher, more engaging design.

Effortless Learning

The new “Continue Learning” feature lets students pick up right where they left off, keeping their learning flow uninterrupted.

The new “Continue Learning” feature lets students pick up right where they left off, keeping their learning flow uninterrupted.

Learning Without Limits

With downloadable resources and modules, students can learn anywhere without needing constant connectivity.

With downloadable resources and modules, students can learn anywhere without needing constant connectivity.

Features That Make the Difference

Features That Make the Difference

Key features that strengthen the overall learning experience for the users.

Key features that strengthen the overall learning experience for the users.

Shorts: Learn Fast

A new feature with bite-sized video clips offering quick insights to help students stay informed and learn efficiently.

Distraction-Free Learning

A distraction-free mode hides navigation while studying, while bookmarks, notes, a page-turn effect, and a side index bar make learning more focused, immersive, and easy to navigate.

Learning Dashboard

The home screen now shows progress, attendance, and assignment features that were missing in the old LMS.

Refer & Earn

The Refer & Earn feature motivates students to invite peers, boosting enrollments while rewarding learners creating a simple win-win.

Conclusion

This project reshaped how students interact with their learning platform, creating a seamless and efficient experience they can rely on anytime, anywhere. By unifying fee payments, queries, exam updates, and course materials into a single login, every design choice focused on real student needs, making the platform simple, intuitive, and truly useful. With a strong foundation now in place, the app is ready for future upgrades like personalized recommendations and deeper learning insights. It’s a project I’m proud to have crafted, streamlining education while delivering meaningful value for both students and the business.

This project transformed the student learning experience by unifying payments, queries, exam updates, and course materials into a single, intuitive platform. Designed around real user needs, it’s simple, efficient, and ready for future upgrades like personalized recommendations, streamlining education while delivering value to both students and the business.

Wireframes

Created the wireframes to outline the essential functionality of the app.

Create a free website with Framer, the website builder loved by startups, designers and agencies.