CANVAS DESIGN SYSTEM
vf corporation
Overview
I led the development and adoption of the Canvas Design System, a scalable, multi-brand framework that modernized design operations across Vans, Timberland, The North Face, and other VF brands. The system improved consistency, reduced design debt, accelerated delivery, and ensured accessible, high-quality experiences across desktop and mobile.
Challenges
Multiple brands had inconsistent UI patterns, typography, and components, leading to duplicated work and fragmented experiences.
Existing design processes lacked a unified framework, making cross-brand scaling inefficient.
Designers and engineers needed guidance on implementing a shared system without compromising individual brand identity.
Ensuring accessibility compliance and flexible patterns for different products and screen sizes added complexity.
Approach
I took a systems-thinking design approach, consolidating shared patterns while maintaining brand uniqueness. I partnered with Product, Engineering, and Design leadership to define system standards, validate feasibility, and support adoption through research, audits, and iterative testing.
Solution
I led the creation and rollout of Canvas as a robust design system infrastructure, establishing a scalable, versatile framework that guided cross-brand consistency, adoption, and operational efficiency through the following key initiatives:
Leadership & Governance: Defined system standards and provided oversight to ensure consistent application across brands.
Reusable & Scalable Components: Developed modular components and responsive patterns adaptable to multiple verticals and brand identities.
Adoption & Education: Conducted workshops, created documentation, and offered hands-on guidance to onboard designers and engineers.
Impact-Focused Design: Reduced design debt, accelerated iteration cycles, improved accessibility, and ensured high-quality, consistent experiences.
Outcome
Enabled scalable and consistent experiences across multiple VF brands.
Reduced duplicated work and design debt, improving delivery speed for new features and products.
Increased accessibility compliance across digital properties, saving $5.2M annually in avoided accessibility fines.
Increased checkout conversions from 38% to 57% on average.
Achieved strong adoption from design and engineering teams, establishing Canvas as the core design framework for VF brands.
My Role
Senior Product Designer leading system strategy, design, and adoption. Owned component architecture, cross-functional alignment, education, and governance. Partnered with Product and Engineering to ensure scalable, accessible, and high-quality implementation across brands.
CANVAS AT SCALE
cANVAS PDP
TIMBERLAND
VANS
THE NORTH FACE
cANVAS DOCUMENTATION
The Design System documentation acted as a single source of truth for Canvas, aligning designers, developers, and product teams around shared components, tokens, and guidelines. It improved consistency across brands, reduced rework, and sped up design and development. The documentation also made onboarding easier for new designers and helped engineering teams consistently implement standardized components and tokens, supporting long-term scalability and maintainability.