Storyboarding / Low-fi + Mid-Fi Wireframing


Purpose &Functionality

Our purpose is to seamlessly fuse technology with hospitality to create an unforgettable dining experience. Our goal is to provide the user with an end-to-end dinning journey that allows them to visit a restaurant, check in and reserve a table, order food, grab boxes, request help, and successfully checkout using the payment of their choice including gift cards.


Below is our storyboard covering the entire user experience. We began by outlining the user actions as they accomplished their tasks.

Customer Experience at the restaurant: 

  • Customer walks into the restaurant
  • Customer walks up to one of 2 kiosks to check in and enter their name, number in theirparty, and contact information.
  • Customer receives a text giving them confirmation and a confirmation number saying that they have checked in
  • Customer is shown a screen of a seating map 
  • Available seats are in green 
  • Tables about to finish their meal are in yellow 
  • Unavailable tablesare in red 
  • Tables big enough to seat the customers party will be outlined 
  • If a customer chooses a yellow table or there is a wait time, they will receive a text informing them of their wait time and will give them a personalized link to a menu to order while they wait
  • The link corresponds to both a confirmation number and the customers phone number so servers know if the party is at the table yet or not 
  • Once a table is ready, the customer will receive a text telling them to go to acertain table number 
  • All the tables have numbers on them to help thecustomer find their
  • They will be able to see on a seating chart where their table is 
6 sketches in a grid showing details behind someone ordering a meal from a table using a UI
Figure 1 of 3 Storyboard
  • Customers walk to their table and will have a tablet in front of them  
  • On the top right of all tablets there is an assistance button that diners can press if they need help at any point during their visit 
  • Diners will have to enter their confirmation number and their phone number to lettheir server know that they are at their table  
  • This is sent back tothe kitchen to let the servers know that they can come out to the table andgreet the party 
  • If the party has not yet ordered food, each diner inputs their order which is sentback to the kitchen 
  • Oncefood is ready servers can bring out the food 
  • The tablet will stay on during the entire visit once the confirmation number andphone number are entered so that if the customers want to order more food theycan 
  • Once the diners are finished eating, they can press a checkout button  
  • The checkout button will show 2 options 
  • Do you need boxes topack food? (Boxes needed)  
  • Pay now 
  • If you need boxes, the server will be notified to bring you boxes while you are directed to thepayment screen 
Figure 2 of 3 Storyboard
  • The tablet will prompt the diners to pay with card, cash, or giftcard 
  • Cash 
  • If paying with cash, the servers are alerted to go to the table and bring out areceipt where diners will place their money 
  • The server will take the receipt back to count their change and then return the change to the diner   
  • The diners now have the option to leave their tip in cash 
  • Card 
  • Diner will have the option to pay with cardright from the table
  • Attached to the tablet will be a place to insert card, swipe card, touch to pay, orc ontact less pay (something like Square) where they will be able to pay their entire bill in full 
  • Thetablet will also show a qr code when it is time to pay where diners can usetheir phones to pay the bill 
  • Oncethe bill is paid diners have the option to leave a tip 
  • Giftcard 
  • Dinerscan pay with a giftcard from the table itself and swipe the card, enter carddetails, insert card, and touch to pay 
  • Once the gift card is used, the diner will either be prompted to pay the rest of the balance through card or cash (triggering the one of the other 2 payment options), or the rest of the gift card balance will be shown on the screen 
  • Confirmation of payment will be displayed on screen and users can either an email receipt ora text receipt 
  • Diners have the option to print the receipt at home 
  • Diners will enter phone number or email accordingly 
  • A confirmation screen will be shown saying that the diner has gotten their receipt, and that confirmation screen will also have a “done” button that if pressed, will notify the server to clean the table.  
Figure 3 of 3 Storyboard


Flow 1


Figure 1.1:
When first sitting at the table, diners will see this welcome page on a tablet, prompting them to enter some identifying information.

Figure 1.2: Diners are then asked to enter any dietary restrictions their party may have

Figure 1.3: Diners are then asked to enter any allergies their party has.

Figure 1.4: Guests are asked to let the servers know if there is a special occasion, so they can bring out a complimentary dessert after the meal if necessary. If there is no special occasion, diners can skip this step.‍

Figure 1.5: Customers are then told their server will be on their way to greet them and prompts them to order in the meantime.‍

Figure 1.6: Diners can browse the extensive menu and order. When they press “submit” their orders will be sent back to the kitchen.‍

Figure 1.7: After placing the order, a screen with an estimated wait time and a current subtotal is shown. From here customers have the option of ordering more food which will then redirect them to the ordering screen. ‍

Flow 2


Figure 2.1: After checking in, users are directed to a page that will prompt them to pick a table.

Figure 2.2: Diners have the option of choosing a booth or table. This is what they will see if they choose to sit in a booth.‍

Figure 2.3: Diners have the option of choosing a booth or table. This is what they will see if they choose to sit at a table.

Figure 2.4: Customers see a highlighted table with the rest of the tables greyed out once they click on their desired table.

Figure 2.5: After choosing a table, customers are given information on their table such as table number, estimated wait time, and further instructions. This completes the check in process.