Client
Independent Project , HIT 2020
Role
Product Design UX/UI
Timeline
4 Month
01. Defining the Problem
Most students come to educational institutions at least 5 days a week. For most, these are the first years out of their parents' home, and they are very busy juggling educational assignments, social life and sometimes also work.
It therefore happens that nutrition is pushed to the bottom of the list of priorities and students find themselves eating food they wouldn't want to eat or spending a lot of money in cafeteria, restaurants and food deliveries.
02. User Research Insights:
Due to the Corona virus, I had to give up on in-depth face-to-face interviews, and instead settled for a survey distributed among HIT students. The survey aimed at examining their dietary habits, their pain points and opportunities.
03. Market Research
As part of my study, I searched for food sharing apps to analyze their UX / UI strategy so I could learn from them, as well as differentiate my product. The "Why?" Of each of the apps I chose is very different, and yet each one inspired me in one way or another.
OLIO
Share more. Waste less.
"We connect neighbours with each other and Food Waste Hero volunteers with local businesses, to share food (and other things) rather than chuck them away. Sharing is fast, free and friendly!"
Eatwith
Discovery begins at home
" We connect people who are seeking unique and immersive experiences with our hand-selected local hosts, in private homes and exclusive venues."
Through market research, it became clear to me which services I would like to offer in the app and how I would like to arrange the functions:
-
All foods available in the app will be cooked at home and in small amounts.
-
The user's movement in the application will start with the search using the three filters: dates, diet style and location
-
The innovative service the application will provide will be social and sharing-based.
04. The Solution
In the app I built, I offer two different services:
Community
Bento specializes in connecting people with meal groups depending on location, diet style and dates. The idea is simple: each group member prepares a meal once a week for the whole group
Marketplace
Another service that the app will provide is market - where anybody can buy and sell a home-cooked meal from one of the talented cooks around.
In order to characterize and design the screens according to usage scenarios, I focused on community service because I believe it is the most innovative and interesting.
05. User Flow Click to enlarge
Once you choose to attend a co-op meal there are two options: Join a group that has already opened and is seeking partners. Open a new group and share the news to encourage people to join.
.jpg)
06. Information Architecture Click to zoom in
07. UI Design
The visual language was designed to balance functionality with creativity, creating an interface that feels approachable and inspires culinary exploration.
Color Palette Explanation:
The color palette balances a clean, functional interface with a sense of warmth, making the app approachable and visually appealing.
Illustrations & Imagery:
Illustrations were added to soften the app’s practical nature and highlight creativity in food preparation.
Photos and videos take center stage, giving users a space to showcase their culinary ideas. While user-generated content empowers creativity, I remain mindful of the challenges this approach entails.
08. Design system
09. Scenarios & Prototype:
For the prototype,I decided to focus on two main scenarios:
The Onboarding Scenario
