Case Study:
Menu and payment app for Sushi restaurant
Project Overview
- There is no time for waiting or preparing food.
- Allergic people or people who do not eat a particular type of food.
- Shyness to call a restaurant
The problem
The application allows you to quickly and easily place an order and receive it fresh at the appointed time.
It is possible to create your own sushi or customize existing ones by removing some ingredients
It is possible to create your own sushi or customize existing ones by removing some ingredients
The goal
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
Responsibilities
App for ordering sushi. Focuses on sushi lovers and those who spontaneously cannot eat without planning. The app offers to set the required time for the preparation or delivery of the dish, so as not to waste time waiting. There is also the possibility of making your own sushi roll. There are also different payment options.
The product
Project duration
February 2022 to April 2022
UX designer for Sushi restaurant app with menu and payment system.
My role
I conducted user research with family and friends.
In the course of research, my assumptions tended to be that people do not often order food from home, and do it on rare occasions like holidays. After doing some research, my assumptions have changed. I found out that people often use such an option as ordering food from home. What struck me is that not all restaurants can provide an electronic menu as well as the ability to order food through applications.
In the course of research, my assumptions tended to be that people do not often order food from home, and do it on rare occasions like holidays. After doing some research, my assumptions have changed. I found out that people often use such an option as ordering food from home. What struck me is that not all restaurants can provide an electronic menu as well as the ability to order food through applications.
Understanding the user
User pain points
3
2
1
Information
Shyness
Time
Not all restaurants provide a menu with a description of the ingredients included in the dish. This is especially important for people who do not use any product for various reasons: allergies, lifestyle, etc.
Most people nowadays are very shy and prefer to communicate with strangers as little as possible
Students and working adults are too busy to spend time on meal prep
Persona & problem statement
Steve is a shy vegan
who needs мenu describing the ingredients in the dish and possibility to order electronically
because he wants to make sure the dish is vegan and little contact with people.
who needs мenu describing the ingredients in the dish and possibility to order electronically
because he wants to make sure the dish is vegan and little contact with people.
User journey map
Mapping Steve user journey revealed how helpful it would be for users to have access to a dedicated Sushi app.
Starting the design
Paper wireframes
To create a good experience for users, I took into account the pain points and made the design in such a way that everything would be clear and easy
Digital Wireframes
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
Round 2
- Different marking for button “add and continue”
- User want to see what is in the cart and easily take it away
- User want to go back in menu page from order page
- Different marking for button “add and continue”
- User want to see what is in the cart and easily take it away
- User want to go back in menu page from order page
- Menu button should be in home page
- User want to understandable options for deleting dishes from the cart
- User want to choose a dish first, and then the restaurant
Mockups
- Different marking for button “add and continue”
- User want to see what is in the cart and easily take it away
- User want to go back in menu page from order page
Accessibility considerations
3
2
1
Information
Shyness
Time
A scale showing the progress of the order, which also motivates users to continue the order
Everywhere there is text and necessary icons that allow users to better understand the interface.
Two colors that attract attention and suggest where to click
Refined designs
- Different marking for button “add and continue”
- User want to see what is in the cart and easily take it away
- User want to go back in menu page from order page
High-fidelity prototype
- Different marking for button “add and continue”
- User want to see what is in the cart and easily take it away
- User want to go back in menu page from order page
Going forward
The man make user feel that ordering from app is much easier that calling to restaurant.
One quote from peer feedback:
"I like that it's so easy and that you can save card and address information".
One quote from peer feedback:
"I like that it's so easy and that you can save card and address information".
Impact
While developing the design for this application, I learned that you can't focus only on the beauty of the design. You also need to take into account user reviews and remember that different people will use this application, so it should not only be beautiful, but also convenient and understandable to use.
What I learned
Takeaways
