Embedded Files
InstaServe Establishment Overview
InstaServe Establishment Overview
InstaServe is an application that allows users to order food while at a restaurant using their mobile devices. It also allows restaurants to receive, manage, and fulfill these orders. We were in charge of designing the Establishment side, which is the side that restaurants see and interact with.
Team InstaServers
Team InstaServers
Ian Ross | Haoda Lu | Song Cao | Emily Phee
Development Process
Development Process
- How you worked with your sponsor.
Sponsors provide us with their ideas and thoughts about the app with their establishment mock ups.
We have weekly meetings with our sponsors in discord, and we discuss features and receive feedback from them.
Where the project started, and how one phase led to the next
We started the project from scratch, and the next phase of the project is connecting the app to the database and user side app.
- How you made design and implementation decisions
Design UI mockup in Figma based on the mockups provided by our sponsors
Implement UI on React Native based on our UI design
Fix or change our design based on sponsors’ and/or professor’s feedback
- How you deal with any challenges that arose
Watch tutorial videos
Work together in our team meeting
Ask sponsors and/or our professor/TA for help
Documentation
Documentation
Figma
Figma
We used Figma to design the UI for the Main Screen, Menu Management Screen, Client Orders Screen, Client Tray Modification Screen, Order History Screen, and Settings Screen.
Trello Board
Trello Board
We utilize the Trello Board to manage the project and divide the workload for everyone evenly. Moreover, easy to see overall progress and see the obstacles we encountered.
Sprint Report
Sprint Report
We had Sprint Report Bi-weekly basis for understanding our team's performance across active & keep track of completed Sprints.
README
README
README file contains the project information and instruction for starting the project.
Evaluation
Evaluation
Figma Prototypes
Figma Prototypes
These prototypes helped us determine the layout and style for each of the pages
Mock Data
Mock Data
These helped us test the interactions on each page and how they will feel once the app is complete. This also helped see how pages are going to change depending on the data they are displaying
Json server
Json server
These helped us determine what data will be stored on each page. We had to carefully think about what data each page will store, what schema would work best, and how would this data be changed
Final Product
Final Product
Manage orders
Manage orders
The product is designed for restaurant staff to manage patrons’ orders and modify menu information. (Current order screen, modify serving tray screen, menu management screen, order history screen)
We made the home page to be the current order page since it is the most frequent use page.
Change the input of price as text box, count with add and minus button to reduce user’s click
Choose bottom navigation instead of Setting on the corner to enhance the user's accessibility.
History of orders
History of orders
The order history contains all past orders from customers
The Order information transferred from Current Orders Screen to Order History Screen after the close out the Tab
The information contains time, tab number, table number, and other important information
Menu Management
Menu Management
Menu Management Screen allows users to add item, edit item, copy item, and remove item from the menu
The database of menu information will be changed based on users' operation
Staff Settings
Staff Settings
Staff has view of seeing the staff information
The user can change the information with click the input box
To edit the Employee ID, manager's permission is required
Project Video
Project Video
Page updated
Report abuse