top of page
Top
fitBowl-Mobile App

An online ordering app for a healthy resturant

Great Design Portfolios Are Great Stories (35).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

Great Design Portfolios Are Great Stories (20).png
Great Design Portfolios Are Great Stories (19).png

Target audiance

Great Design Portfolios Are Great Stories (9).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.

Great Design Portfolios Are Great Stories (13).png

Sterategy

Great Design Portfolios Are Great Stories (15).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

Great Design Portfolios Are Great Stories (16).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

Great Design Portfolios Are Great Stories (2).jpg
Frame 43.png

Userflow

Skeleton (wireframe)

Great Design Portfolios Are Great Stories (23).png
Frame 44 (1).png

Surface

Great Design Portfolios Are Great Stories (24).png
Frame 49.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

What I Learned
Collaboration is everything
I had the chance to collaborate with a colleague who was very encouraging and flexible. Because of the strong sense of collaboration and passion between us, I was very motivated and worked creatively. I found we learn more when we are a team with a sense of collaboration and support. 
bottom of page