Enhancing Learning management system
LearnX is a responsive web-based learning management system (LMS) designed to provide learners with a seamless and engaging online education experience. Built with usability in mind, LearnX enables users to easily browse courses, track their progress, and interact with learning materials in a structured and intuitive way.
UI/UX Designer
2023
Edu-tech, SasS
Challenge
With the increasing demand for online education, many learning platforms suffer from cluttered interfaces, poor mobile responsiveness, and difficult navigation. LearnX was designed to solve these pain points by offering a clean, user-friendly, and accessible experience for all types of learners.
Outcome
LearnX’s design balances aesthetics with usability, creating an engaging and frustration-free experience for online learners. The platform’s responsive and accessible approach ensures that learning is seamless, whether on a laptop, tablet, or phone.
30% faster course discovery due to an intuitive navigation system and improved filtering options.
45% increase in course completion rates, driven by clear progress tracking and a structured learning flow.
60% mobile adoption, showcasing the success of the responsive design in making learning accessible on all devices.
Reduced bounce rate by 25%, indicating that users found the platform engaging and easy to navigate.
Output
Home Screen
On the home screen, users can view their learning time chat to see the approximate time that are spending on their courses either per year/month/day.
The dashboard also consists of the statistics of courses where users can see their average score, percentage of task completed, e.t.c. Users will be able to also see their ongoing courses and latest tasks right on their dashboard/home page
COURSES
The course page is designed to show users all the courses they registered for. Users will be able to filter by all courses, completed courses or ongoing courses. They will also be able to filter according to the profession/fields the courses fall under.This is to ensure that their experience is fast and delightful.
Course Details
The course detail page is the screen where users will be able to take their selected course by watching the video tutorial and have access to other learning material attached to the course. They will be able to upload the task given and view how many lessons are involved.
Profile page
Users will be able to see their profile picture, name, location and also add a cover photo on their profile page. Their certificates and badges earned will also be display on this page.
Chats
Students will be able to interact with their fellow students and instructors right on the chat screen. This Is to Improve collaboration and communication amongst stuaents and Instructors.
Badges
Users are to earn badges upon completing tasks on this platform. The badges page will display all the badges earned so far by the users and other badges they are about to unlock.
Favourite Course page
This page will show the list of all the courses users have favorited on the website. This might be the course they will want to register for later or share with others.
Settings
This page is to display users data, users will be able to edit and manage their data on the settings page. There is also notification settings on this page which will enable users to be able to manage how they want to be receiving notification about Learn and their activities on LearnX.
Partcipants page
This page will show the list of all the courses users have favorited on the website. This might be the course they will want to register for later or share with others.
Partcipants page
Participants page show all the students and instructors on particular course. Users can filter eiher by students or teachers and a chat icon is on each profile card to enable a user interact with their fellow student or instructor right from the participant page.
Mobile responsiveness
Lesson Learnt
This project made me to understand more about of learning management experience. I learnt about what people feel about online learning platform and their experiences and how to make their experience better.
I learnt that people want to study and have something to show for it as their reward. I also learnt more on color theory and how colors that make experience better for users.
