Established a single source of truth, reduced developer implementation time by 15%, and drastically cut down QA friction.
Role
Product Designer
Platform
Cross-Platform (iOS, Android, Web)
Timeline
2022 - ongoing
The Problem
Vivino design team was growing, and we were migrating our workflows from legacy tools (Sketch and Photoshop) into Figma. We lacked a unified foundation across our mobile apps and desktop experiences, which caused massive inefficiencies and design debt.
The v1.0
As a core team of three designers, we undertook a massive, rigorous UI audit to standardize the platform.
✺ Starting Simple: We focused on the atomic basics first—a unified type scale, core color palette, icons, and essential buttons.
✺ The Rollout: We built the first central repository, established a strict QA workflow, and had our engineering clients implement the components incrementally on a project-by-project basis to ensure smooth adoption.
The Evolution to v1.3
A design system is a living product. While leading the design for the Merchant Dashboard, I had to solve for highly complex data tables and advanced desktop patterns. I fed these solutions back into the central library, evolving the system to version 1.3.
✺ Documentation & Governance: I didn't just build the UI; I authored comprehensive usage guidelines for these complex tables, ensuring the rest of the UX team knew exactly how to implement them consistently.
The Impact
✺ Tremendous Efficiency: Drastically reduced design-to-development implementation time and eliminated cross-platform inconsistencies.
✺ Seamless Tooling: Successfully transitioned the entire UX team to a single source of truth, empowering them to focus on complex UX problems rather than pixel-pushing.