Building Sandro’s

design system to elevate brand consistency

Fashion e-commerce

2020 - 2022

UX

PM

Design system

Brief

Creation of a design system – a collection of reusable components and guidelines that ensure visual and functional consistency across a brand’s products. It includes elements such as colors, typography, icons, and components for every page and user interaction on the website.

Objectives

Ensure a consistent design across pages and features, facilitate maintenance and agility for future evolutions, and simplify collaboration with developers.

Building Sandro’s

design system to elevate brand consistency

Fashion e-commerce

2020 - 2022

UX

PM

Design system

Brief

Creation of a design system – a collection of reusable components and guidelines that ensure visual and functional consistency across a brand’s products. It includes elements such as colors, typography, icons, and components for every page and user interaction on the website.

Objectives

Ensure a consistent design across pages and features, facilitate maintenance and agility for future evolutions, and simplify collaboration with developers.

Key UX/UI improvements

Inventory of components & layout elements

Catalog all existing components, structures, and grids essential for creating pages on the website.

Optimization & standardization

Optimize and standardize all components to ensure a consistent and cohesive design throughout the website.

Maintenance of the design system

Establish ongoing maintenance processes to keep the design system updated and scalable for future needs.

Key data on design system

Creating visual identity



& Campaign tracking

0%

0%

reduction in the time needed to develop new features when teams use a design system

Designers were observed to be

0%

0%

more efficient when using a design system

0 <

0 <

0%

0%

increase in UX time share following the implementation of a design system

Projects

You might also like