E-Learning SaaS revamp
Summary
Blendedx is an e-learning module on the CKLS SaaS by CrossKnowledge. It allows organizations to create engaging and customizable training programs using videos, quizzes, articles, and collaborative activities. The goal is to deliver interactive, blended learning experiences that combine digital content with live or virtual sessions
Product designer
CrossKnowledge
E-Learning
3.6 Million
Desktop - Mobile
UX - UI - Research - Analytics
Problems Identified
-Confusing and discouraging user experience, while initial curiosity was high, learners quickly lost motivation due to a cluttered, unintuitive, and outdated interface.
-Critical accessibility gaps, no support for screen readers, poor keyboard navigation, low color contrast, and non-compliance with basic accessibility standards, making the platform exclusionary.
-Poor mobile usability, the design was not optimized for learning on the go, leading to frustration and disengagement among mobile users
My role
-I restructured the information architecture and redesigned the user flows to make learning paths intuitive and easy to follow.
-I led UX research, wireframing, and usability testing, ensuring a smooth, engaging, and motivating experience for learners
-I introduced WCAG-compliant accessibility guidelines, optimized contrast & typography, and designed with screen reader and keyboard navigation support.
-I created a new design system with reusable UI components, ensuring scalability, consistency, and efficiency for future product iterations.
-I redesigned the mobile-first experience, ensuring responsive layouts, faster load times, and seamless cross-device learning.
Design Thinking process
Building Blendedx the design-driven Way
User personas
For who we are building for
4
users were recruited
70%
of tasks were succesfully completed
50%
Enjoyed using the existant product
User flow
Shaping Blendedx through insights
Visual identity
Creating a design system from scratch
UI Design
Built to enhance your learning experience
Accessibility
