Back

Watami Sushi

This project was part of a university course where we analyzed and redesigned the website of a local business. We worked on improving the website for Watami Sushi, a sushi restaurant located in Waterloo, Canada.

Tech Used

Adobe XD
Photoshop
Illustrator

TL;DR

Empathized with the user to improve the layout and to make important information more accessible.
Clarified the user flow leading to the "Call to Action".
Used intuitive icons to achieve a balance between information and minimal design.

Process

This project is divided into two main sections. The first section is the analysis and critique of the original website. The second is the creation of a High Fidelity Prototype based on the critique. The High Fidelity Prototype was created using Adobe XD.

Analysis

I analyzed the original company website from a UX perspective and summarized the analysis results in a video. The analasys was done using frameworks such as Jakob's 10 Usability Heuristics, focusing on whether the design is user-centered. The video is produced in a way that simulates actual interaction with a client, where I explain all flaws and problems with logical reasonings within the small timeframe.

Redesign

Based on the analysis, we redesigned the website and created a High-Fidelity Prototype using Adobe XD. Some excerpts from the prototype are listed below, but you can also view the original file from here.

Related Works

ESTICO Website Creation

Front-End Dev.

Developed a website for ESTICO, an esthetic salon in Fukuoka, upon their request. This was my first experience as a professional web developer. I also took care of domain registration and server rental. Furthermore, this sparked my interest in the backend, prompting me to start learning about full-stack development using frameworks like Next.js.

Foodly

A group project to create a high-fidelity prototype of a social media for sharing food, covering the entire UX process from persona creation to the high-fidelity prototype. We began with research, persona creation, etc., went on to produce the Low-Fidelity Prototype, conducted user tests, and finally produced the high-fidelity prototype.

Weather App

Front-End Dev.

A project undertaken voluntarily to study the usage of APIs. The app fetches and displays weather information and background images using APIs. A lot of intricate details were incorporated to ensure user usability amidst many uncertain elements.