Modernizing Knowledge Hubs

โ† Back to Projects

ZUSE Corporate
Learning System

Modernizing the Corporate Knowledge Ecosystem

ZUSE Corporate LMS Case Study Cover
Role
Lead UI/UX Designer
UX Researcher
Timeline
8 Weeks
2024
Tools
Figma
Adobe Illustrator
Platform
Web SaaS
Responsive
Published
Behance

Legacy LMS platforms are often where professional growth goes to die. Cluttered dashboards, confusing navigation, and "one-size-fits-all" learning paths create friction for the very people they are meant to empower. ZUSE LMS strips away this bureaucracy, replacing it with a fluid, card-based interface that treats corporate training as a premium digital experience.

01 โ€”โ€” The Problem

Context & The Friction

Corporate employees frequently report that their internal learning systems feel "disconnected" from their workflow. ZUSE Corporate LMS was faced with a critical challenge: How do we transform a functional necessity into an interactive destination that employees actually enjoy visiting? Complex hierarchies and dated UI patterns were causing record-high course abandonment rates among senior professionals.

"Employees were spending an average of 6โ€“9 minutes just to find basic course information โ€” leading to high drop-off rates before the learning even began."

๐Ÿง 

Problem Statement

Dated UI hierarchies and cluttered dashboards were causing senior executives and busy professionals to abandon their mandatory training modules.

๐ŸŽฏ

Strategic Goal

Redesign the hub to achieve a 50% increase in course engagement through progressive disclosure and an intuitive card-based dashboard layout.

๐Ÿ‘ฅ

Target Audience

Busy corporate professionals (25-55), company administrators, and HR managers seeking simplified compliance tracking and personal growth.

02 โ€”โ€” Discovery & Research

Discovery & Analysis

Competitive benchmarking against five major corporate training platforms revealed that "efficiency" was consistently sacrificed for "feature count." Observation sessions showed users getting lost in menu labyrinths when trying to perform the simplest task: resuming a course.

Competitive Analysis

โœ• Legacy LMS Failures
  • Dense, table-heavy layouts with zero visual relief
  • Sidebar menus with 15+ top-level links causing choice paralysis
  • Poor mobile responsiveness and broken session persistence
โœ“ ZUSE Opportunities
  • Progressive disclosure of course materials to reduce cognitive load
  • Personalized metrics surfacing "Next Up" modules immediately
  • Dedicated "Quick Access" for certificates and achievement tracking

User Personas

๐Ÿƒโ€โ™‚๏ธ
Kusum Perera
Primary โ€” Busy Professional ยท Age 28
Mobile-first Impatient Acheiver

"I need to jump in, finish a module during my commute, and know exactly where I left off."

๐Ÿ’ผ
Damith Wickramasinghe
Secondary โ€” Division Manager ยท Age 45
Desktop user Compliance-focused Busy

"I need to track certifications for my entire team without digging through nested reports."

๐Ÿ› ๏ธ
Dilshan Ratnayake
Tertiary โ€” HR System Admin ยท Age 34
Quick-access Batch-editor Internal Tech Support

"I spend half my day helping people reset passwords or find hidden course library links."

Cross-Persona Insights

Primary Goal
Core Frustration
Design Insight
๐Ÿƒโ€โ™‚๏ธ Kusum Perera (Learner)
Skill Acquisition & quick course completion.
Menu Labyrinths. Takes 5+ clicks to resume.
Needs a "Resume Now" primary hero action.
๐Ÿ’ผ Damith Wickramasinghe (Manager)
One-click compliance reporting for team.
Data Overload. Reports are too complex to scan.
Needs visualized progress bars & red-flag alerts.
๐Ÿ› ๏ธ Dilshan Ratnayake (Support)
System maintenance and batch user management.
UI inconsistency between user/admin views.
Needs a consolidated action-bar for mass edits.
03 โ€”โ€” Structure & Flow

Mapping the Workflow

User Flow: Learning Journey Redefined

๐Ÿ 
Login
๐Ÿ“Š
Dashboard
๐Ÿ“š
Course Hub
๐ŸŽ“
Learning Player
๐Ÿ†
Certification
๐Ÿ’ก

We reduced the navigation burden by 40% by condensing 12 legacy menu items into 5 intelligent dashboard categories. The persistence of learner context across sessions became the primary design pillar.

Information Architecture

๐Ÿ 

Dashboard

Overview ยท Progress ยท Recent ยท Achievements

๐Ÿ“š

Library

Courses ยท Catalog ยท Categories ยท Recommendations

๐Ÿ“Š

Analytics

Reports ยท Stats ยท Benchmarks ยท Team tracking

๐Ÿ›ก๏ธ

Account

Profile ยท Settings ยท Notifications ยท Help

04 โ€”โ€” The Solution

Visual Identity & Style Guide

The visual system prioritize accessibility and focus. By utilizing a high-contrast palette of deep primary blues and turquoise accents, we created an environment that feels both professional and energized.

SF Pro Display
65pt 60pt 35pt 30pt 25pt 20pt 18pt 15pt 14pt 12pt
Regular Semi Bold Bold
#1C64F2
#FFF8F1
#D03801
#EDFAFA
#EBF5FF
#047481
#8458CC
#07B4BA
#FFFFFF

Interface Architecture (Onboarding)

A streamlined 4-step onboarding flow was implemented to ensure 100% profile activation rates from the first login.

Onboarding 1 Step 1

Account Discovery

Onboarding 2 Step 2

Personalization

Onboarding 3 Step 3

Verification

Onboarding 4 Step 4

Success

High-Fidelity Project Deliverables

05 โ€”โ€” Results & Reflection

Outcome & Growth

0
Time to course discovery (down from 8 clicks)
0
Onboarding completion rate (up from 42%)

"The redesigned interface proved that professional doesn't have to mean boring. By treating learners like premium customers, we saw interactivity spikes across all age groups."

๐Ÿง  Lessons Learned

Onboarding is the most critical junction. By simplifying the entry point into 4 digestible steps, we eliminated the anxiety associated with legacy corporate system complexity.

โฎ๏ธ Reflection

Designing for a SaaS environment requires a robust design-system approach from Day 1. The card-based components made scaling the courses library significantly more systematic.