Imarticus LMS Revamp
Imarticus LMS Revamp
Imarticus LMS Revamp
A full-scale redesign of an EdTech platform's learner dashboard — from outdated and confusing to modern, intuitive, and shipped to production.
A full-scale redesign of an EdTech platform's learner dashboard — from outdated and confusing to modern, intuitive, and shipped to production.
The Problem
The Problem
Learner surveys revealed the dashboard felt outdated, flows were unclear, and users struggled to navigate. With 12,50,000+ learners on the platform, even small friction had outsized impact.
Learner surveys revealed the dashboard felt outdated, flows were unclear, and users struggled to navigate. With 12,50,000+ learners on the platform, even small friction had outsized impact.
Learner surveys revealed the dashboard felt outdated, flows were unclear, and users struggled to navigate. With 12,50,000+ learners on the platform, even small friction had outsized impact.
1.25M+
Learners on platform
1.25M+
Learners on platform
3
Viewports designed
3
Viewports designed
12+
Features shipped
12+
Features shipped
10+
Months of ownership
10+
Months of ownership
Design Process
Not just screens —
a complete design system
Research First
Platform-wide learner survey conducted via Google Forms before a single screen was designed
Systems Thinking
Entire colour system rebuilt on 2 brand colours + opacity variants, enabling full white-label support for B2B clients
3 Breakpoints, Always
Every single screen designed at 1440px, 834px, and 375px, no afterthought responsiveness
3 Breakpoints, Always
Every single screen designed at 1440px, 834px, and 375px, no afterthought responsiveness
Every Edge Case Covered
Empty states, skeleton loaders, error states, disabled CTAs - designed and documented for every screen
Design to Dev Handoff
All screens delivered across 3 sizes with interactions, annotations, and edge cases - ready for direct development pickup
Interaction Design
Loaders, animations, skeleton states, hover states and micro-interactions designed to reinforce the Imarticus brand identity
Research First
Platform-wide learner survey conducted via Google Forms before a single screen was designed
Systems Thinking
Entire colour system rebuilt on 2 brand colours + opacity variants, enabling full white-label support for B2B clients
3 Breakpoints, Always
Every single screen designed at 1440px, 834px, and 375px, no afterthought responsiveness
Every Edge Case Covered
Empty states, skeleton loaders, error states, disabled CTAs - designed and documented for every screen
Design to Dev Handoff
All screens delivered across 3 sizes with interactions, annotations, and edge cases - ready for direct development pickup
Interaction Design
Loaders, animations, skeleton states, hover states and micro-interactions designed to reinforce the Imarticus brand identity
02
Welcome Screen
Welcome Screen
Users landed directly on the dashboard with no context about what they'd paid for. Replaced with a bento-style welcome screen post signup.
Users landed directly on the dashboard with no context about what they'd paid for. Replaced with a bento-style welcome screen post signup.
Pause
03
Weekly Calendar
Weekly Calendar
Day-view wasted space and showed nothing useful — learners missed deadlines regularly. Replaced with a weekly schedule view and upcoming deadline panel.
Day-view wasted space and showed nothing useful — learners missed deadlines regularly. Replaced with a weekly schedule view and upcoming deadline panel.
04
Profile Onboarding
Profile Onboarding
Profile details were collected in fragments after login — leading to incomplete user data. Replaced with interactive step-by-step onboarding and a real-time live profile preview.
Profile details were collected in fragments after login — leading to incomplete user data. Replaced with interactive step-by-step onboarding and a real-time live profile preview.
Pause
05
Quiz & Assessments
Quiz & Assessments
Long scroll on mobile, made quizzes unusable with no progress visibility. Redesigned as a full-screen proctored quiz with a progress bar and mobile-optimised question navigation.
Long scroll on mobile, made quizzes unusable with no progress visibility. Redesigned as a full-screen proctored quiz with a progress bar and mobile-optimised question navigation.
06
Dashboard Home
Dashboard Home
No priority view — deadlines, live classes, and certificates were buried or missing. Redesigned with a collapsible navbar, certificate widget, content status chips, and priority calendar.
No priority view — deadlines, live classes, and certificates were buried or missing. Redesigned with a collapsible navbar, certificate widget, content status chips, and priority calendar.
Pause
The Problem
Research First
Platform-wide learner survey conducted via Google Forms before a single screen was designed
Systems Thinking
Entire colour system rebuilt on 2 brand colours + opacity variants, enabling full white-label support for B2B clients
3 Breakpoints, Always
Every single screen designed at 1440px, 834px, and 375px, no afterthought responsiveness
Every Edge Case Covered
Empty states, skeleton loaders, error states, disabled CTAs - designed and documented for every screen
Design to Dev Handoff
All screens delivered across 3 sizes with interactions, annotations, and edge cases - ready for direct development pickup
Interaction Design
Loaders, animations, skeleton states, hover states and micro-interactions designed to reinforce the Imarticus brand identity
