Available for full time role across CET (UTC +1), WAT (UTC + 0), EST (UTC -5)

Available for full time role across CET (UTC +1), WAT (UTC + 0), EST (UTC -5)

Available for full time role across CET (UTC +1), WAT (UTC + 0), EST (UTC -5)

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.

Role

Role

UI/UX Designer

Year

Year

2023

Industry

Industry

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

Final Visuals

Final Visuals

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

The design is mobile responsive. Here are some mobile screens.

The design is mobile responsive. Here are some mobile screens.

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.