Project Name
Target Users
My Role
Project Time
Restaurant Menu App Design
Everyone including people from small towns, suburban areas those who don't get the facility of food deliver companies, restaurant delivery ,etc
Did Research, Wireframing, Prototyping, End Design
7 days
Overview
The Product I have done is a Restaurant Menu App. The name of that particular restaurant is "The Soul Food". Here in this project you will come across different food from various cuisines. I have also discussed how this app will help users those are not getting full advantages of food delivery giants like Zomato, Swiggy , Uber Eats, etc
Problem Statement
The absence of online food delivery giants like Zomato, Swiggy, Uber Eats, etc in some areas, mainly in our area which is a SubUrban Area. There are restaurants nearby us but they don't have their menu app and also they don't deliver food. Thus making the life of Work from Home Professionals miserable.
For that reason I come up with an idea of giving an app design for a restaurant by which customers can choose and order their food and get it delivered in time.
​
Users & Audience
The main user that this app target are those who cannot get the facilities of big food delivery companies. As we Know delivery giants are mainly seen in big cities where as they exclude some lesser know towns and cities from which our town is one of them.
​
Seeing this "The Soul Food" decided to avail there services not only in big cities as well as in smaller cities & towns.
User Research
User Personas
After getting a brief idea from about the personas. I have comeup with this user flow.
It's not the final for sure but I would say its the first iteration.
User Flow
Wireframes
I could have done this project with 6 or 7 frames but rather than I went direct to the homepage, product details & food cart frames.
HomePage
Product Page
Food Cart
Address
HomePage
HomePage
In the homepage section, I drew some important parts of a Mobile App like menu, brand name, cart on the upper part of frame 1 or homepage.
​
Second Part is of choosing cuisines, after you complete choosing cuisines you will see deals on starters, meals, desserts, etc.
Third part is the navigation where the 1st one is homepage, second one is bookmarks, third is explore different cuisines, new arrivals, etc and last one is profile of the user.
Product Details
In Product Details page, the top part is all about Back button, Cart button & the Cuisine you have selected.
​
Secondly the product photo which shows a non-veg or veg sign and a Bookmark sign is available for users to bookmark any dish. Bookmarked food dishes list can be seen clicking on bookmark navigation button in the Homepage.
​
Then their is Dish name, price and some little details about that product.
​
For users to understand properly about that dish or meal, I have also provided total dishes present on that meal and also given a Add Option if you want more dishes on that meal.
​
And lastly, quantity of that meal or dish with price adjustment, quantity change is also given
for the users
After that the user can click on Add to Cart button given at bottom of frame.
Food Cart
In above part of the frame is number of food or dishes shown with search button if you have anything to search in cart.
​
Secondly, the Dishes list that you have added to the cart and some of its details are also shown. On that section the customer will get delete option and add more quantity option.
Thirdly its all about add Promo Code if any, by which customer can deduct some price from the order amount.
After that there is Order Details, where a customer can see his present amount, delivery charges if any, coupon or promo code discounts and lastly the total amount.
​
And then user can click on address button to go next screen for selecting address or adding a new one.
Address
The user can add new address, select any previous address , then can go to checkout process or screen.
Prototyping & Low-Fidelity Design
By this flow the user can select cuisines, meals and can move to checkout process as quick as possible.
High Fidelity Screen
.png)
What I have learnt ?
As this app was given to complete within a week, it was quite challenging. Reason is that I tried User Personas, User Flow for that first time. Also learnt simple design, easy flow is like the most required one. As we know there are many work which can be done better and let's take it as a first iteration with more iteration the screens can be refined more.