Project Overview

Introducing Sushi Sho: Revolutionizing Sushi Dining in Tokyo

Sushi Sho is an innovative mobile-ordering application designed exclusively for a small sushi restaurant chain based in five prime locations across Tokyo. Sushi Sho platform redefines the sushi dining experience by offering a diverse selection of classic sushi and chef-inspired creations.

Project duration:

August 2021 to October 2021

My Role:

UX/UI Designer

The Goal

Build an app aimed at simplifying the ordering process, with user-friendly characteristics and some innovative features

Responsibilities

In my role, I was responsible for:

Conducting in-depth interviews to gather user insights.

Developing user personas and journey maps to inform design decisions.

Creating both paper and digital wireframes to visualize the user interface.

Crafting low-fidelity and high-fidelity prototypes for user testing.

Conducting usability studies to refine and enhance the user experience.

Ensuring accessibility standards were met throughout the design process.

Iterating designs based on user feedback and testing results.

User research

Through a multifaceted approach, I engaged in comprehensive user research, combining interviews, surveys, and the creation of empathy maps. I aimed to gain a profound understanding of our target audience. Among our primary user group, working adults emerged as a key segment. These individuals, often grappling with time constraints, formed the core of Sushi Sho's customer base. However, our research also illuminated a broader landscape of user challenges, interests, and commitments that hindered their ability to dine at sushi restaurants in person.

Pain points

Registration process: My commitment to enhancing user experience begins with a user-friendly registration process. I recognize that a cumbersome onboarding experience can deter potential users from trying our product. Therefore, we are dedicated to simplifying the registration journey, ensuring that every user can effortlessly access and enjoy our product from day one.

I recognize that inconsistency in similar products can be a pain point for users. At Sushi Sho, I've redefined the concept of consistency. Our product boasts a design that is not only visually cohesive but also optimized for user-friendliness, ensuring a superior experience

I know that tracking your nutrition is essential for many of our customers. That's why I'm adding nutrition and calorie details to our sushi menu. Now you can indulge in your favorite sushi while maintaining a balanced diet.

Starting the design: Paper wireframes

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy ordering process to help users save time.

Here are images of paper wireframes including five different versions of the home screen and one image of the new, refined version. Stars were used to mark the elements of each sketch that would be used in the digital wireframes.

Starting the design: Digital wireframes

The low-fidelity prototype connected the primary user flow of ordering sushi so the prototype could be used in a usability study with users.

Usability studies: findings

My commitment to user-centric design led me to conduct two rounds of usability studies. The first round played a pivotal role in shaping the transition from wireframes to mockups, while the second round, utilizing a high-fidelity prototype, provided valuable insights for further refinement. These studies illuminated the need for a seamless order deletion process and a real-time order tracking feature, complete with a map view and courier details.

In the pursuit of perfection, the final high-fidelity prototype emerged as a testament to my commitment to user-centric design. It delivers cleaner user flows for sushi ordering and checkout, addressing the core needs of our users by offering flexible delivery options and empowering them to track their orders in real time.

Assebility considerations

Clear and Adjustable Fonts: Implemented easily readable fonts with adjustable sizes and styles to accommodate users with visual impairments, ensuring text is legible and adaptable to their needs.

High Contrast Mode: Included a high contrast mode for users with low vision or color blindness, making the content more distinguishable and readable.

Voice Commands and Voice Search: Integrated voice recognition technology, allowing users with limited mobility or dexterity to interact with the app using voice commands and performing voice searches.

Simplified User Interface (UI): Created an optional simplified UI mode for users with cognitive disabilities or those who prefer a streamlined interface, reducing clutter and distractions.

Alternative Input Methods: Supported alternative input methods like gesture controls, switches, or head-tracking for users with severe motor disabilities, ensuring they can interact with the app effectively.

Readable Error Messages: Ensured that error messages were clear and specific, and provided guidance on how to correct issues, benefiting users with cognitive disabilities who may require additional support.

Mockups