A multi-brand

design system

A multi-brand

design system

A multi-brand

design system

The Problem

Net-a-Porter and MR. Porter brands are one of the leading e-commerce platforms in the world. Both brands have different identities (typography, spacing, colours). The company wants to build both platforms in a single application. Because the brands have different identities, I had to apply semantic design tokens to the design.

The Problem

Net-a-Porter and MR. Porter brands are one of the leading e-commerce platforms in the world. Both brands have different identities (typography, spacing, colours). The company wants to build both platforms in a single application. Because the brands have different identities, I had to apply semantic design tokens to the design.

The Problem

Net-a-Porter and MR. Porter brands are one of the leading e-commerce platforms in the world. Both brands have different identities (typography, spacing, colours). The company wants to build both platforms in a single application. Because the brands have different identities, I had to apply semantic design tokens to the design.

Overview

I led a team of four designers. Two senior and mid-weight designers. I built the core style guides for both brands, applied semantic tokens to the elements, and built vital journeys. I reported to the lead product designer. I worked with the development team to align the design tokens and handoff.

Outcomes

  • The development can build the platforms with a single application.

  • I solved the brand identity differences with the semantic design tokens.

  • Had a crucial role in building the PDP, PLP, Homepage, Checkout, Editorial, My Account, Wishlist, Style Guides, and Design System for both brands on all platforms (web, ios, android) 

Overview

I led a team of four designers. Two senior and mid-weight designers. I built the core style guides for both brands, applied semantic tokens to the elements, and built vital journeys. I reported to the lead product designer. I worked with the development team to align the design tokens and handoff.

Outcomes

  • The development can build the platforms with a single application.

  • I solved the brand identity differences with the semantic design tokens.

  • Had a crucial role in building the PDP, PLP, Homepage, Checkout, Editorial, My Account, Wishlist, Style Guides, and Design System for both brands on all platforms (web, ios, android) 

Overview

I led a team of four designers. Two senior and mid-weight designers. I built the core style guides for both brands, applied semantic tokens to the elements, and built vital journeys. I reported to the lead product designer. I worked with the development team to align the design tokens and handoff.

Outcomes

  • The development can build the platforms with a single application.

  • I solved the brand identity differences with the semantic design tokens.

  • Had a crucial role in building the PDP, PLP, Homepage, Checkout, Editorial, My Account, Wishlist, Style Guides, and Design System for both brands on all platforms (web, ios, android) 

Note: I can show the design of this project in an interview.

Note: I can show the design of this project in an interview.

Note: I can show the design of this project in an interview.