Co-Creation Process
LeadershipWayfairFeb – Apr 2021Product Design Manager

Design Systems:
My Co-Creation Process

With 27 designers adopting a new design system, I built a repeatable process for creating shared design patterns — then tested it with Status Indicators to make sure it actually worked.

Outcomes
11
New patterns created in the first month alone
27
Designers using the new process across all teams
16
Total co-creation efforts across the org
Tested
Validated with 7 real Wayfair suppliers before shipping
Product Design Manager
I created the co-creation process with Design Director Therese Bartolini, then led a cross-functional team to test the process using Status Indicators as the first real pattern. I facilitated the retrospective afterward and refined the process based on what we learned.
Cross-functional
Therese Bartolini (Design Director), Pablo Franco (Design Manager), Will Li, Maryna Popovichenko, Runming Dai, Heru Rubin (Designers), Kristen Bonstein and Sara Heilbronner (Content), Justin Mak (Engineer)
Process plus Systems
Process Design, Systems Thinking, Persuasion, Project Management, Competitive Analysis, User Testing, Wireframing, Visual Design, Presenting
The Problem

A new design system with no way to share patterns

Based on the Wayfair Partner Home Design Vision, 27 designers were ready to use a new design system to redesign Wayfair's entire supplier platform. For the first time, product design teams were working together on one platform rather than in silos.

But there was no process for how 27 designers could share common design patterns — combinations of components that multiple teams needed. If one team solved a pattern problem, no one else would benefit. Patterns were being reinvented independently across the org, and consistency was suffering for it.


The Process

Five steps for co-creating a shared pattern

1
Identify
2
Share
3
Assemble
4
Design
5
Propose

The process allowed any designer to flag a pattern they needed in their work, share it with the design system team (Homebase) and the platform team to check for overlap, assemble the right cross-functional group using a membership table I created, design and test the solution together, and formally propose it as a shared pattern for the whole org.

Co-Creation process diagram

The five-step co-creation process — from identifying a pattern problem to org-wide adoption.


Testing the Process

Status Indicators: the first co-creation

Status indicators were inconsistent across the entire supplier platform. The same concept — "this item needs your attention" — was expressed with different visuals, colors, and language in different applications. Pablo Franco and I identified this as the right first test case for the new process.

Inconsistent status indicators

Inconsistent status indicators across the supplier platform — the same concept expressed differently everywhere.

Research and design exploration

I asked Will and Maryna to start with competitive analysis of other design systems. Kristen drafted status definitions and consolidated labels across the platform. The team then explored multiple visual directions — but an assumption surfaced along the way: that toned-down visuals would be preferable when so many statuses appeared on the same page. User testing proved that assumption wrong.

Status Version B Status Version C Status Version A

Three visual directions explored. The toned-down version (A, far right) was the team's initial assumption — but testing showed suppliers strongly preferred B and C.

User testing with 7 suppliers

Runming and I conducted seven user tests with real Wayfair suppliers. The results surprised us: zero out of seven chose the toned-down visuals. Three preferred badges with icons, and three preferred badges without — the icon variant won because it helped suppliers who spoke English as a second language understand statuses more quickly. Suppliers also naturally expected a popover to appear when hovering over a badge.

The key testing insight
The assumption that "less visual" would be better when there are many statuses on one page was completely wrong. Suppliers wanted clear, immediately recognizable status indicators. The more scannable, the better.

Proposal and Retrospective

Shipping, then learning, then improving the process itself

Kristen and I submitted three proposals to Homebase: adding icons to badges for accessibility, allowing a popover on badge interaction, and introducing a standardized global status label list. All three were approved.

Then I ran a retrospective with the co-creation team. What went well: cross-functional collaboration and frequent design critiques. What to improve: the scope grew too wide as we pulled in more designers, which slowed us down. I added a formal "Assemble" table to help future teams decide exactly who needed to be involved — no more, no less — and added a kickoff step to the process.

Badge icon proposal

Final proposal: badges with icons for accessibility, tested across colorblindness scenarios.

Co-creation retrospective

The retrospective that refined the process — identifying scope management as the key improvement area.

11 new patterns in month 1
Once the process was communicated, teams immediately started using it across the org
16 total co-creation efforts
The process scaled to 16 co-creation projects across the 27-designer organization
Org-wide communication
Shared via Slack, email, Show & Tell, and new hire training — built into Homebase onboarding
Consistent supplier experience
Patterns could now be shared across all supplier platform tools rather than reinvented per team
← Student Co-opWayfair Partner Home →