grocery app graphical flow

Step by Step Graphical Flow

  • Customer APP user application

    This is the App that is downloaded by the Customer. The Customer can download this App from the Google Play Store and the iTunes App store. Splash Screen with your Logo will appear here.

  • STORE APP Stores application

    This is the App that is used by the Store. 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 delivery driver application

    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.

Application login and registration

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, LinkedIn 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 login and registration

Select Store Type

DeliverAll App includes various Store Types Like Food, Grocery, Wine, Pharmacy, eCommerce, Stationary and Medical Marijuana etc.

Different Stores can register under these Categories and earn handsome money.

PROFILE/ APPLICATION MENU

The Profile is the place where user can browse all the Features. One can move from one tab to another right from this place.

  • user app menu

    This is the Application Menu that is available in the Customers app. It lists all the important sections such as Order, wallet, Notifications, Cart, Invite friends and Support etc.

  • Stores app menu

    This Application Menu is available in the Application of the Store. This will have all the sections pertinent to the Store App such as Earning Story, Store Items, Manage Documents, Order Statistics, Store Settings, Store Timings and Support

  • delivery driver app menu

    This page of the App has all the important sections relevant to the Delivery 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 Stores

List of nearby Stores (Lets say you have selected the Store Type as "Food Delivery)

  • All the Store Types will have same flow as Food.
  • As soon as Customer selects the store type, he can see the list of nearby Stores. The Customer will be able to choose from all the nearby Food Stores registered on your App. This page of the App will present a list of all the Stores categorized by Featured Stores, Popular Stores, Offers. You can sort the list by Relevance, Rating, Delivery Time etc..

Placing an Order from Application

  • user order dashboard

    This is the section that will enable the Customer to place an order from the Store of their choice. They will be able to see all the Stores that appear online on the App.

  • Stores sliding onine availability

    This page will allow the Store 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.

  • Driver set his availability

    The Driver can set his availability to pick and drop the order on this screen. The Driver can make himself available by sliding the button to Online. If turned to Offline, the Driver will not receive any request for Delivery.

Customer Flow of Ordering the Food

  • user search food items Search Food Screen

    This screen allows the Customer to search for the Food items that they are looking for.

  • user add food item to basket Add to Basket Screen

    After the Customer makes selection, they can add their favorite Food Items to the basket.

  • user edite food item View/Edit Cart Screen

    This screen is where the user can modify or edit the Items placed in the cart.

  • user confirm order to check out Checkout Screen

    This screen will allow the Customer to check out and confirm the purchase. Here they can choss the option for Home Delivery or Take away.

  • use choose payment method Contactless Delivery

    Once Customer choose the "Deliver to your Doors", he can opt for Contactless Delivery.

  • use choose payment method Choose Payment Method (Cash/Card/Wallet)

    The final step in the checkout screen will allow you to choose the payment method for the order.

After Order is Placed

  • order place notification

    The Customer is notified that his order has been placed. It also states that the order will be delivered shortly.

  • Stores app displays order details

    Once the order is placed, the Store App immediately shows a screen where the order details are shown. The Order is presented in the NEW ORDERS section.

  • new order details

    Lorem Ipsum content goes here and your ipsum content goes here and Lorem Ipsum content goes here.

Tracking the Order

  • user track the order

    The Customer 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.

  • total bill amount confirm or decline

    Store can view the Order details and can confirm or decline the Order.

Assigning the Order to the Driver

  • assign driver
  • Stores assigns to driver

    Once the Store accepts the placed order, they will be shown a screen with the bill details and a button that says “ASSIGN DRIVER”. On tapping this button, the request for pickup and delivery of the order will be sent out to the Delivery Driver.

  • delivery driver sees request

    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 Order

  • user see assigned driver for pickup of order

    The Customer 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.

  • Stores get notification for driver accept order

    The Store 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.

  • delivery driver see order picup address

    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 Driver can call the Customer to reach his location.

delivery driver pickup order

Status of the Delivery Driver

Driver can now reach the Store 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

  • user see the status of the driver

    The Customer 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.

  • Stores track status of order

    The Store too will now be able to track the exact status of the order. The Store will be able to see whether the order has reached the recipient or not.

  • driver see the address of the recipient

    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 successful

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 red 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 tapped when the customer confirms that the Store has been delivered successfully.

REVIEWS AND RATINGS

  • user rate & review to Stores & driver
    • The Customer can Review the Store based on the quality of the Item that they received.
    • The Customer can also Rete and Review Drivery Driver.
  • ratings reviews

    Lorem Ipsum content goes here and your ipsum content goes here and Lorem Ipsum content goes here.

  • driver rate & review to customer & Stores
    • The Driver can also rate the Customer based on their experience of delivering the product.

FLOW OF THE Store App

The Store App is loaded with attractive features. The App has different sections relevant to the Store.

  • Stores see earning history Earning History

    Store can see his Earning history date wise and can also see the Total number of Orders and Total Earnings.

  • order history Order History

    This Screen will show the details of the orders that have been placed through the app.

  • Stores manage menu section Manage Store Items Screen

    This screen will enable the Store to add/ edit/ change/ modify the Items available in the Store.

  • Stores update document Update Documents Screen

    This is the screen that will allow the Stores to update and upload the required documents on the app.

  • Stores update bank details Bank Details

    The Store can update all the banking details for the App on this screen.

  • order statistics Order Statistics

    This screen will show a graphical representation of the total earning and the orders placed.

  • Stores setting Store Settings

    This screen will allow the Store 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 Store Owner to “Set Store details” and “Set Business Hours”.

  • Stores order details Store details

    The Store can manage all the details of the Store including Contact Person, Address etc.

  • Stores set working hours Business Hours

    On clicking this button, the Store can set the working hour slots in the app when their service is available.

FLOW OF THE DRIVER APP

This is the Delivery Driver Application.

  • Driver able to select vehicle to deliver food 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.

  • driver manage vehicle 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.

  • driver edit vehicle page 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.

  • driver select necessary documents Documents

    This page will allow drivers to select the necessary documents on the app.

  • driver upload documents Upload documents

    This page will enable the drivers to upload the relevant documents like drivers license etc.

  • driver check already delivered order history Order History

    This page will allow the users to check the order history that they have already delivered.

  • driver see details of address, earning , order Order Details

    This screen shows the driver the particular details of the order such as Pickup address and Delivery address, delivery earning etc.

  • driver fill bank details Bank Details

    This screen enables the driver to fill in all the bank information in the App.

  • driver fill card details Card Details

    The Driver can fill in his card information here.

  • wallet balance Wallet

    This is the screen that shows the wallet balance. IT also allows the driver to add money to the wallet.

  • driver order statistics Order Statistics

    This screen will show the driver a graphical representation of the orders delivered and earnings made.

  • driver see user feedback User Feedback

    This screen shows what is the kind of feedback that the customers have given him.

Other Features

Restricting Delivery Driver’s Fraud

  • user,  Stores, driver edit profile

    This feature will not allow the Driver to mark status as Pick up “Confirm” unless he is in X Meters / Feet distance from the Store Pickup Location.

  • Pickup Location.

    This feature will not allow the Driver to mark status as Grocery Pick up “Confirm” unless he is in X Meters / Feet distance from the Store Pickup Location.

  • Confirm

    As soon as Driver taps on the "Confirm" button, a message will be displayed on the screen.

Restaurant Menu Multiple Options/Toppings

  • user,  Stores, driver edit profile

    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.

  • coupon for referrals

    Customer can select the Base as Thin Crust, Soft Crust and Pan

  • App support

    Customer can select the Toppings as Tomato, Onion, Cheese

One Store Under Several Categories

  • user,  Stores, driver edit profile

    Using this features App owner can show each store in more than 1 Categories.

  • coupon for referrals

    For example, A store will show in Food and Grocery Category, it sells Food and Grocery Items. Store will register in 1 Category and later can ask Admin to add him in multirole Categories as it would be doing business in more than 1 Categories.

  • App support

    User will see Banner according to the Location Address in User Application Home Page Screen.

Free Delivery Promo Codes for Specific Stores

  • user,  Stores, driver edit profile

    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.

  • coupon for referrals

    A list of available Promo codes will be displayed.

  • App support

    User can choose the Promo code for free delivery and can avail the discount.

Advanced Rating Flow for Delivery Drivers

  • user,  Stores, driver edit profile

    Order History Listing Page will have “Rate Order” Button. Clicking on it, 1st Driver will be rated and then Food Items.

  • coupon for referrals

    User can rate the Driver. After Star Ratings, User will be asked for details ratings.

  • App support

    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

  • user,  Stores, driver edit profile

    App Owner will be able to create Application’s Home Page Banner’s Specific to Target Location.

  • coupon for referrals

    User will see Banner according to the Location Address in User Application Home Page Screen.

  • App support

    User will see Banner according to the Location Address in User Application Home Page Screen.

Location Wise Push Notifications throughout the System

  • user,  Stores, driver edit profile

    App Owner will be able to send Push Notification to all Users of selected Location.

  • coupon for referrals

    User can see the Notifications sent by the Administrator.

  • App support

    Lorem Ipsum content goes here and your ipsum content goes here and Lorem Ipsum content goes here.

Location Wise Promo Code

  • user,  Stores, driver edit profile

    App Owner will be able to create Promo code Specific to Target Location. Only Users belongs to that location can use that promo code.

  • coupon for referrals

    This section offers users with a coupon that they can apply for the next service that they book and empowers them to choose from any one of them.

  • App support

    Lorem Ipsum content goes here and your ipsum content goes here and Lorem Ipsum content goes here.

Using Firebase For Mobile Number Verification through the System

  • user, Stores, driver edit profile

    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.

  • coupon for referrals

    User can enter his phone number and verify.

  • App support

    An OTP will be sent to user on his number for verification.

SKU Code For Store Delivery Items

  • user, Stores, driver edit profile

    SKU code is added to help Store owners to identify a specific item when order is received.

  • coupon for referrals

    Lorem Ipsum content goes here and your ipsum content goes here and Lorem Ipsum content goes here.

  • App support

    Stores would be able to see all the Orders a lot with SKU of Item.

Common Screens of the Application

  • user, Stores, driver edit profile Edit Profile

    This is the page where the User, Store and the Driver can manage and edit their profiles. They can update their name, email address etc. from right here.

  • coupon for referrals 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.

  • App support Support

    This page has all the support related information of the Application.

  • user help Help

    This page gives the user assistance with the order.

  • help when issues with delivery Issue with delivery

    In case there is an issue with the delivery, the Customer can mention it here and get assistance.

  • terms & condition Terms and Conditions

    This page will have all the basic terms and Conditions that are pertinent for using the app.

  • privacy policy Privacy Policy

    This screen gives all the details of the Privacy Policy of the Application.

  • contact us Contact Us

    This page will allow the Customer, Driver as well as the Store to Contact the Admin.

Gojek Clone 2021 Enquire now