sushi.home app

UX design • wireframe • UI design • high-fidelity prototype

Sushi.home is a new app for a fictive sushi restaurant to help people order sushi easily and with less effort for a scheduled time.

The project involved creating both the user experience and the visual design for the app.

First, I started the understanding and empathizing process by secondary research, and developing personas, user journey maps, and user stories. After the definition of the users’ pain points and needs, I continued by ideating to find a solution to their problems, composing the main user flow, and building wireframes to test early ideas.

Following the implementation of the feedback into the wireframes, I developed the high-fidelity designs and the prototype that showcases the ordering process through the app.

persona

Portrait of girl smiling happily
Marianne

“I enjoy being active both at work and in my social life, so I don’t want to waste time on worrying about what to eat.”

Personal details

 

Age: 26

Education: University graduate

Hometown: Salzburg, Austria

Family: Single, lives alone

Occupation: Project manager

Goals

 

  • To get ahead in her career
  • To have a quick but healthy lunch on a busy weekday
  • To have various meals during the week
  • To organize food with minimal effort

Frustrations

 

  • “I have a lot of meetings during the day and it is hard to order the food in the short pauses.”
  • “The food arrives too early or too late, when I am already in the next meeting.”
  • “I don’t have time to browse through menus, so I often end up ordering the same.”

Marianne is a project manager at a big international company. She is very busy at work and attends many meetings on a regular working day. She is a very active person and beside working very hard, she also enjoys the social life and night life in London. She doesn’t spend too much time at home, therefore she prefers buying ready-made food or order from a restaurant. She likes sushi and orders it for lunch more times a week. She often orders it together with her colleagues. She likes eating various and trying new flavors, but doesn’t like wasting time on looking for new options.

problem statement

Marianne is a busy project manager who needs to organize healthy and various lunches for her short lunch breaks quickly and with the least effort because she has little time between her meetings.

goal

To minimize the time that a user spends organizing lunch on a weekday, sushi.home will offer a different special meal on each workday. The daily offer makes it possible for busy adults to eat healthy and various throughout the week and save the time of browsing the menu. 

Considering the busy schedule and the short lunch break of the users, the app will also make it possible to schedule the order, so that they can have their lunch fresh on their table at a set time.

main user flow

User flow chart for 'sushi home' app. Designed by Bianka Földi.

wireframes & ui design

UI design for 'sushi home' app, showing item page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing 'Log in' page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.
Wireframe for 'sushi home' app, showing pop-up: 'Item was added to cart'. Designed by Bianka Földi.
UI design for 'sushi home' app, showing confirmation page: 'Order submitted' . Designed by Bianka Földi.
Wireframe for 'sushi home' app, showing Cart page. Designed by Bianka Földi.
Wireframe for 'sushi home' app, showing 'Delivery details' page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.

visual design

The complementing blue and salmon colors accompanied by the energetic yellow were chosen to create a lively and characteristic color palette. The playful and abstract illustrations help to achieve a happy and unique appearance to lighten the mood of the busy users and stand out from the competitors.

basic UI kit

UI kit for 'sushi home' app, showing text styles, colors, buttons, icons and illustration. Designed by Bianka.

high-fidelity design

UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.
UI design for 'sushi home' app, showing Home page. Designed by Bianka Földi.

Click it through!

follow-up steps

5 Enhance the user experience by adding the option to receive customized special offers if the user provides their preferences and allergens to their profile

5Usability study with high-fidelity prototype

5Develop the screens for the search and profile pages

Game Streaming app

UI design • wireframes

arrow pointing left

Green Caring app

UX design • wireframe • low-fidelity prototype

arrow pointing right

Green Caring app

UX design • wireframe • low-fidelity prototype

arrow pointing right