Design System build
Show case introduction to this project I worked on with Travelex.
My role
I led the design-side development of the Travelex Design System, working closely with product owners and engineers to create a scalable, tokenised component library. My responsibilities covered foundational design decisions through to system implementation and documentation. The timeline included initial audits, setup, and ongoing iterations to support evolving product needs across platforms. Figma based UI libraries served as the core, but the Design System took in the Travelex and partner brands, tokenisation, documentation and Storybook integration - plus all the associated governance and working processes.
Extract compilation from a Global Components and Foundations UI library, which also housed design tokens.
Outcomes
- Streamlined design-to-dev workflow from Figma to Storybook to development
- Increased development efficiency through consistent and reusable components
- Improved UI consistency and accessibility across all platforms
- Strengthened brand equity with tokenised theming for partner brand support
- Created a scalable resource with business recognition
Extracts from the CMS UI library, which housed template modules formed from main components in a linked Global library.
If you have the time, you can read more on this showcase.
Project details
