top of page
Capa DG_1.png
DESCRIPTION

What is Dolce Gusto?

Dolce Gusto is a coffee capsule system from Nestlé. It provides a variety of coffee which can be bought in supermarkets and online. In this case, we redesigned the subscription process on the mobile app.

Coffe GalleryFinal.png
Onboarding.gif
PROCESS

Design process

This project was a team effort made by four very skilled individuals training to be UX/UI designers. 

Artboard 3.png
mulher-segurando-a-mao-no-rosto-a-rir-e-

PERSONA

hi, I'm 30 years old and I currently live in Lisbon. I work as a UX lead researcher. I do enjoy when technology proposes new challenges. I also absolutely love life hacks!

HABITS
 

- Purchase organic ingredients and sustainable products.

- Online shopping.

- To cook.

CHALLENGES
 

- Find products compatible with her standards and lifestyle.

- Money manage.

- Find time for herself.

Group 366.png
UX DESIGN

User Journey

Group30.png
User Journey.png
UX DESIGN

App Map

Upon analysing the app architecture, we made some alterations in order to improve the user experience.

It was understood there was a lack of hierarchy in the previous version, that was reframed in the new one. 

We wanted users to have an intuitive and simple interaction.

App Map.png
Ilustração 2.png
UX DESIGN

User flow

The next step was to create a user flow that demonstrated the process from the beginning to the end.  

Artboard 6.png
User flow.png
UI DESIGN

Wireframes

Wireframes are the best way to start prototyping the final layout. They were also extremely useful to makes us understand the project flaws. 

Group 29.png
UI DESIGN

Visual design

We opted to design a clearer layout than the existent one, however maintaining the same colour palette. Regarding typography, we decided to go to a minimalist font paring.  

Colours.png
Icons.png

Typography

Typo.png

Subscription process

1ST LEVEL

The user goes into her profile to reach her subscription page. If there's none yet, she can purchase a new one,

Mockup2.png
1.png
Mockup3.png

2

1

3

Mockup5.png
Coffe GalleryFinal.png

Once on the subscription page she can choose her schedule and the type of coffee she would like to receive. In this case, she decided to receive every two weeks 3 packs of caramel espresso.

4

2ND LEVEL

3RD LEVEL

At the end, she is able to confirm her order and process to pay. After she types her delivery address she cal also choose if she would like to recycle the capsules.

8

5

confirm.png

6

Address.png

7

Payment methods.png
Mockup10.png

THANK YOU FOR WATCHING!

Design sem nome-4.gif
linha cizneta.png
linha cizneta.png

Check another project:

© 2025 by Francisca da Rosa

bottom of page