ALCHEMY ZOSI · ENTERPRISE PRODUCT DESIGN
Redesigned the learner platform experience, simplifying multi-step training workflows and improving task completion efficiency for learners.
Zosi was a multi-surface enterprise EdTech platform designed to support different user personas across administration, learning, and discovery. The Alchemy Team, the parent company wanted Zosi to move to light theme to match to all the product ecosystem.
Problem
Zosi’s client-facing platform launched with a dark theme that increasingly diverged from Intertek Alchemy’s light brand system. User feedback later confirmed a preference for a lighter, more readable interface, especially for extended learning.
Solution
The platform was redesigned using a light-theme visual system focused on clarity, accessibility, and consistency. A scalable design system was created to support the new theme, unify UI patterns across key learner experiences, and align Zosi visually with Intertek Alchemy, while preserving product identity and flexibility for future growth.
Company
Alchemy Zosi (Encora Client)
Domain
Ed- Tech
Timeline
2 Months (2023)
Team
1 Product Manager, 1 Business Analyst, 1 Product Designer
My Role
-
Interaction design
-
UX research
-
Design system contributions
-
Prototyping in Figma
-
Collaboration with cross-functional teams
Project objectives
What were we looking to achieve?
Improve Learning Comfort
How can we reduce visual strain and improve readability for users engaging in long learning sessions?
Establish Visual Consistency
Colour system for Zosi and Intertek Alchemy is vastly different, how to align Zosi’s interface with Intertek Alchemy’s broader brand system while maintaining a distinct product identity?
Build a Scalable Foundation
Create reusable components and tokens that support future features and design evolution.
Enhance Navigation Clarity
Simplify key user flows to make course discovery, progress tracking, and actions easier to understand.
Process
How did we approach this?
Research & Discovery
Before starting the revamp, I reviewed the existing UI and identified issues across typography, spacing, color usage, and patterns. I also synced with PMs, other designers, and BAs to understand recurring user concerns.
Insights from stakeholder discovery
-
Learner Users showed preference to light theme because of cognitive load during long learning sessions.
-
Marketing team preferred light theme because it aligned with broader brand and created less problems for mailers and other marketing materials.
-
Certification partners wanted to be associated to broader brand rather than smaller Zosi, as it had more recognition.
Component-First Design
Designed core components and interaction patterns before expanding to full screens, ensuring consistency and reusability across the platform.
Before - Dark Theme
After - Light Theme
.jpg)
Refreshed Light theme Marketplace Website
Anticipated Impact
What do we hope to achieve?
User Satisfaction
With Zosi aligning with overall brand identity, there would be consistency. Not only learners, partner companies would also be satisfied
WCAG Compliance
All colors contrasts meet AA accessibility standards.
Reduced cognitive load.
Clear hierarchy and simplified navigation will improve scanability.