Design
Color Scheme
Main Screens: To design our application we used figma, and below are the drawings of some main screens
Screen 1 - Main Page - This page will be the main page of our application, from here you can create a profile by the sign up button and then sign in by entering your information and pressing sign in.
Screen 2 - Main Location Selection - This page houses all of the main location options on campus. From here a student can utilize the 3 dashes in the top left and navigate the app or they can choose the restaurant and start looking to order food or complete orders depending.
Screen 3 - Location Specific Screen - This page appears when you click on a location with multiple restaurants in it. It displays all of the options which a student can order from and allows them to go back to the main location selector as well.
Screen 4 - Ordering from Location Screen - This is the page which displays all of the menu options clearly which a student can choose from the specific place they are looking at. In this instance we are utilizing Chick-Fil-A and the student can add any of the menu options to their bag that they see.
Screen 5 - Order Screen - In this screen user would be able to see their orders and proceed further to checkout.
Screen 6 - Payment Method - This screen will allow users to choose available payment methods.
Screen 7 - Navigation - This screen will give users the options to go to profile, orders, favorites, application for the job, log in as a driver pages and sign you out from the account.
Screen 8 - Confirm Order - The Confirm order page will display how long will the delivery take.
Screen 9 - Sort by screen - This screen allows the customer to be able to sort restaurants by distance, estimated wait time, ratings, or favorites.
Screen 10 - Clock in screen for employee - This screen allows a driver to begin accepting orders on the app. The driver can also see how busy the app is right now, and how busy the app predicts it will be in the future.
Screen 11 - Orders screen - The employee can see which orders are available at a specific restaurant and how far away the customer is.
Screen 12 - Employee restaurant select screen - The driver can see which restaurants currently have orders available, and how many orders there are at each.
Screen 13 - Driver login - The driver is able to login to their account and begin deliveries. Also has application button.
Screen 14 - Application for driver - Driver can apply to start driving on the app by filling out the form. After submitting the form they will receive a login and password form if they are hired.
Screen 15 - Order tracking screen - Customer can see how long until their order is estimated to arrive based on wait time and distance. Has button to rate their order or go back to the main menu.
Screen 16 - Profile Screen - Has information of the profile of the customer. Customer can see their order history, edit their payment details, or get help on this screen by navigating through the buttons.
Screen 17 - Payment Detail screen - Allows the customer to add a debit/credit card to the app.
Screen 18 - Delivery portal - The portal that shows all available deliveries.
Screen 19 - Address Detail page - Allows the customer to provide any extra information about their location or specifics on how they would like the drop off to be handled.
Screen 20 - GPS screen - Built in GPS system that shows the driver how to arrive at the destination, with the mileage remaining and the estimated time of arrival at the destination.