06 / 09

Nespresso

A complete redesign of Nespresso’s websites and app worldwide, for consumers and business customers, built on a new design system.

Year
2018–2020
Joined
2019
Agency
WIDE
Type
Client project
Team
4 UI & 2 UX designers
My role
UI design
Platforms
Desktop & mobile web, mobile & tablet app
Nespresso screen
Nespresso screen

The brief

Challenge

Redesign Nespresso’s global websites and app for both B2C and B2B customers.

Solution

A new platform that defines the new brand identity, backed by a complete design system. Our team of 4 UI designers and 2 UX designers produced more than 200 page designs.

The design gives Nespresso a fresh, bright and immersive look, and relies on AI-driven recommendations and personalisation based on each user’s preferences.

The project has not been publicly released.

Desktop website — Homepage

One continuous page, cut into sections. Scroll sideways.

  1. 01Page, section 1 of 3
  2. 02Page, section 2 of 3
  3. 03Page, section 3 of 3
View full page

Desktop website — Product pages

Vertuo range
Vertuo range, top of the page
Original capsules, product list
Original capsules, product list, top of the page
Original capsule, product page
Original capsule, product page, top of the page

Desktop website — Coffee experience

Coffee finder
Coffee finder, top of the page
Coffee origins (1)
Coffee origins (1), top of the page
Coffee origins (2)
Coffee origins (2), top of the page

Desktop website — B2B

B2B dashboard
B2B dashboard, top of the page
Coffee solutions for offices
Coffee solutions for offices, top of the page

Mobile website

Each page cut into sections. Scroll sideways.

Coffee origins

  1. 01Coffee origins, section 1 of 2
  2. 02Coffee origins, section 2 of 2
View full page

Masterclasses

  1. 01Masterclasses, section 1 of 5
  2. 02Masterclasses, section 2 of 5
  3. 03Masterclasses, section 3 of 5
  4. 04Masterclasses, section 4 of 5
  5. 05Masterclasses, section 5 of 5
View full page

Product page with recommendations

  1. 01Product page with recommendations, section 1 of 2
  2. 02Product page with recommendations, section 2 of 2
View full page

Mobile app

Home screen
Home screen
Discover coffee ranges
Discover coffee ranges
Coffee product page
Coffee product page

Mobile app — connected machine

Each page cut into sections. Scroll sideways.

Paired machine

  1. 01Paired machine, section 1 of 3
  2. 02Paired machine, section 2 of 3
  3. 03Paired machine, section 3 of 3
View full page

Cup size settings

  1. 01Cup size settings, section 1 of 1
View full page

Customer card

  1. 01Customer card, section 1 of 1
View full page

Tablet app — Home screen

One continuous page, cut into sections. Scroll sideways.

  1. 01Page, section 1 of 4
  2. 02Page, section 2 of 4
  3. 03Page, section 3 of 4
  4. 04Page, section 4 of 4
View full page

Tablet app

Coffee product page
Coffee product page
Discover coffee ranges
Discover coffee ranges
Connected machines
Connected machines