1. Business case & buy-in
I quantified the financial impact of design inconsistency and rework, projected potential savings, and secured leadership approval to invest in a dedicated design system initiative.
2. Diagnostic research
I interviewed 15+ designers and developers, mapped usage patterns and workflows, and uncovered key blockers: outdated components, lack of flexibility, and unclear governance. A design-system roadmap then sequenced the work across five streams: technology, UI-Kit management, governance, components, and iconography.
3. Architecture & scalable components
I designed 72+ accessible components supported by a robust token system enabling 300+ combinations, each with built-in documentation, complexity-based sprint planning, and WCAG compliance from the start.
4. Multi-brand expansion
As Loft acquired CredPago, Vista, and others, I evolved Copan into a white-label system. Semantic and brand-specific tokens enabled fast onboarding of new brands without duplicating design or code.
5. Developer collaboration & tooling
I co-created a handoff protocol integrated with Figma, GitHub, Storybook, and token automation, streamlining implementation and reducing miscommunication between design and engineering.
6. Education & adoption
I led training sessions, established a component request pipeline, and partnered with early adopters to showcase value, making documentation and contributions part of daily workflows, not an extra task.
Challenges along the way
Copan was as much a cultural shift as a technical one: adoption only worked when both moved together, and scaling across brands meant constantly balancing flexibility against a strict token structure.