ALCHEMY ZOSI · ENTERPRISE PRODUCT DESIGN
Redesigned the learner platform experience, simplifying multi-step training workflows and improving task completion efficiency for learners.
CONTEXT
Zosi was an enterprise learning platform with a mature dark-themed interface that had evolved independently from the broader Intertek Alchemy product ecosystem. During design discussions, we began noticing inconsistencies in colors, components, and visual patterns across products, prompting us to evaluate whether the existing visual foundation could continue to scale.
PROBLEM
While auditing the existing experience, I identified growing inconsistencies between Zosi and the broader Intertek Alchemy ecosystem. Creating a light theme wasn't initially part of the roadmap because it required rebuilding the underlying color system and updating a large portion of the UI. However, subsequent research from the branding and marketing teams, combined with learner feedback, confirmed a clear preference for a lighter interface and stronger alignment with the parent brand.
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 Systems Zosi (Encora)
TIMELINE
2 Months
TEAM
Product Manager, Business Analyst, Designer
Responsibilities
Interaction Design, Competitive Analysis, workflow design, Prototyping
MY ROLE
I led the visual redesign of the learner platform from discovery through implementation. I conducted UI audits, defined the new visual foundations, created the light-theme design system, redesigned core user flows, and collaborated closely with product managers, engineers, and fellow designers to ensure the new system could scale across future features.
Why the direction changed
Design Observation
Our initial design audit revealed inconsistencies across colors, spacing, and interaction patterns. Supporting a light theme would require redefining the visual foundation rather than simply inverting colors.
User Insights
Learners preferred light interfaces for extended training because they felt less visually fatiguing and easier to scan.
Business Alignment
Marketing and branding teams needed stronger consistency across the Intertek Alchemy ecosystem, while certification partners wanted closer association with the parent brand.
Project objectives
Design Principles
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.
Key friction points identified through user feedback, stakeholder discussions, and heuristic analysis.
Process
How did we approach this?
Research & Discovery
I began with a comprehensive audit of the existing interface to understand where inconsistencies existed and whether they were symptoms of a larger design problem. Rather than evaluating individual screens, I examined the underlying foundations color usage, typography, spacing, and component patterns to determine what would be required if the platform eventually moved to a light theme.
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.
Rebuilding the Foundation
Rather than redesigning individual pages first, I rebuilt the visual foundations including color tokens, typography, spacing, and reusable components before applying them across the product. This ensured consistency, simplified implementation, and created a scalable system for future growth.
Before - Dark Theme
After - Light Theme
.jpg)
The visual system extended beyond the learning platform and was also applied to the Marketplace website, creating a more cohesive experience across customer touchpoints.
Refreshed Light theme Marketplace Website
Impact
What did we achieve?
Improved Brand Consistency
Unified Zosi with the broader Intertek Alchemy ecosystem while preserving product identity.
Improved Accessibility
Established an accessible color palette that met WCAG AA contrast standards and improved readability across learning experiences.
Created a Scalable Design Foundation
Introduced reusable tokens and components that accelerated future feature development and maintained consistency across the platform.
REFLECTION
If I were continuing this work, I'd validate the redesigned experience with quantitative usability metrics after launch to measure improvements in readability, navigation efficiency, and learner satisfaction. I'd also continue expanding the design system documentation to support faster adoption across additional product teams.