Overview
ZESTI is an app for grocery lists and food delivery that helps users save time on grocery planning and eliminates the need to visit multiple stores.
The Challenge
Grocery shopping can be time-consuming, especially when visiting multiple stores is needed to find particular items for special occasions, like dinner parties.
The Solution
An app that assists users in saving time while planning their groceries. It enables them to create grocery lists that are possible to get directly ordered from, choose items from various stores, and have them all delivered in one go.
My Role
With the collaboration of 3 interaction design students, we've done a complete app design process, starting from problem identification, passing through solution design, and user testing and validation.
My contribution
User research UX/UI Design
The team
Mel Navarro Bento Jean Tschanz Samuele Brenna Sara Kashir
Tools
Figma Illustrator
Process
In summary, the process consisted of:
- Brief Analysis; Research (Desk research, competitors analysis, experience map)
- Ideation (HMW, Round Robin, Crazy8)
- User Research (interviews)
- UX (User tasks & customer Journey map, Wireframing)
- User testing
- Prototyping
The starting point was a brief and and a already crafted persona:
Design a food delivery app capable to answer the new and rising needs of consumers, while truly standing out in an already crowded and competitive market.
First we did some general Desk Research and identified existing apps and tools 37 year old Michele would probably use based on her characteristics. As a further research compass, we chose one of her goals and we mapped the experience of hosting a dinner party for her friends.
Experience map
We defined 4 relevant phases for the process of hosting a dinner party: decision (for what to cook), collection (where to get the ingredients), cooking(the actions that take to not fail) and party:
Ideation
The visually mapped win and pain points was helpful to formulate insights and start ideating:
User centered design requires actually speaking with or spend time with users, so that's what we did next:
User Research
We interviewed people that, as Michele, also like to surprise their friends with dinner parties.
"The low points in preparation are mostly related to the time aspect. If your have to do the shopping and the food preparation as well as the decoration of the apartment on the same day I usually have an enormous time problem at the end." - Yvo, 28
A key insight from research came from talking to Yvo:
- She mentioned time as being a decisive factor when planning a successful dinner party, and stress being often the case when there’s not enough.
- She also pointed out that she would normally need to visit different stores for preparing the dishes and acquiring party decorations.
The Problem
We identified the user need by summarizing the research insights using the how might we method; this helped framing a problem in an open-ended, optimistic, and collaborative way:
The opportunity we spot: solving the pain of not having enough time caused by having many tasks to tackle when preparing a special dinner party.
UX Design
Experience map 2.0
Based on this data we iterated and in order to empathize with the user, we re-mapped the experience of planning a dinner party and needing to visit different stores:
We also mapped the ideal journey of our target user using our service when organizing the dinner party and needing ingredients from multiple stores.
Wireframing
Here we organized pages and screens under logical categories.
User Test
We conducted usability tests with potential users to ensure that my flows were clear and that no major problems were present:
The test revealed some issues and we fixed them, i.e.
- User was confused with the Favorited Items appearing in the Order list initial screen. We separated them to distinguish the current created List and previous Favs connected present in the actual list.
- We added background to the navigation icons to increase accessibility
Visual Design
Ideation
Outcome
We designed an app that allows the user to save time by helping them to plan their groceries and get them all delivered at once.
Zesti is the only...
grocery list & food delivery app that allows you to create a list that is purchasable using the app’s online shop, select items from different stores and get them delivered all at once, made for frequent dinner party planners who need special ingredients and don't have enough time
Key features
- Make multiple grocery lists
- Select and filter items from stores of preference
- Get your list delivered all at once
- Access quickly to previous lists and order fast again
Final Design
