[Appendix] Screens Design Details
* Below key screens are designed in the smallest screen size, from normal device size, it will be shown with more enough space for displaying all components with better look
#1. Main Screens
Design focus from the main screen was to accommodate three main user needs. Firstly check overview figure. Secondly, check booking details. last but not least, adding a new bookings.
#2. Overview
During iteration process, I have found that restaurant Managers need to report regularly regarding total operation figure to their superior.
I have created a new summarised screen ('A' from the below) to make the reporting process easy and simple.
#4. Booking Details
To design this screen, i have focused on making simple and clear process. As a result, the screen organised mainly with important information yet still able to check details. And also, simplified editing process by breaking down editing components as single tasks popup so that user can focus on intended action at a time.
#5. Add Bookings
To simplify huge amount of details that user can add on the each booking, i have break down booking process into three stages.
Step 1. General information, in this stage, use add mandatory information for bookings. From Step 2 Select diner, user are able to select from the A-Z diner list or search. When you have a new diner, user can add a new diner as well. Last step is to check information and add remarks before complete booking creation process.
#6. Voucher Redemption
This screen designed to accommodate diverse redemption methods. Not only traditional way of fulfilling vouchers which is scanning QR codes and typing Voucher code but also accepting redemption requests from diner's side (Chope B2C App diners can request voucher redemption via the app).
