fitBowl-Mobile App
An online ordering app for a healthy resturant
.png)
Problem
The starving users can not find the information they need and they are usually overwhelmed with choices and steps.
Solution
A design should have a smooth process of ordering, be customizable, and be visually appetizing.
Role
UX/UI Designer, Interaction designer, Motion designer (team of two designers)
Duration
4 weeks
Deliverable
Persona, Sitemap, Wireframe, Prototype
The App Concept
Considering the importance of food on well-being, energy, and beauty attracts many people to a healthy diet. On the other hand, the busy lifestyle doesn’t let many of them cook at home, so they look for a restaurant with an online ordering system.
fitBowl is a local ordering food app used by the students of the University of Wisconsin-Madison and working folks in Madison who are willing to have a healthy dish. The users can order food online, see the price, and delivery time or customize the options. The design goal is to create a delightful ordering food experience.

Design steps
.png)
.png)
Target audiance
.png)
Interview
Since I was a graduate student in Madison, I had the chance to arrange interviews with potential users. I asked questions to learn more about their interests and personalities. I also learned about how often they eat out, what they expect, what motivates or frustrates them while using the app, and what features they need. etc. The app focuses on the following audiences:
Roles
● University students
● Busy working folks
● Erath friend people
Demographics
● They are mostly UW-Madison students
● Working folks working in around the downtown
● People above 35
Psychographics (personality, values, attitudes, interests, lifestyles)
● Professional and educated
● Disciplined
● Friends of Earth
● Healthy lifestyle, a regular member of Gyms
Persona
To represent the goals and needs of the users I created three personas with different ages, gender, ethnicity, positions, etc. My goal was to depict all the needs and goals of the app users.
.png)
Sterategy
.png)
User Needs
● To sell food online that will be delivered
● Provide a system for order customization
● Mobile-friendly app
● Fast and responsive contact service
● Special offer of the day
● Rewarding system
Client Needs
● Find out if the restaurant delivers to their area
● Order food online
● The ordering system should be self-relevant and straightforward
● Professional design
● Showing the advantages and quality of the food
Outline of scope
.png)
In the step, first I organized the users' requirements based on the content and functionality. This analysis helped to make the user flow.
Requirements
.jpg)

Userflow
Skeleton (wireframe)
.png)
.png)
Surface
.png)

The final design includes:
-
Promotion to reward to make food ordering more affordable
-
Guest button for quick access
-
Easy decision-making for the users by offering 4 types of ready-to-order meals: Protein bowl, Veggie bowl, and Low-calorie bowl


-
Infographic design for showing nutritional values of each food
-
The user can also customize their food and have time to explore more options