EdTech
LMS Dashboard
UI/UX Design
E-Learning Platform
Conversion Optimization
User Engagement
Accessibility
Figma
LMS Dashboard Design – Virtual Learning Platform
LMS Dashboard Design – Virtual Learning Platform
LMS Dashboard Design – Virtual Learning Platform
LMS Dashboard Design – Virtual Learning Platform
LMS Dashboard Design – Virtual Learning Platform
LMS Dashboard Design – Virtual Learning Platform
Learning Management System (LMS)
Learning Management System (LMS)
Learning Management System (LMS)
Learning Management System (LMS)
Learning Management System (LMS)
Learning Management System (LMS)
2021
Timeline
Lead Designer
UI/UX
2021
Timeline
Lead Designer
UI/UX
Background & Challenge
Background & Challenge
During COVID-19, the client needed a virtual classroom dashboard to ensure continuity of education. The goal was to replicate the classroom experience online—while keeping it engaging, accessible, and scalable for students, teachers, and administrators.
Key challenges:
Transitioning from physical to virtual learning without overwhelming users. Building an interface accessible across devices (desktop, tablet, mobile). Designing engagement-driven tools to keep students motivated remotely.
During COVID-19, the client needed a virtual classroom dashboard to ensure continuity of education. The goal was to replicate the classroom experience online—while keeping it engaging, accessible, and scalable for students, teachers, and administrators.
Key challenges:
Transitioning from physical to virtual learning without overwhelming users. Building an interface accessible across devices (desktop, tablet, mobile). Designing engagement-driven tools to keep students motivated remotely.
Goals
Goals
1
Seamless Integration → connect students, teachers, and admins in one system.
1
Seamless Integration → connect students, teachers, and admins in one system.
1
Seamless Integration → connect students, teachers, and admins in one system.
2
Accessibility → consistent experience across all devices.
2
Accessibility → consistent experience across all devices.
2
Accessibility → consistent experience across all devices.
3
Interactive Learning → promote engagement with real-time tools.
3
Interactive Learning → promote engagement with real-time tools.
3
Interactive Learning → promote engagement with real-time tools.
4
Personalized Support → adaptable dashboards for different user roles.
4
Personalized Support → adaptable dashboards for different user roles.
4
Personalized Support → adaptable dashboards for different user roles.
My Approach & Solutions
My Approach & Solutions
1
User-Centric Interface
Designed an intuitive layout with clear hierarchy. Conducted research & testing to ensure usability for all proficiency levels.
1
User-Centric Interface
Designed an intuitive layout with clear hierarchy. Conducted research & testing to ensure usability for all proficiency levels.
1
User-Centric Interface
Designed an intuitive layout with clear hierarchy. Conducted research & testing to ensure usability for all proficiency levels.
2
Customizable Dashboard:
Students: course modules, assignments, communication tools. Teachers: class schedules, resources, student progress trackers.
2
Customizable Dashboard:
Students: course modules, assignments, communication tools. Teachers: class schedules, resources, student progress trackers.
2
Customizable Dashboard:
Students: course modules, assignments, communication tools. Teachers: class schedules, resources, student progress trackers.
3
Interactive Learning Tools
Virtual whiteboards, breakout rooms, real-time chat. Encouraged collaboration & active participation.
3
Interactive Learning Tools
Virtual whiteboards, breakout rooms, real-time chat. Encouraged collaboration & active participation.
3
Interactive Learning Tools
Virtual whiteboards, breakout rooms, real-time chat. Encouraged collaboration & active participation.
4
Seamless Communication Channels
Integrated video conferencing, discussion forums, and instant messaging. Strengthened student-teacher and peer-to-peer connections.
4
Seamless Communication Channels
Integrated video conferencing, discussion forums, and instant messaging. Strengthened student-teacher and peer-to-peer connections.
4
Seamless Communication Channels
Integrated video conferencing, discussion forums, and instant messaging. Strengthened student-teacher and peer-to-peer connections.
5
Scalable Design System
Built reusable Figma components for consistent rollout. Allowed for easy future feature expansion.
5
Scalable Design System
Built reusable Figma components for consistent rollout. Allowed for easy future feature expansion.
5
Scalable Design System
Built reusable Figma components for consistent rollout. Allowed for easy future feature expansion.
Tools
Tools
Figma
Results & Impact
+40% increase in student engagement (measured via participation in interactive tools).
Reduced learning drop-offs by making navigation simple & accessible. Teachers reported higher efficiency in managing classes and tracking progress.
Delivered a future-proof design system ready for additional modules.
