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

Role

Role

Product designer

Client

Client

CrossKnowledge

Industry

Industry

E-Learning

Number of users

Number of users

3.6 Million

Solution

Solution

Desktop - Mobile

Key skills

Key skills

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

80%

of tasks only were succesfully completed

of tasks were succesfully completed

75%

of users would continue using this product

of users would continue
using this product

25%

of users complained about a specific training

of users complained about
a specific training

of users feel that
the product is not appealing to use

User flow

Shaping Blendedx through insights

Wireframing and testing

Blueprints that breathe, testing with care

Visual identity

Creating a design system from scratch

UI Design

Built to enhance your learning experience

Accessibility

Keyboard navigation

Connect with me to explore
your project's potential.

Schedule a call with Farouk

Farouk GRAMI © 2025

Connect with me to explore
your project's potential.

Schedule a call with Farouk

Farouk GRAMI © 2025

Upgrade your Web presence with Framer

Schedule a call with Farouk

Farouk GRAMI © 2025