fitBowl-Mobile App

An online ordering app for a healthy resturant

Great Design Portfolios Are Great Stories (35).png

Challenge

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.

fitBwol is a local ordering food app used by the students of the University of Wisconsin-Madison and working folk 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 app goal is to create a delightful ordering food design. 

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

I was a graduate student in Madison, so 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 do they expect, what motivates or frustrates them while using the app, what features do 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

This data helped me to create my personas.

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.

Content Requirements
Great Design Portfolios Are Great Stories (1).jpg
Functionality Requirements   
Great Design Portfolios Are Great Stories (2).jpg
Frame 43.png

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.