Skillstream E- Learning Website UI/UX Redesign

Henry Nwachukwu

UI Designer

UX Designer

UX Researcher

Figma

Miro

Sketch

E-Learning

I took on Skillstream as a personal project to improve learner engagement, real-time progress tracking, and overall usability. The platform previously struggled with clunky navigation, lack of motivation, and ineffective course layouts, making it hard for users to stay on track.

My goal was to create a seamless and intuitive learning experience that keeps users engaged, helps them track their progress in real time, and ultimately increases course completion rates.

Approach & Solution

1. Research & User Insights

To identify key issues, I:

Conducted competitor research on top e-learning platforms.

Analyzed common learner frustrations around motivation and tracking.

Studied UX best practices for digital learning environments.

2. Improving Navigation & Course Discovery

To enhance accessibility and usability, I:

Designed a cleaner, more structured dashboard for easy course access.

Added smart search and category filters to simplify course discovery.

Introduced a "Continue Learning" section for seamless progression.

3. Enhancing Real-Time Progress Tracking

To keep learners motivated, I:

Integrated dynamic progress bars for courses and modules.

Added milestone achievements to encourage course completion.

Designed a personal learning tracker with insights on study time and performance.

4. Optimizing Course Layout & Readability

To create a more focused learning experience, I:

Used a distraction-free UI with a minimalist design.

Introduced collapsible sidebars for easy navigation within lessons.

Improved typography and spacing for better readability.

5. Personalization & Adaptive Learning

To make the platform more engaging, I:

Implemented personalized course recommendations based on user behavior.

Introduced progress-based learning suggestions to keep users on track.

Designed a dark mode option for comfortable viewing.

6. Testing & Refinements

To validate my design decisions, I:

Conducted usability testing to ensure a smooth experience.

Used A/B testing on progress-tracking elements to maximize engagement.

Optimized the design for mobile responsiveness.

Final Outcome

The redesigned Skillstream now offers: ✅ A seamless, intuitive learning experience. ✅ Real-time progress tracking for better motivation. ✅ Improved navigation and course discovery. ✅ Personalized learning paths to keep users engaged.

This project helped me refine my problem-solving, research, and UI/UX design skills while building a more effective online learning experience.

Like this project

Posted Mar 30, 2025

Redesigned Skillstream to improve navigation, progress tracking & engagement, leading to better course discovery, user motivation & higher completion rates.

Likes

Views

Timeline

Jan 12, 2024 - Jan 27, 2024