eLearning PlatforM

CLAP PROJECT

UX Strategy & Scalable Design

Transforming Online Education Through

In today’s fast-evolving digital landscape, eLearning platforms must deliver engaging, intuitive, and scalable learning experiences to accommodate diverse user needs. At HemisferioD, I led the UX research, product development, and design system implementation for an innovative eLearning platform aimed at enhancing digital education accessibility and usability.

The project required not just an aesthetically pleasing UI but a deeply structured UX process, ensuring user-centric learning experiences, scalability, and seamless developer handoff.

Findings Document

THE CHALLENGE

Building an eLearning platform goes beyond designing interfaces—it requires a well-defined UX process that integrates research, usability testing, and scalable UI components. The main challenges included:

Implementing a Robust UX Internal Process

Establishing a structured UX workflow covering UX Research, UX Design, and UI Design to ensure consistency across all platform features.

Establishing a UX Internal Process

Creating detailed documentation, including user stories, blueprints, benchmarking studies, and moodboards, to guide the platform's development.

Developing a Scalable Design System

Crafting a comprehensive Design System, UI Kit, and Component Library for modular and reusable UI components.

Enhancing User Engagement Through Research-Driven Design

Optimizing navigation and usability for students, educators, and administrators.

Research & Insights

COMPETITORS
BENCHMARKING
ANALYSIS

Identified gaps in competitors’ designs, focusing on content navigation, progress tracking, and accessibility improvements.

Benchmarking

THE DESIGN PROCESS

Using the research insights, I structured the design process around usability, consistency, and scalability:

Creating a Design System for Long-Term Scalability

Developed a comprehensive Design System, UI Kit, and Component Library, ensuring a unified and scalable approach for the platform.

Documented typography, color palettes, button styles, and interactive components to maintain brand consistency.

View Design System

Prototyping & UX Enhancements

Built low, mid, and high-fidelity prototypes to test learning interactions before development.

Integrated interactive dashboards, progress tracking features, and discussion forums to boost engagement.

View Moodboard

Ensuring Seamless Developer Handoff

Provided detailed UX documentation for smooth collaboration between designers, developers, and stakeholders.

View User Story

OUTCOME

The new UX architecture, navigation, and design system significantly improved both user experience and operational efficiency:

40%

Improved user retention

through a more engaging and intuitive learning experience.

35%

Reduced educator workload

by streamlining course management tools.

100%

A scalable Design SysteM

allowing for faster updates and consistent UI improvements.

87%

Higher student engagement

with better progress tracking and personalized learning recommendations.

FINDINGS

LEASONS
LEARNED

Structured UX processes improve scalability—a strong foundation in research and design systems ensures long-term usability.

Prototyping early prevents usability issues—by testing interactions before development, we reduced rework and improved efficiency.

Cross-functional collaboration is key—involving developers early led to faster implementation and fewer design discrepancies.

NEXT STEPS

Enhance AI-driven course recommendations for personalized learning experiences.

Introduce gamification elements to further increase engagement and motivation.

Expand accessibility features, ensuring the platform is inclusive for all learners.