top of page
Being a part of the Google UX Design certification course expanded my knowledge in the UX field and provided me with skills I can take with me while I move into my career as a UX designer.


However while designing the Japan King 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.

Japan King

Mobile app for Japanese Restaurant

The Research

How do we match up in the market?
To get a better understanding of how Japan King matches up against other restaurants, I conducted a competitive audit between local restaurants
​This process revealed that applications exist with pick up and delivery options but not with advanced option for practical for all users. It also revealed a lot of application do not have accessibility features.
User Journey Map
Flow - Completing the checkout process
Not only do users have different information about how they will get food, but the process of checking out will differ depending on the type of service. In this case, Samantha will be placing a pickup order.

The Design Process

Lo-Fidelity Wireframes

This project stemmed from a desire to streamline and enhance the dining experience. Japan King is a convenient and user-friendly restaurant mobile application designed to offer seamless access to menus, facilitate online reservations, and enable easy takeout or delivery orders. 

My Role
Duration
Project Type
Tools
end-to-end UX Designer
Google Course Project
Figma 
Goodnotes 
Hand-Sketching

JAPAN KING'S GOALS

Simplify and enhance the dining experience by providing easy access to menus, online reservations, and convenient takeout or delivery options.
User Goal:
Organization Goal:
Increase customer satisfaction and loyalty by streamlining the ordering and reservation processes and boosting customer engagement.
KPI's & Success Metrics:
  • retention rates 
  • volume of orders 
  • customer satisfaction scores 
7 weeks
My research goals were to understand:
  • What methods are used to connect with customers with tight schedules?
  • What are the key issues that busy customers face given the current available methods?
  • What specific features or information are users looking for in a food app?
Main takeaways from User Interviews:
Most interviewees expressed they wanted to schedule their orders ahead of time, ensuring they could time their food delivery to coincide with their arrival home efficiently.
Some interviewees expressed a need to filter dietary restrictions and translate menu items, citing challenges in understanding Japanese-to-English translations and a lack of transparency regarding vegetarian or vegan options.
Most interviewees desired an app that allows users to create and adjust reservations, order takeout or delivery, and browse menus digitally.
Another option to locate the menu page allows for accessibility 
Direct menu page allows for easy flow
Special area to edit each menu item to meet needs of dietary restrictions
Usability Study Findings
I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.
Round 1 Findings
Round 2 Findings
1. Users want to order quickly
2. ​Users want customization features based on their dietary needs
3. Users want to be able to track their order
 
1. There weren’t enough pages to move back and forth through the user flow
2. The checkout procedure seems confusing​
 
High-Fidelity Prototypes

Initial designs included basic menu access. After usability studies, I added more navigation options and revised the layout to highlight the main 'Start My Order' focal point.

Before Usability Testing
After Usability Testing
Before Usability Testing
After Usability Testing

The second usability study revealed frustration with the cart flow. To streamline it, I consolidated menu items and the checkout screen into a single order summary page

Accesiblity Considerations
1. Used icons to help navigate easier
2. Provided access to users who are vision impaired through adding alt text to images for screen readers.
3. Used specific color schemes to abide by accessibility rules.
What I learned?

bp Case Study

Forever Home Case Study

bottom of page