Learning Management Systems

Project Title: LMS Case study

Project Duration: 5 month

My Role: UX/UI Designer

Tools Utilized: Sketch, Figma, Adobe XD, User Testing

Year Completed: 2024

Introduction

This case study focuses on creating a seamless, user-friendly LMS admin platform that simplifies course management and empowers administrators to support employee learning with ease.

Challenge Statement

How might we create an intuitive admin platform for a Learning Management System that streamlines course management, employee enrollment, and performance tracking, enabling administrators to focus on delivering effective training?

Empathize

Survey

I designed a survey to assess LMS administrators' experiences. Below are some of the survey questions and the synthesized results:

How would you rate the adequacy of the current features in your LMS?

How satisfied are you with the modernity and user-friendliness of your LMS interface?

How effective are the search and filtering functionalities in helping you find the content you need?

How intuitive do you find the navigation within your LMS?

How easy is it to locate the information you need within the LMS?

Synthesized Results

Synthesized Results: Based on responses from %100. 10 LMS administrators.The survey results underscore significant areas for improvement in LMS platforms, particularly in feature adequacy, user interface design, search functionality, navigation intuitiveness, and information accessibility.

Persona & Empathy Map

I conducted user interviews with LMS administrators to understand their daily tasks, frustrations, and needs. I analyzed survey data to identify common pain points, such as complex navigation, inefficient reporting, and lack of automation. Based on these insights, I developed three detailed personas—Training Manager, LMS Administrator, and IT Administrator—each representing different user roles. Their behaviors, goals, and struggles were mapped into DOES, THINKS, FEELS, and SAYS categories to visualize their experiences. This research-driven approach ensures that the design decisions align with real user needs, making the LMS admin platform more intuitive and efficient.

Define

Synthesize Research Findings

After gathering insights from user interviews, surveys, and empathy mapping, I synthesized the key findings to define the core problem statement and user needs. This phase focuses on clearly identifying the most critical challenges LMS administrators face and setting a direction for solutions.

Problem Statement

LMS administrators are busy professionals who need an intuitive and efficient platform to manage training programs because the current system is complex, time-consuming, and lacks automation.

Key Insights & User Needs

Ideate

Goal Statement

The goal is to design an intuitive and efficient LMS admin platform that simplifies navigation, enhances search and reporting capabilities, and automates routine tasks. This will help administrators manage training programs more effectively, reduce manual workload, and improve overall user satisfaction.

HMW (How Might We) Questions

UserFlow

Navigation & Usability Enhancements

✅ Simplified sidebar navigation with clear categories and icons.


✅ Reduced the number of clicks needed for common admin actions.


✅ Improved information hierarchy to make key features easily accessible.


✅ Enhanced visual contrast and modernized UI for better readability.

UI & Visual Design Improvements

✅ Transitioned to a modern, clean UI with soft colors and improved spacing.

✅ Enhanced icons and visual cues to improve feature recognition.

✅ Created consistent typography and spacing to maintain design clarity.

✅ Improved mobile responsiveness for better access on different devices.

Search & Filtering Optimization
✅ Introduced advanced filtering options for organizations, employees, and courses.
✅ Added real-time search suggestions for faster access to data.
✅ Enabled multi-select filters to refine search results more efficiently.
✅ Improved sorting logic for tables and lists, making it easier to find relevant information.

Before

After

Before

After