Wayfair · Case study
Class Hub
An internal tool that helped Wayfair merchandisers manage class and attribute data without wrestling a sprawling legacy form.
- Role
- Product Designer
- Company
- Wayfair
- Team
- 1 PM, 1 EM, 6 engineers, ops partners
Scope
- Discovery
- Internal tools UX
- Information architecture
- Shipping
Labels
- Shipped
- Representative reconstruction
- Redacted for confidentiality
Summary
Executive summary
Problem
Merchandisers managed class and attribute data in an inherited tool that exposed too much non-applicable information, scattered related actions, and forced users to work through large tables before they could make targeted changes.
Approach
Redesigned the information architecture around the actual working model: class navigation, content tabs for attribute data and class standards, a dedicated filter/action area, a primary data table, and a drawer for secondary class and attribute details.
Outcome
Shipped a cleaner Class Hub experience that made attribute ranking, visibility, options, bulk actions, and staged changes easier to find without removing the controls merchandisers depended on.
Guided Flow
Manage class attributes from one structured surface
A representative prototype of the shipped pattern: enter a class, switch between content tabs, filter the attributes table, drill into attribute options, inspect an attribute in the drawer, and stage a change for review.
Problem
Diagnosis
The diagnosis came from watching merchandisers move through the old Manage Classes surface: the work was not conceptually hard, but the interface made every action feel bigger than it was.
Ops shadowing
Users repeatedly scanned past fields that did not apply to the task at hand, then used memory or handoff notes to find the controls they needed.
Affinity mapping
Themes clustered around relevance, minimalism, speed, visibility, and navigation - especially bulk creation, bulk edits, previewing changes, and easier brand catalog navigation.
Prototype review
The team aligned on a structure that separated header navigation, content tabs, filters/actions, primary data, drawer details, and footer/global intranet content.
Constraints
What was fixed
Keep the existing data model
The redesign needed to respect how classes, attributes, attribute groups, definitions, standards, and brand catalogs already worked inside Wayfair systems.
Progressively disclose detail
The main table stays focused on ranking, visibility, options, and deletion. Secondary class and attribute data moves into a drawer instead of competing with the primary scan path.
Preserve staging controls
Changes to class and attribute data had to support project mode and Save to Stages, because downstream catalog impact required review before release.
Fit the intranet shell
The experience lived inside Wayfair's internal navigation and search environment, so the redesign had to improve the working surface without pretending it was a standalone product.
Principles
Design principles
01
Make relevance obvious
Use content tabs and filters to help merchandisers get to the right subset of class or attribute data before asking them to act.
02
Reduce handoff
Keep actions, staging, and secondary detail near the table so users do not need separate notes or tribal knowledge to complete common changes.
03
Separate scanning from editing
The table supports fast comparison across attributes; the drawer supports focused review and change-making for the selected row.
Exploration
Concept exploration
We explored several structures before landing on the shipped composition. Each direction was evaluated against the same practical question: could a merchandiser find the right class data, understand what applied, and take action without losing context?
Direction 01
Direction A - dashboard of charts. Visually rich, but it pushed the work toward reporting instead of class and attribute management. Direction 02
Direction B - class detail pages with a search-driven index. Strong for finding one thing; weak for comparing and acting across many attributes. Direction 03
Direction C - structured class surface with tabs, filters, table data, and drawer detail. It matched the shipped Manage Classes workflow.
- Header - class navigation, attribute navigation, breadcrumbs
- Tabs - attribute data, groups, definitions, standards
- Filters and actions - search, save, bulk actions
- Content/data - attributes, ranking, options, standards
- Available detail - attribute settings open from the row name
Decision
How we chose
| Option | Matches task model | Engineering cost | Merchandiser clarity |
|---|---|---|---|
| Direction A - reporting dashboard | Weak | Medium | Low |
| Direction B - search-led detail pages | Partial | Largest | Medium |
| Direction C - tabs, filters, table, drawer | Strong | Medium | High |
Recommendation
Direction C shipped. The deciding factor was fit: it preserved the table-based work merchandisers already understood while giving secondary data and staging controls a clearer home.
Outcome
What shipped
The redesigned Class Hub experience shipped as the new way to manage class and attribute data.
The tool did not change the underlying complexity of Wayfair's catalog systems; it made that complexity more navigable. Merchandisers could move from class context to attribute data, take bulk actions, inspect secondary detail, and stage changes with less hunting. Exact figures are held back here because this case study is a reconstruction and the original surface is redacted; the product shape and design rationale are drawn from the shipped work.
Reflection
Looking back
The temptation throughout this project was to solve complexity with more visible controls. The better move was structural: make the surface explain itself through hierarchy, tabs, filters, and a drawer. Internal tools do not need to feel simple because the domain is simple; they need to make the next right action visible without hiding the power users still need.
Available
Want to talk about a problem in this shape?
Best fit for platform UX, growth systems, internal tools, and teams that need a senior IC who can shape the problem and ship the details. I respond to most inbound within a day.