GRAPHICAL FLOW OF THE APPLICATION
Get an in depth understanding of how the Food App works exactly! There are three different apps at play here to make the entire process of delivery possible.
Website
Screenshots of Different Pages in Website-
Home -
Login -
User Login -
User Profile -
Orders -
Order Detail -
Search Restaurant -
User Wallet -
Driver Profile -
Driver Vehicles -
Edit Vehicle -
Driver Orders -
Driver Earnings -
Driver Wallet -
Restaurant Profile -
Food Categories -
Food Items -
Processing Orders -
Orders / Earnings -
Create Manual Order -
Restaurant Settings
Interactive Admin Panel
Easy Management Tool for Your Food Delivery Business-
Dashboard -
Admin Groups -
Manage Store -
Manage Providers -
Manage Users -
Provider Vehicles -
Vehicle Type -
Manage Item Categories -
Manage Items -
Manage Item Type -
All Orders -
Manage Promo Code -
God's View -
Reviews -
Admin Earning Report -
Referral Report -
Geo Fence Locations -
General Settings -
Manage Country
-
USER APP
This is the app that is downloaded by the User. The User can download this app from the Google Play Store and the iTunes App store. Splash Screen with your Logo will appear here.
-
RESTAURANT APP
This is the app that is used by the Restaurant. This app is also available for download from the Google Play store and the iTunes App store. Splash Screen with your Logo will appear here.
-
DELIVERY DRIVER APP
The driver has to use this app to complete the delivery. The Driver will be able to download the app from the Google Play store and the iTunes App Store. Splash Screen with your Logo will appear here.
Login and Registration
In order to use the app, the User must first download the app from the respective App store and then log in to it. The process of Registration is very simple! The User has 2 choices:
-
Log in Using Social Media:
The User can log into this app using any of his or her social media accounts like Facebook, Twitter or Gmail. This makes the log in a simple one step process.
-
Register a new account:
The user can also register in to this app by creating a new registration account. This will require him to put in his details such as Name, Email address, Phone number etc. User can also register using his Phone number.
Once the User has finished this, he will be shown as successfully logged into the app.
APPLICATION MENU
The Application Menu is the place where every tab of the app is listed. One can move from one tab to another right from this place.
-
This is the Application Menu that is available in the Customers app. It lists all the important sections such as Profile, Order history, Notifications, Wallet, Invite friends and Support etc.
-
This Application Menu is available in the Application of the Restaurant. This will have all the sections pertinent to the Restaurant app such as Profile, Earning History, Menu Items, Bank details, Manage Document, Order Statistics, Restaurant Settings, and Support.
-
This page of the App has all the important sections relevant to the Driver. These sections include Profile, Manage Vehicles, Manage document, Order history, Bank Details, Payment, My Wallet, Way Bill, User feedback, Order Statistics, Invite Friends.
List of Restaurants
The User will be able to choose from all the nearby Restaurants registered on your App. This page of the App will present a list of all the Restaurants. You can filter the list by Cuisines and can also sort the listing.
Placing an Order
-
This is the section that will enable the User to place an order from the Restaurant of their choice. They will be able to see all the Restaurants that appear online on the App.
-
This page will allow the Restaurant owners to make themselves available by sliding the Online or Offline option. When online, they can receive orders when Offline they will not be shown to the customers and thereby will not receive any orders.
-
The Driver can set his availability to pick and drop the order on this page. The Driver can make himself available by sliding the radio button to Online. If turned to Offline, the driver will not receive any request for delivery.
User Flow of Ordering the Food
-
Search Food Screen
This screen allows the User to search for the food items that they are looking for.
-
Add to Basket Screen
After the user makes selection, they can add their favorite Items to the basket.
-
View/Edit Cart Screen
This screen is where the user can modify or edit the Items placed in the cart.
-
Select Toppings Screen
There are food items which need customization and toppings. This screen allows the User to add toppings as per their preference.
-
Checkout Screen
This Screen will allow Customers to checkout and confirm the purchase here you can choose the option for "Deliver to your Doors" OR "Take Away"
-
Checkout Screen
This screen will allow the User to check out and confirm the purchase.
-
Choose Payment Method (Cash/Card)
The final step in the checkout screen will allow you to choose the payment method for the order.
After Order is Placed
-
The User is notified that his order has been placed. It also states that the order will be delivered shortly, shows the options of Call, so that he can call the Restaurant and Navigate to help reach the Restaurant using the Map.
-
Once the order is placed, the Restaurant app immediately shows a screen where the order details are shown. The Order is presented in the NEW ORDERS section.
Tracking the Order
-
The User can now track their order over a Map. This page will show a flowchart with all the stages of the order right from the order being placed to it being delivered. The Map will also help locating exactly how far the order is.
-
Restaurant can view the Order details and can confirm or decline the Order.
Assigning the Order to the Driver
-
Once the Restaurant accepts the placed order, they will be shown a screen with the bill details and a button that says “ASSIGN DRIVER”. On Clicking this button, the request for pickup and delivery of the order will be sent out to the Delivery Driver.
-
The Delivery Driver sees the request as a notification on his screen along with a timer. The Driver must accept the order within the given time or else the request will automatically get canceled and passed on to another driver.
Processing the Food Ordered
-
The User will now be shown that the Driver for pickup of order has been assigned. This will be shown as a progression in the flowchart on the screen of the User.
-
The Restaurant will be notified after the Driver accepts the order. The notification will state that the Delivery executive is on his way to collect the order. This screen will continue to show the particulars of the order as well.
-
The Delivery Driver will be able to see the Current Task on this page. It will show the address of the place that the order has to be collected from and the address of the delivery for the order. This page also shows the options of Call, so that he can call the restaurant and Navigate to help reach the Restaurant using the Map.
Status of the Delivery Driver
Driver can now reach the restaurant and pick up the order. The delivery driver will be able to see the particulars of the order so that he can pick it up without any confusion. He will then take a picture of having collected the order and update on the app as “ORDER PICKED UP”.
The Last Leg of Delivery
-
The User can now see the status of the Driver along with an estimated time of arrival. The flowchart gets appropriately marked as per the movement of the Driver.
-
The Restaurant too will now be able to track the exact status of the order. The Restaurant will be able to see whether the order has reached the recipient or not.
-
After the order is picked up by him, the will now be able to see the address of the Recipient. They will also have the option of Calling the Customer for instructions and tracing the location on a map so that they can drive and reach them easily.
Order Delivered Successfully
Once the order gets successfully delivered to the Customer’s place, it is appropriately updated on the app. the order delivered icon turns green along with a time stamp for the same. The page also mentions that the order has been delivered.
Apart from that the page has 2 buttons in the bottom:-
Not Delivered
In case the driver marks the order as delivered, however, the customer hasn’t received it, the User can click on this button and the admin will be notified. The Customer can also call the Delivery driver directly by clicking this button.
-
Ok, Got It
This button is to be clicked when the customer confirms that the food has been delivered successfully.
REVIEWS AND RATINGS
-
- The User can Review the Restaurant based on the quality of the Item that they received.
- The User can also rate the Driver based on their experience of having the Item delivered.
-
- The Driver can also rate the Customer based on their experience of delivering the product.
FLOW OF THE RESTAURANT APP
The Restaurant App is loaded with attractive features. The App menu has different sections relevant to the Restaurant.
-
Earning History
Restaurant can see his Earning history date wise and can also see the Total number of Orders and Total Earnings.
-
Order History
This Screen will show the details of the orders that have been placed through the app.
-
Manage Menu Screen
This screen will enable the Restaurant to add/ edit/ change/ modify the menu of the restaurant. They will be able to place description and the items that they are willing to serve from this screen.
-
Update Documents Screen
This is the screen that will allow the restaurants to update and upload the required documents on the app.
-
Bank Details
The restaurant can update all the banking details for the app on this screen.
-
Order Statistics
This screen will show a graphical representation of the total earning and the orders placed.
-
Restaurant Settings
This screen will allow the restaurant to micro manage different particulars including average time taken to prepare an order, how many items can be added per user etc. It will also allow the user to “set Restaurant details” and “Set Business Hours”.
-
Restaurant details
The restaurant can order all the details of the restaurant including Contact Person, Address etc.
-
Business Hours
On clicking this button, the restaurant can set the working hour slots in the app when their service is available.
FLOW OF THE DELIVER DRIVER APP
This is the Driver Menu of the Application.
-
Get Online
The driver can get online if they want to start accepting orders for food delivery. When they turn themselves online, they will be able to select the vehicle they want to deliver the food on.
-
Manage Vehicles
This is the screen where the Driver can manage all their vehicles from. They can add new vehicles and manage and edit the existing ones. They can also delete the vehicles per their choice.
-
Edit Vehicle Page
This screen allows the uses to modify the information that the drivers have uploaded on the app. They can change the make and model of the vehicle along with the vehicle number and year of release.
-
Documents
This page will allow drivers to select the necessary documents on the app.
-
Upload documents
This page will enable the drivers to upload the relevant documents like drivers license etc.
-
Order History
This page will allow the users to check the order history that they have already delivered.
-
Order Details
This screen shows the driver the particular details of the order such as Pickup address and Delivery address, delivery earning etc.
-
Bank Details
This screen enables the driver to fill in all the bank information in the App.
-
Card Details
The Driver can fill in his card information here.
-
Wallet
This is the screen that shows the wallet balance. It also allows the driver to add money to the wallet.
-
Order Statistics
This screen will show the driver a graphical representation of the orders delivered and earnings made.
-
User Feedback
This screen shows what is the kind of feedback that the customers have given him.
Other Features
Restricting Delivery Driver’s Fraud
-
- Lorem Ipsum content goes here and your ipsum content goes here and Lorem Ipsum content goes here.
-
- This feature will not allow the Driver to mark status as Food Pick up “Confirm” unless he is in X Meters / Feet distance from the Restaurant Pickup Location.
-
- As soon as Driver taps on the "Confirm" button, a message will be displayed on the screen.
Restaurant Menu Multiple Options/Toppings
-
- Users can select the multiple topping available for the selected Food Item.
- For example, user has selected the Margherita Pizza. Customer can select the Size as Small, Medium, and Large.
-
- Customer can select the Base as Thin Crust, Soft Crust and Pan
-
- Customer can select the Toppings as Tomato, Onion, Cheese
Free Delivery Promo Codes for Specific Stores
-
- App Owner can set the Promo Code for Specific Stores or for all Stores. Free Delivery Promo code can be ON/OFF.
- Having this, the Customer will see that Delivery is free but in real the Store Pays for it as part of promotion.
-
- App Owner will be able to create Promo code Specific to Target Location. Only Users belongs to that location can use that promo code.
- A list of available Promo codes will be displayed.
-
- User can choose the Promo code for free delivery and can avail the discount.
Advanced Rating Flow for Food Items and Delivery Drivers
-
- Order History Listing Page will have “Rate Order” Button. Clicking on it, 1st Driver will be rated and then Food Items.
-
- User can rate the Driver. After Star Ratings, User will be asked for details ratings.
-
- User can Rate Driver based on few parameters like wearing mask, Uniform, No Contact Delivery etc. User can also add his comments in the Text box.
- Star Smiley will be displayed according to the selected star ratings.
Location Wise Banners throughout the System
-
- App Owner will be able to create Application’s Home Page Banner’s Specific to Target Location.
-
- User will see Banner according to the Location Address in User Application Home Page Screen.
Location Wise Push Notifications throughout the System
-
- App Owner will be able to send Push Notification to all Users of selected Location.
-
- User can see the Notifications sent by the Administrator.
Using Firebase For Mobile Number Verification through the System
-
- Firebase Authentication provides backend Services to authenticate users by verifying their phone number. Using this technology, you can avoid verification of User's Phone Number that uses expensive 3rd party SMS.
-
- User can enter his phone number and verify.
-
- An OTP will be sent to user on his number for verification.
SKU Code For Store Delivery Items
-
- SKU code is added to help Restaurant/Store owners to identify a specific item when order is received.
-
- Restaurant would be able to see all the Orders a lot with SKU of Item.
Common Screens of the Application
-
Edit Profile
This is the page where the User, Restaurant and the Driver can manage and edit their profiles. They can update their name, email address etc. from right here.
-
Invite Friends
This page generates a coupon for referrals that the Customer as well as the Driver can get on a transaction made over the app by someone they referred.
-
Support
This page has all the support related information of the Application.
-
Help
This page gives the user assistance with the order.
-
Issue with delivery
In case there is an issue with the delivery, the Customer can mention it here and get assistance.
-
Terms and Conditions
This page will have all the basic terms and Conditions that are pertinent for using the app.
-
Privacy Policy
This screen gives all the details of the Privacy Policy of the Application.
-
Contact Us
This page will allow the Customer, Driver as well as the Restaurant to Contact the Admin.