Building & Scaling the Sephora Design System

Build a reliable design system that speeds up design and development, and keeps quality and the Sephora brand consistent everywhere.

Visual language

Created all the icons and illustrations, so the visual identity feels consistent, polished and unmistakably Sephora.

Core components

Designed and maintained every UI component: the building blocks every team uses to ship faster.

Guidelines and kits

Wrote the UX/UI guidelines, including icons, illustrations and landing page kits.

Online library

Co-developed the online component library with the developers.

Every screen size

Built components on design variables (color, spacing, typography) so they adapt to web, mobile and app.

Adoption

Maintained the Figma file and wrote the documentation, so design teams work faster and stay within the system.