Japanese (Japan)
Japanese (Japan)
Japanese (Japan)

Soul Noodle

Soul Noodle

Soul Noodle

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

Problem

Problem

Problem

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

Goal

Goal

Goal

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

Ideation

Ideation

Ideation

Customer's Needs

Customer's Needs

Customer's Needs

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

Company's Needs

Company's Needs

Company's Needs

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

User Flow Chart

User Flow Chart

User Flow Chart

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

Design

Design

Design

Analysing Original Website

Analysing Original Website

Analysing Original Website

I analysed the original website to identify brand identity, website features, layout inspirations, and specific usability issues.

I analysed the original website to identify brand identity, website features, layout inspirations, and specific usability issues.

I analysed the original website to identify brand identity, website features, layout inspirations, and specific usability issues.

Comparing Restaurant Apps

Comparing Restaurant Apps

Comparing Restaurant Apps

I examined and compared the UI designs of several mobile order apps from famous brands: Starbucks, McDonalds, Subway, Nandos, and Grill'd. It helped me identify conventional order process and designs to adopt to my redesign.

I examined and compared the UI designs of several mobile order apps from famous brands: Starbucks, McDonalds, Subway, Nandos, and Grill'd. It helped me identify conventional order process and designs to adopt to my redesign.

I examined and compared the UI designs of several mobile order apps from famous brands: Starbucks, McDonalds, Subway, Nandos, and Grill'd. It helped me identify conventional order process and designs to adopt to my redesign.

Creating Components

Creating Components

Creating Components

In this project, I learned how to make components: adding and subtracting items, switching selections, and viewing and hiding passwords.

In this project, I learned how to make components: adding and subtracting items, switching selections, and viewing and hiding passwords.

In this project, I learned how to make components: adding and subtracting items, switching selections, and viewing and hiding passwords.

Prototype

Prototype

Prototype

Landing Page

Landing Page

Landing Page

Communicates brand and links to sign up and log in

Communicates brand and links to sign up and log in

Communicates brand and links to sign up and log in

Menu

Menu

Menu

Search bar for easy search and menu tabs for item categories

Search bar for easy search and menu tabs for item categories

Search bar for easy search and menu tabs for item categories

Customise Order

Customise Order

Customise Order

Easily switch between options, and add and subtract toppings

Easily switch between options, and add and subtract toppings

Easily switch between options, and add and subtract toppings

Place Order

Place Order

Place Order

A single order page to make ordering process simple, with quick access to member login page

A single order page to make ordering process simple, with quick access to member login page

A single order page to make ordering process simple, with quick access to member login page

Payment Guidance

Payment Guidance

Payment Guidance

Customers are instructed to pay at the cashier and can access receipt for split bills

Customers are instructed to pay at the cashier and can access receipt for split bills

Customers are instructed to pay at the cashier and can access receipt for split bills

Log In and Sign Up

Log In and Sign Up

Log In and Sign Up

Sign up button is emphasised to encourage new customers to sign up

Sign up button is emphasised to encourage new customers to sign up

Sign up button is emphasised to encourage new customers to sign up

Want to try out the app?

The prototype is available for you to check out on Figma!

The prototype is available for you to check out on Figma!

The prototype is available for you to check out on Figma!

Reflection

Reflection

Reflection

Many well-known brands adopt mobile apps instead of websites for ordering. This project was a great opportunity to compare apps and websites' UI. For example, I had to explore effective layouts to present key features, as websites don't have a bottom menu.

Although it would have been ideal if I could conduct well-structured interviews and data collection with customers, it was not feasible as the redesign was a personal project. Instead, I identified their pain points from everyday conversations at the store.

Designing within the boundaries of the brand identity and preferences (such as keeping the payment in-person) led me to reflect various stakeholders' needs in website design. The redesigned website will not be launched for practical use because an external firm develops the original website.

Many well-known brands adopt mobile apps instead of websites for ordering. This project was a great opportunity to compare apps and websites' UI. For example, I had to explore effective layouts to present key features, as websites don't have a bottom menu.

Although it would have been ideal if I could conduct well-structured interviews and data collection with customers, it was not feasible as the redesign was a personal project. Instead, I identified their pain points from everyday conversations at the store.

Designing within the boundaries of the brand identity and preferences (such as keeping the payment in-person) led me to reflect various stakeholders' needs in website design. The redesigned website will not be launched for practical use because an external firm develops the original website.

Many well-known brands adopt mobile apps instead of websites for ordering. This project was a great opportunity to compare apps and websites' UI. For example, I had to explore effective layouts to present key features, as websites don't have a bottom menu.

Although it would have been ideal if I could conduct well-structured interviews and data collection with customers, it was not feasible as the redesign was a personal project. Instead, I identified their pain points from everyday conversations at the store.

Designing within the boundaries of the brand identity and preferences (such as keeping the payment in-person) led me to reflect various stakeholders' needs in website design. The redesigned website will not be launched for practical use because an external firm develops the original website.

SHION'S PORTFOLIO

SHION'S PORTFOLIO