Wix Design System

Design system · UX/UI · 2017–2018

As Senior Product Designer at Wix, I developed and maintained the product design system used across teams, accelerating design shipping by 40%, and redesigned the checkout flow across multiple sub-products, improving conversion by 35%.

Role
Senior Product Designer: design system, checkout redesign
Timeline
2017–2018
Platform
Web · SaaS serving 100M+ users
Headline
+40% design shipping speed · +35% checkout conversion
Context & problem

The scale problem

Wix is a large organization with many product teams shipping in parallel. At that scale, consistency and speed both suffer unless the system underneath is deliberate: every team re-deciding button states, menu behaviours, and alert patterns is time not spent on the product itself, and every divergence erodes the user's sense of one product.

What I owned

I developed and maintained the product design system used across teams: the color and type mapping, iconography, grid, and the full component range from buttons and menus to tooltips, lists, alerts, and notifications. In parallel, I led the redesign of the checkout flow, which spanned several sub-products.

Approach

A system as leverage

I treated the design system as leverage rather than documentation: components and patterns specified precisely enough to remove repeated decisions, so every team shipped faster and more consistently. Each component carries its states, connected behaviours, and min/max settings, the difference between a style guide and a system teams can actually build from.

Checkout at the moment of revenue

Checkout is where the business is decided, and at Wix it appeared across multiple sub-products with separate implementations. I redesigned the flow end to end, reworking the steps and states where conversion leaked and keeping the experience consistent wherever it appeared.

The system
Wix design system: color mapping, fonts mapping, icons, and grid Wix design system: button specifications and states Wix design system: menu and dropdown patterns Wix design system: tooltips and popovers Wix design system: lists, alerts, and notifications
Results

Shipping velocity

With the system in place, design shipping accelerated by 40% across teams. Repeated decisions disappeared into the components, reviews got shorter, and new surfaces composed from existing patterns instead of reinventing them.

Conversion

The redesigned checkout improved conversion by 35% across the sub-products it touched, at the scale of Wix's user base a measurable difference at the exact moment users become customers.

← Back Next →