LMS DASHBOARD

UI/UX Case Study

LMS DASHBOARD

Learning
Management
System

The challenge is to design a simple and user-friendly Student LMS Dashboard that helps students manage academic tasks, track progress, prioritize important deadlines, and focus on career goals efficiently without feeling overwhelmed by excessive information.

  • Students feel overloaded

  • Need quick access to exams, assignments, progress, placements

Why This Matters

What did i do in this project?

Design Process

Empathize

User Research, User Interview, Competitive Analysis

Define

User Personas, Empathy Map, User Journey, Affinity Map

Ideate

User Flow, Information Architecture, Braunstorming

Design

Wireframe, Visual Designs, Prototype

Test

Feedbacks, Conclusion, Future Concept

Component

Token Value

Primary Blue #7033FF

Secondary Blue #F6F3FF

Success Green #1CDD53

Progress #3083FF

Error #DC2626


Colors

Userflow

User Persona

Ui Screen

Dashboard

Thanks

For watching

Dashboard

Prototype

Design System

Responsive Design

Ui/Ux

Rahul: Engineering Student

Age: 22


Goals:

Track assignments

Prepare for exams

Continue learning easily


Pain Points:

Too many scattered sections

Missed deadlines

Hard-to-read dashboards

Login
↓
Dashboard
↓
My Courses
↓
Assignments
↓
Start Exam
↓
Certificates
↓
Success State

Typography

Inter

Inter

Aa

Font

Light

Regular

Semibold

Style

7033FF

F6F3FF

E4E5E2

010101

How Might We Improve This?

  • Reduce cognitive load

  • Improve visibility of important actions

  • Create scalable design system

  • Student-focused

  • Data-friendly

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