Overview
SushiHere redefines sushi delivery by prioritizing secure transportation with real-time container movement tracking and accurate freshness estimation for raw food to cater concerned customers about sushi freshess and delivery.


︎ Go to Hi-Fi Prototype

Tools
Figma

Timeline
Jul-Jun 2023

Skills
User Research
UI Design
Journey Maps
Wireframes
Prototypes
Mobile App Design
WCAG Standards

I conducted in-depth interviews with four target groups—sushi enthusiasts, tech-savvy users, busy professionals, and local sushi lovers—to explore their behaviors, needs, preferences, and concerns when using an app for sushi delivery.

Name: Emily Thompson
Age: 28
Occupation: Marketing manager
Hometown: New York City, New York

"I rely on fast, fresh sushi delivery because my time is precious."

Sarah, a busy professional, relies on delivery services due to her tight schedule. She values accurate delivery updates and fresh, high-quality sushi.

Goals

• Track sushi delivery in real-time.
• Get accurate updates and ETAs.
• Plan meals efficiently based on delivery status.

Frustrations

• No real-time status or location info.
• Inaccurate/delayed tracking.
• Poor sushi freshness due to delays.

Name: Tom Nguyuen
Age: 31
Occupation: Software Developer
Hometown: Los Angeles, California

“I value intuitive, efficient apps with accurate real-time updates."

Tom, a tech-savvy sushi enthusiast, enjoys exploring new apps. He values efficiency, simplicity, and a smooth user experience with real-time delivery updates.

Goals

• Use a visually appealing, easy-to-navigate app.
• Get accurate real-time sushi delivery updates.

Frustrations

• Clunky, unattractive interfaces.
• Unreliable tracking information.

Emily Thompson, a health-conscious individual with a busy schedule, needs a delivery app with real-time updates to ensure meal freshness and conveniently track the delivery process.

Tom Nguyen, a tech-savvy sushi lover, seeks a delivery app with a seamless user experience to easily plan his meal time based on accurate delivery estimates.

Goal Statment

Our SushiHere app will allow users to track their sushi orders accurately in real time, ensuring transparency. It offers accurate delivery location updates, detects rough handling during transportation, and tracks the time elapsed since the sushi was prepared.

I designed six wireframes to plan the layout and hierarchy of the first starting page and three more to map user interactions and overall app flow.

     

 

Round 1 Findings

1. Users appreciate the ability to reorder their previous orders quickly and easily.
   
   
2. Users expect to select a delivery address before they select a restaurant.
   
   
3. Users want to read reviews to make informed dining choices.

Round 2 Findings

1. Users find the brown subtext confusing, mistaking it for equally important information.
   
   
2. Users prefer seeing a starting page with the app's logo instead of being immediately directed to the main page.
   
   
3. Users need an explanation to understand the freshness standards for their sushi orders.

Early designs only showed the ratings of the restaurant. After the usability studies, I added an additional option to read the reviews. I placed this review function right below the rating for easy navigation.

Early designs displayed options to choose a restaurant first and then select a delivery address which confused some users. Therefore, I relocated a delivery address above the options for an intuitive user experience.

I added a new starting page featuring a logo that transitions in color. This animation symbolizes salmon and tuna, adding a whimsical touch. After 1000 milliseconds, the screen automatically directs to the main page.

I added an information pop-up window to clearly explain how the freshness of sushi is being measured, helping to satisfy users’ curiosity. 

︎ Go to Hi-Fi Prototype
︎ Go to Figma Design Board

Use of Icons

To enhance accessibility, my designs incorporate clear and intuitive icons, ensuring that users can easily understand and interact.

Color Combinations

The selected color combinations meet accessibility standards, passing the WCAG test to ensure sufficient contrast between foreground and background elements.

Clear and Concise Content

The app prioritizes clear, concise content to ensure information is easily understood by users with cognitive disabilities or reading difficulties.

Impact

The app focuses on meeting users' needs for fast delivery, accurate status updates, and high food quality.

Peer feedback: 
"I trust this app to deliver my food in good condition. I would definitely use it to order sushi."

What I Learned

I discovered that identifying user pain points and challenges is crucial for gaining valuable insights into app design tailored to their needs.

I also recognized the importance of continuously gathering user feedback during development to guide design decisions and improve the overall user experience.

1

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

2

Define a clear brand identity and marketing strategy to promote the app's unique focus on sushi freshness and secure delivery.

3

Collaborate with food science experts or use existing technology to develop an algorithm for accurate freshness estimation.