Ikenna Okoronkwo | UX/UI Designer | Professional Portfolio

H-steakhouse

Mobile App

UX/UI design

My Role

UX/UI designer from conception to delivery

Tools

Figma, Photoshop

What i did

Research
Wireframing
Prototyping

Research
Wireframing
Prototyping

Usability studies
Iterating on designs

Usability studies
Iterating on designs

Prototype

The problem:

How might we help enhanced customer experience in our restaurant

Background

H-steakhouse is adapting to customer preferences for digital interactions, 79% believe that technology improves their dining experience. Using apps to streamline operations, reduce costs, and improve customer service.

Challenge

Must offer compelling features or incentives to encourage regular use.

Can’t use other platforms because they take 14-30% of revenue

Challenge

Must offer compelling features or incentives to encourage regular use.

Can’t use other platforms because they take 14-30% of revenue

We are not in the food delivery business.

We want to enhance our customer experience to increase revenue.

We are not in the food delivery business.

We want to enhance our customer experience to increase revenue.

We are not in the food delivery business.

We want to enhance our customer experience to increase revenue.

Research

I did a secondary research to understand customer issues in person and using a restaurant app and opportunity.

In-Person Issues

Inconsistent service quality

Unsatisfactory food handling

Long wait times

App-Related Issues

Lack of order customization

Navigation difficulties

Limited payment options

Opportunity

Rewards

Recommendation

Scheduling

Dish customizer

Meal sharing & Splitting

What are some common challenges or frustrations you face when dining in-person at restaurants?

"One challenges I face is lengthy wait times, particularly during peak hours."

"When there is slow service or an error in orders."

Do you find loyalty programs through restaurant apps to be motivating factors for using them more frequently?

"The programs offered through restaurant apps to be very motivating."

"It feels like I'm getting something extra for my loyalty."

"It encourages me to choose those restaurants over others ."

"It's a nice way for restaurants to show appreciation."

Job to be done

Identify Needs:
Users seek convenience in dining management, personalized recommendations, order customization, social dining features, and incentives for loyalty and engagement in an app that facilitates discovery, reservation, and personalized dining experiences.
Consider the Jobs to Be Done:
Functional Jobs:
Convenient restaurant location and reservation process.
Personalized recommendations based on preferences and past dining experiences.
Order customization based on dietary restrictions or personal preferences.
Seamless meal sharing and bill splitting for dining with friends or family.
Emotional Jobs
Reward loyalty to restaurants.
Expect excitement when trying new dishes recommended by the app.
Empowerment and control over dining experiences through customization options.
Aim for camaraderie and enjoyment when sharing meals with loved ones.
Define the Job to be Done:
The restaurant app helps users seamlessly discover, reserve, customize, and enjoy dining experiences while feeling rewarded, excited, empowered, and connected.
Performance Criteria:
• User-friendly navigation.
• User-friendly recommendations.
• Flexibility for dish customization.
• Efficient meal sharing and bill splitting.
• Effective reward system for user engagement and loyalty.

Job to be done

Identify Needs:
Users seek convenience in dining management, personalized recommendations, order customization, social dining features, and incentives for loyalty and engagement in an app that facilitates discovery, reservation, and personalized dining experiences.
Consider the Jobs to Be Done:
Functional Jobs:
Convenient restaurant location and reservation process.
Personalized recommendations based on preferences and past dining experiences.
Order customization based on dietary restrictions or personal preferences.
Seamless meal sharing and bill splitting for dining with friends or family.
Emotional Jobs
Reward loyalty to restaurants.
Expect excitement when trying new dishes recommended by the app.
Empowerment and control over dining experiences through customization options.
Aim for camaraderie and enjoyment when sharing meals with loved ones.
Define the Job to be Done:
The restaurant app helps users seamlessly discover, reserve, customize, and enjoy dining experiences while feeling rewarded, excited, empowered, and connected.
Performance Criteria:
• User-friendly navigation.
• User-friendly recommendations.
• Flexibility for dish customization.
• Efficient meal sharing and bill splitting.
• Effective reward system for user engagement and loyalty.

Job to be done

Identify Needs:
Users seek convenience in dining management, personalized recommendations, order customization, social dining features, and incentives for loyalty and engagement in an app that facilitates discovery, reservation, and personalized dining experiences.
Consider the Jobs to Be Done:
Functional Jobs:
Convenient restaurant location and reservation process.
Personalized recommendations based on preferences and past dining experiences.
Order customization based on dietary restrictions or personal preferences.
Seamless meal sharing and bill splitting for dining with friends or family.
Emotional Jobs
Reward loyalty to restaurants.
Expect excitement when trying new dishes recommended by the app.
Empowerment and control over dining experiences through customization options.
Aim for camaraderie and enjoyment when sharing meals with loved ones.
Define the Job to be Done:
The restaurant app helps users seamlessly discover, reserve, customize, and enjoy dining experiences while feeling rewarded, excited, empowered, and connected.
Performance Criteria:
• User-friendly navigation.
• User-friendly recommendations.
• Flexibility for dish customization.
• Efficient meal sharing and bill splitting.
• Effective reward system for user engagement and loyalty.

I identified exactly what the users issues are.

I don't like the wait time

Want to browse the menu without calling the restaurant

Want to be able to pay through the app and split bills

Want a loyalty program

Need app to remember my past order and preference

Want to place order and pick it late

Want to be able to customize my dish.

During the research I saw that the different issues are actually one issue

Which is to streamline the ordering process

During the research I saw that the different issues are actually one issue

Which is to streamline the ordering process

During the research I saw that the different issues are actually one issue

Which is to streamline the ordering process

I discovered major constraints during my research.

67% of users want a streamline efficient dining and ordering process
75% of users want to customized and streamlined ordering experience

67% of users want a streamline efficient dining and ordering process
75% of users want to customized and streamlined ordering experience

How might we

1
How might we design the pre-ordering system to be so user-friendly that patrons can effortlessly explore, choose, and arrange their food orders with just a few clicks on their mobile device?
2
HMW implement a feature that allows customers to browse detailed digital menus with custom filtering options for dietary needs?
3
HMW integrate a payment system in the app that not only allows for transactions but also simplifies the process of bill splitting among multiple diners?
4
HMW incorporate a quick reorder function that is not only fast but also includes options for users to tweak their favorite orders easily?
5
HMW leverage a loyalty and rewards program in the app to encourage more frequent orders and increase customer retention?
6
HMW design the app to enable users to modify their dishes in real-time while also providing visual confirmation of these changes to avoid errors?

1
How might we design the pre-ordering system to be so user-friendly that patrons can effortlessly explore, choose, and arrange their food orders with just a few clicks on their mobile device?
2
HMW implement a feature that allows customers to browse detailed digital menus with custom filtering options for dietary needs?
3
HMW integrate a payment system in the app that not only allows for transactions but also simplifies the process of bill splitting among multiple diners?
4
HMW incorporate a quick reorder function that is not only fast but also includes options for users to tweak their favorite orders easily?
5
HMW leverage a loyalty and rewards program in the app to encourage more frequent orders and increase customer retention?
6
HMW design the app to enable users to modify their dishes in real-time while also providing visual confirmation of these changes to avoid errors?

Mind Map

To streamline the process

I found that user want different points of entry

To streamline the process

I found that user want different points of entry

Low fidelity mock up

Usability Test: was tested with 5 users.

Unable to change location in the menu flow
Reserve process is difficult
Choice to save or opt out from card detail

Unable to change location in the menu flow
Reserve process is difficult
Choice to save or opt out from card detail

Unable to change location in the menu flow
Reserve process is difficult
Choice to save or opt out from card detail

These issues were addressed in the next high-fidelity iteration.

Simplified the architecture by make it possible to change location from the menu page,
Added a save or opt out option in the payment page and lastly arranging the reservation process

Deciding on the Look & Feel of H-steakhouse

Deciding on the Look & Feel of

H-steakhouse

H-steakhouse is modern and simple. Despite the bright colors and images, it is undistracting and there is no unnecessay clutter in the UI elements.

Welcome to H-steakhouse

Welcome page
Get to know the app.
Sign up & Log in
Create an account easy with email or social media.
Location and search
Search for the location near you
Homepage
Scroll through and pick your entry point
Menu Page
Discover your menu option
Order Page
Reorder your previous meals with a few clicks
Reward Page
Get points from each purchase
Detail info and Cart
Customize you order to your liking
Schedule page
Choose your preference and time and date
Reservation
Keep track of your reservation
Payment
Choose your preferred payment option and bill spilt

Takeaways

Impact:

The app makes users feel like H-steakhouse really thinks about how to meet their needs.

One quote from peer feedback:

“The app made it so easy and fun to order and reserve a meal! I would definitely use this app as a go-to for a delicious, fast, and even healthy meal.”

What I learned:

While designing the H-steakhouse app, I learned that the first ideas for the app are only the beginning of the process. Usability studies and peer feedback influenced each iteration of the app’s designs.

Next steps

Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.

Conduct more user research to determine any new areas of need.

Explore More Work

Set

A mobile and web app for learning to read in a new language. Language apps overlook culture, resulting in poor real-world communication, misunderstandings, and low engagement.

View

Hope charity

A responsive website for Hope Charity, designed to expand its global reach, simplify donations, and connect donors, volunteers, and partners to make a lasting impact.

View

Trusty

A visual identity for Trusty, a fintech company helping youth succeed

Get in Touch

ikenna.adizua@gmail.com