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.