top of page

Designing & Scaling an Enterprise EdTech Platform

Over nearly two years at Zosi, I worked across multiple products and teams to design and scale a complex enterprise EdTech platform. My work spanned client-facing web experiences, admin tools, and responsive mobile views. This page provides a holistic view of my role, responsibilities, and impact, followed by selected deep-dive case studies.

Company

Alchemy Systems

Domain

Enterprise EdTech

Duration

> 2 years

Role

Senior Product Designer

Zosi Banner

Product Ecosystem

Zosi was a multi-surface enterprise EdTech platform designed to support different user personas across administration, learning, and discovery. I worked across all major surfaces, ensuring the experiences were connected, scalable, and consistent.

01

Learner Portal

A lightweight LMS dark theme only designed for end users to complete courses, track progress, manage orders and certificates, and join events. Built for for building professional skill set, the experience prioritized simplicity, accessibility, and ease of use.

Hover to play

02

Admin Portal

A powerful management platform enabling admins to create and manage courses, surveys, certificates, learner profiles, and content at scale, while supporting complex enterprise workflows through system-driven design.

Hover to play

03

Market Place

The discovery and purchase layer where individuals and organizations could explore courses, buy bundles, and onboard seamlessly into the learning experience.

Hover to play

Product Ecosystem

Zosi was a multi-surface enterprise EdTech platform designed to support different user personas across administration, learning, and discovery. I worked across all major surfaces, ensuring the experiences were connected, scalable, and consistent.

Admin Portal

Creating and managing courses, modules and learning structures

Profile management,Certificate creation, config and management

Certificates and credential management

Surveys and learner feedback systems

Admin & Enterprise Tools

Completing courses and earning certificates

Managing certificates and viewing progress

Playing course content via the course player and full-screen player

User authentication and account management

Zosi Website & Mobile

Act as a bridge between discovery, conversion, and onboarding into the platform

Purchase courses for themselves or for employees on website

Create mobile app of Zosi Learner.

My Involvement

Scope of work across Zosi's prosuct range.

Product Strategy & UX

I translated complex business and enterprise requirements into clear, scalable user flows. Working closely with PMs and BAs, I helped define feature scope, identify edge cases, and ensure solutions aligned with both user needs and business goals.

Design Systems & Consistency

I maintained and evolved the design system for both Learner Portal (Dark Theme) and Admin Portal (Light Theme) to support growing product needs. This included creating new components, refining existing patterns, and ensuring visual and interaction consistency across web, admin, and mobile platforms.

Cross-Functional Collaboration

I partnered closely with developers and QA throughout design handoff and implementation. I produced dev-ready designs, supported implementation reviews, and worked through iterations to ensure high-quality execution.

Design Approach

The methods, tools, and decisions that shaped the Zosi experience

Stakeholder & User Input

Collaborated closely with product, engineering and business stakeholders to understand constraints, priorities, and success metrics. Combined this with user feedback, support tickets, and usability insights to ground design decisions in real needs.

Personas, User Journeys & JIRA Stories

Defined key personas and mapped end-to-end journeys to identify project scope and opportunities. Translated these flows to designs and created JIRA stories and acceptance criterias to ensure design intent is carried out throughout the project.

Wireframes and System Diagrams

Explored early concepts or new functionalities through wireframs and flow diagrams to validate structure, navigation and information hierarchy. Used thes artificats to align teams before moving to visual designs.

High fedility designs & Dev handoff

Designed high fedility mockups and flows which were UI ready and aligned with brand. Created flow mockups using Zeplin and detailed specs for dev teams.

Development & QA collaboration

Partnered with engineers during build and QA phases to review implementations, resolve issues and edge cases, to ensure design quality. Iterated quickly with tech feedback while maintaning usability and visual consistency.

Process & Craft

My process balanced structure with flexibility, adapting to the complexity of enterprise
workflows while keeping user experience at the center.

01

Stakeholder & User Input

Understanding user and buseiness needs and constraints

02

Personas, User journies, JIRA stories

Early-stage internationalisation
considerations, defining user roles.

03

Wireframes & Diagrams

Solve Complex logic & dependencies

04

High-Fidelity UI

Design and iterative refinement

05

Dev & QA Collaboration

Continuous collaboration during implementation

Select Case Studies

These case studies represent targeted deep dives into complex features within a larger enterprise ecosystem, demonstrating problem-solving, systems thinking, and cross-functional collaboration.

Frame 28.jpg

Alchemy Systems | 2023

Refreshing Zosi’s UI to Align With a Modernized Brand Direction

Redesigned the learner-facing platform with a light, approachable visual system and scalable components to unify the experience across the brand.

Frame 45.jpg

Alchemy Systems | 2022

Building a Smarter Survey System for Better Course Feedback

A flexible survey builder that allows admins to create tailored feedback forms for each course, boosting insight quality and improving the learning experience.

Impact & Outcomes

Enabled scalable feature development through a consistent, evolving design system

Improved clarity in complex enterprise workflows through well- defined user flows

Strengthened cross-team alignment by acting as a bridge between design, product, and engineering

Supported faster development cycles with clear documentation and handoffs

Helped elevate overall product quality and consistency across platforms

Imapact & Outcomes

Where Design Made a Difference

Enabled scalable feature development through consistent, evolving design system.

Improved clarity in complex enterprise workflows through well defined user flows.

Strengthened cross-team alignment by acting as a bridge between design, product and engineering.

Supported faster development cycles and clear documentation and handoffs.

Helped elevate overall product quality and consistency across platforms.

Tools & Methods

Figma
Sketch
Zeplin
Jira
Lucidchart

Design Systems

Enterprise UX

Wireframes

User Testing

Personas

Internationalisation

bottom of page