This work I made through the course Google UX Design Professional Certificate
Mission:
To design an app journey to order packs of different coffees brands and receive them at home
☕
To design an app journey to order packs of different coffees brands and receive them at home
☕
Have you ever bought any type of coffee (ground, beans, capsules) over the internet?
Have you ever bought any type of coffee (ground, beans, capsules) over the internet?
Phase 1: Empathize with users
Research goals: to understand the habits of Brazilians when buying coffee online. Search triggered in communities of coffee lovers on Facebook, for my network of contacts on LinkedIn and personal WhatsApp groups.
I got 83 answers, and the data transformed in graphics you see bellow:
Research goals: to understand the habits of Brazilians when buying coffee online. Search triggered in communities of coffee lovers on Facebook, for my network of contacts on LinkedIn and personal WhatsApp groups.
I got 83 answers, and the data transformed in graphics you see bellow:
Phase 1: Empathize with users
Research goals: to understand the habits of Brazilians when buying coffee online. Search triggered in communities of coffee lovers on Facebook, for my network of contacts on LinkedIn and personal WhatsApp groups.
I got 83 answers, and the data transformed in graphics you see bellow:
Could you tell us wich websites or apps do you use to buy coffes?
Could you tell us wich websites or apps do you use to buy coffes?
Could you tell us wich websites or apps do you use to buy coffes?
What functionality would you like to see in an app/site that sells coffee packages and capsules?
What functionality would you like to see in an app/site that sells coffee packages and capsules?
What functionality would you like to see in an app/site that sells coffee packages and capsules?
What functionality would you like to see in an app/site that sells coffee packages and capsules?
What functionality would you like to see in an app/site that sells coffee packages and capsules?
Whats is your age group?
Whats is your age group?
Whats is your age group?
How many packs of coffee do you usually buy at time?
In case of capsules, consider de whole box)
How many packs of coffee do you usually buy at time?
In case of capsules, consider de whole box)
Whats is your age group?
Whats is your age group?
How many packs of coffee do you usually buy at time?
In case of capsules, consider de whole box)
How many packs of coffee do you usually buy at time? In case of capsules, consider de whole box)
Creating personas
Creating personas
Based on the research data, I extracted some main problems to solve and goals to reach with the coffee app. They were added inside the personas' pain points and goals.
Creating personas
Based on the research data, I extracted some main problems to solve and goals to reach with the coffee app. They were added inside the personas' pain points and goals.
Phase 2: Define the scope
Phase 2: Define the scope
Problem statement
Leuza is a lawyer who needs a recurring coffee delivery subscription because she wants to receive monthly at her home the variety of coffees she likes.
Leuza is a lawyer who needs a recurring coffee delivery subscription because she wants to receive monthly at her home the variety of coffees she likes.
Diogo is a nurse who needs to schedule the times he will receive their coffees because he works at alternative times than the commercial ones and wants to receive them when he is home.
Diogo is a nurse who needs to schedule the times he will receive their coffees because he works at alternative times than the commercial ones and wants to receive them when he is home.
Phase 2: Define the scope
Problem statement
Leuza is a lawyer who needs a recurring coffee delivery subscription because she wants to receive monthly at her home the variety of coffees she likes.
Diogo is a nurse who needs to schedule the times he will receive their coffees because he works at alternative times than the commercial ones and wants to receive them when he is home.
Phases 3 and 4: Brainstorm and prototype
Phases 3 and 4: Brainstorm and prototype
Paper wireframes!
And the digital wireframes
Phases 5: Test
Phases 5: Test
Phases 5: Test
Mission 1 - add Baggio medium roast coffee chocolate with hazelnuts with 7 day recurrence, Saturday, delivery between 6-9pm
Mission 2 - track order delivery
Mission 3 - enter the recurrence manager
After drawing the prototype, I invited some people who answered the survey and accepted to participate in the test to navigate through the prototype and try to complete 3 different tasks. I studied their feedback and improved the prototype, relaunching a second test round.
After drawing the prototype, I invited some people who answered the survey and accepted to participate in the test to navigate through the prototype and try to complete 3 different tasks. I studied their feedback and improved the prototype, relaunching a second test round.
Moderated user test
Usability test notes
Usability test data clustering
Usability test data clustering
Themes to redesign and solution plan for each theme
Themes to redesign and solution plan for each theme
Tweaking, redesigning and retesting
Tweaking, redesigning and retesting
Second round of moderated user test
Second round of usability test notes
After having the second round of testing with users, the prototype was validated and ready to have its high-fidelity version 🎉
Phase 6: High-fidelity prototype
Phase 6: High-fidelity prototype
Koffee's design system
Constraints I faced and lessons that I learned
Constraints I faced and lessons that I learned
