Honolulu Restaurant Reservation App

UX/UI Designer
Project Overview
Honolulu Restaurant is an award winning restaurant, located on Ala Moana Beach. This restaurant thrives on family events and hosting festivals. Honolulu Restaurant caters to many different people. From families who want to enjoy a luau on the beach, to the women who want to enjoy a wine festival for ladies night out, or even to the couple who want to enjoy a nice dinner.
The Problem
Customers have a hard time reserving seats for events, festivals, and dinners.
The goal
Design an app so the customer can make a reservation for any special event (including festivals) and dining.
My Contributions
UX Designer designing app for Honolulu Restaurant Reservation App from conception to delivery. Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
Platforms
Figma
App Mockup
I conducted interview and created empathy maps to better understand the users I'm creating the app for. I found 1 primary users through my research. Busy working adults who need a fun family night.This user group confirmed my assumptions about busy working parents, but research also showed that time wasn’t the main factor. Busy working parent also feel the guilty of not having family time often. Other obligations and problems interfere which make it difficult for busy families.
User Research:
Summary
May 2022
Persona: Mary Lou
Problem Statement
Mary Lou is a HR Director who needs a fast way to reserve a family dinner because they live a busy lifestyle and need family time.
Persona Mary Lou
User Journey Map
Problem Statement
Mary Lou’s user journey showed how helpful it would be for users to be able to see all the events and information ahead of time. Also making things even easier with autofill for a faster experience.
User Journey Map
Ideation
Digital Wireframes
As I continued designing, I made sure to design things simple but also including important information.
Digital Wirerame
Digital Wireframes
User should be able to confirm their reservation with no need to call the restaurant.
Digital Wireframe
Low-fidelity Prototype
The low-fidelity prototype connected the primary user flow of picking a date and making a reservation, so the protype could be used in a usability study with users.View the Honolulu Restaurant Reservation App Low-fidelity prototype
Low - Fidelity Prototype
Usability Study: Findings
I conducted a usability study on 3 different people.  Recorded their actions and created and affinity map. After, I was able to find common themes.

Round 1 Findings

1. Users need a clear icon to represent a date.
2. Info wasn’t present so users need a better cue.
3. Users assumed confirmation; users need a clear explanation.

Round 1 Findings

1. Users need a clear icon to represent a date.
2. Info wasn’t present so users need a better cue.
3. Some styles didn't pop out so easy for users or were hard to get to.

Mockups
Earlier in the design process, we asked the clients yes or no questions. Which lead to another screen. This lead to confusion. I revised the design by consolidating the two screens and clarified the question and process.
Mockup
Mockups
Earlier in the design, we allowed customers to select their reservation time. I revised the design allowing customers to see times that are no longer available.
Mockup
Mockups
High - Fidelity Prototype
The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study. View the Second Rescue Food High-Fidelity Prototype
High - Fidelity Prototype

Accessibility Considerations

1. We tried to use contrasting colors. Also attempting to be careful with over usage of colors.

2. We considered the interactions in the prototype and made sure they were no more than 5 seconds.

3. We also made a menu to be able to help navigate in other ways.

Takeaways

Impact:

This app will allow customers to make easy reservations for Honolulu Restaurant.

What I learned:

I learned that people think differently than I do. The first design was only the beginning of my thought process but with usability study and feedback. I was able to discover more design influence.

Next steps

1. Conduct another usability study to see if there are any other pain points.

2. Conduct more research for better user experience.

App mockup
Powered by Webflow
FacebookTwitterInstagram