Loading...
Skip to Content

Honolulu Restaurant Reservation App

Scroll Down

Project Details

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

Services:
UX/UI Designer

Project Description

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.

User Research:

Summary
May 2022

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.


Persona 1 : 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.
Mary Lou User Journey

Ideation

Honolulu Ideation

Digital Wireframes

As I continued designing, I made sure to design things simple but also including important information.
Honolulu Digital Wireframe

Digital Wireframes

User should be able to confirm their reservation with no need to call the restaurant.
Honolulu 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
Lofi Prototype Honolulu

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 2 Findings

1. Users needed a better way to make a reservation for dining vs family events.
2. Uusers felt stuck or the process felt uncomplete when making it to the confirmation page.
3. Some styles didnt 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.
Honolulu Mockup
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.
Honolulu Mockup Time
Honolulu Full Mockup

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
Honolulu HiFi

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.

Related Projects

Image Description

Milestone Mental Health

Branding, Web Development, Graphic Design, and Multimedia

Cafe 3 Razas

Graphic and Product Design
Cafe 3 Razas