Schoox
b2b saas
design system
I helped build the Schoox Design System from the ground up to support a company-wide product and brand redesign. Creating a shared visual language and unified components for web, iOS, and Android.
Figma UI kit with specifications for engineers
Target Goals
Working cross-functionally with branding, engineering (web, iOS, Android), our CEO, and the Experience Design team, we set out to:
Create a scalable, unified design system
Establish 1:1 parity across platforms
Build a clear, consistent handoff process between design and engineering
Variant sticker sheets for Text field and Dropdown components
As an individual contributor, I led efforts to:
Audit design files and identify reusable patterns
Research component behavior across platforms to guide API design
Create high-fidelity designs and specs in Figma
Collaborate with engineers through handoff, testing, and iteration
Write system documentation to guide adoption and use
Sample of our documentation website
We discovered major gaps in brand consistency: incorrect hex values, uneven application of styles, and inaccessible theming practices. I implemented a token system based on Amazon’s Style Dictionary, with layered support for web, iOS, and Android. This enabled deep theming while ensuring AA/AAA accessibility, regardless of a customer’s brand palette.
Sample of our design token mapping
Figma variables based on our tokens
To keep components flexible but maintain library integrity, I introduced a "surface" class (modals, cards, sheets, etc.) with instance swap zones. Designers could inject custom content locally without detaching from the library. Dramatically reducing maintenance issues and increasing consistency.
Component swap process
Unified all product and brand teams under the Schoox Design System by Q3 2022
Achieved full design parity across web and mobile
Delivered scalable theming through robust, accessible design tokens
Figma variables based on our tokens
Expand education and onboarding efforts to close remaining knowledge gaps
Continue refining version control processes across design and engineering
Next project
