Tools Used: Figma, Illustrator, Zeroheight
__________
Project: Confused.com Design System
Scope: End-to-end design system creation for product, marketing, and internal tools
__________
Overview:
Confused.com’s mission is to bring clarity to a world full of complexity. Our objective was to reflect that promise in every touchpoint—simplifying not just how things look, but how they work. From the quote journey to email communications, the new design system aimed to deliver a seamless, intuitive, and consistent experience across all platforms.
We focused on reducing visual noise and building a system rooted in simplicity, accessibility, and clarity. The result: a clean, minimal visual language applied consistently across all digital products.
__________
My Role:
As the UI Designer leading the design system initiative, I collaborated closely with product, development, and brand teams to build a unified source of truth in Figma. My responsibilities included:
- Creating a modular, scalable component library: Typography, color tokens, icons, illustrations, and core UI components—built for reusability and global updates.
- Embedding accessibility best practices into every element, ensuring WCAG compliance across products.
- Facilitating cross-functional alignment through weekly sprint rituals, reviews, and iterative feedback loops.
- Driving adoption of the system through workshops, documentation, and onboarding sessions.
Our process was grounded in research and testing, allowing user needs to guide both visual and functional decisions.
__________
Outcome:
The design system is now the central hub for product and brand consistency, dramatically improving:
- Design & dev velocity through shared libraries and reusable components
- Cross-team collaboration by aligning designers, developers, and stakeholders
- Third-party integration via documentation in Zeroheight, with live, interactive components from Storybook
It’s not just a system—it’s an ecosystem that continues to evolve as the company grows.