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

Wanderful

Wanderful

Wanderful

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

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

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

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

Problem

Problem

Problem

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

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

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

Goal

Goal

Goal

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

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

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

Research

Research

Research

Survey

Survey

Survey

The most important factors in trip planning were costs and safety, then peer recommendation.
About 52% of respondents perceived cultural immersion as important. 

The most important factors in trip planning were costs and safety, then peer recommendation.
About 52% of respondents perceived cultural immersion as important. 

The most important factors in trip planning were costs and safety, then peer recommendation.
About 52% of respondents perceived cultural immersion as important. 

Interviews

Interviews

Interviews

Cultural information can help tourists behave appropriately, experience more positive interactions with the locals, and potentially avoid dangerous situations.
If tourists are informed about cultural events beforehand, they can schedule a leave and book flights around the event dates. 

Cultural information can help tourists behave appropriately, experience more positive interactions with the locals, and potentially avoid dangerous situations.
If tourists are informed about cultural events beforehand, they can schedule a leave and book flights around the event dates. 

Cultural information can help tourists behave appropriately, experience more positive interactions with the locals, and potentially avoid dangerous situations.
If tourists are informed about cultural events beforehand, they can schedule a leave and book flights around the event dates. 

Competitive Audit

Competitive Audit

Competitive Audit

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

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

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

Competitor SWOT Analyses

Competitor SWOT Analyses

Competitor SWOT Analyses

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

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

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

Ideation

Ideation

Ideation

Persona

Persona

Persona

Emma is a female, full-time marketing manager, who is more concerned of time spent in planning. Sam is a male college student who has less time constraints but is more budget-conscious.

Emma is a female, full-time marketing manager, who is more concerned of time spent in planning. Sam is a male college student who has less time constraints but is more budget-conscious.

Emma is a female, full-time marketing manager, who is more concerned of time spent in planning. Sam is a male college student who has less time constraints but is more budget-conscious.

Empathy Map

Empathy Map

Empathy Map

Emma does intensive research to get as much cultural experience and stay safe during her holidays. She finds the time-consuming nature of trip planning frustrating.
Sam puts effort in minimising his travel costs. He also tries to get as many unique experiences as possible under financial constraints.

Emma does intensive research to get as much cultural experience and stay safe during her holidays. She finds the time-consuming nature of trip planning frustrating.
Sam puts effort in minimising his travel costs. He also tries to get as many unique experiences as possible under financial constraints.

Emma does intensive research to get as much cultural experience and stay safe during her holidays. She finds the time-consuming nature of trip planning frustrating.
Sam puts effort in minimising his travel costs. He also tries to get as many unique experiences as possible under financial constraints.

User Needs

User Needs

User Needs

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

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

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

Main Features

Main Features

Main Features

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

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

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

User Flow

User Flow

User Flow

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

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

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

Mood Board

Mood Board

Mood Board

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

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

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

Design

Design

Design

Wireframe

Wireframe

Wireframe


  • Landing page: space for inspiration and a quick search, with a search bar, appealing images, and blog posts.

  • Destination page: a brief description, images, and a horizontally scrollable tab for subtopics (e.g. transportation, accommodations, culture, etc).

  • Dedicated pages for subtopics

  • Bookmark feature to save info and revisit them from user account page. 


  • Landing page: space for inspiration and a quick search, with a search bar, appealing images, and blog posts.

  • Destination page: a brief description, images, and a horizontally scrollable tab for subtopics (e.g. transportation, accommodations, culture, etc).

  • Dedicated pages for subtopics

  • Bookmark feature to save info and revisit them from user account page. 


  • Landing page: space for inspiration and a quick search, with a search bar, appealing images, and blog posts.

  • Destination page: a brief description, images, and a horizontally scrollable tab for subtopics (e.g. transportation, accommodations, culture, etc).

  • Dedicated pages for subtopics

  • Bookmark feature to save info and revisit them from user account page. 

Design System

Design System

Design System

Wanderful's interface is composed of a refreshing and well-distinguishable dodger blue and white combination.

Wanderful's interface is composed of a refreshing and well-distinguishable dodger blue and white combination.

Wanderful's interface is composed of a refreshing and well-distinguishable dodger blue and white combination.

Prototype

Prototype

Prototype

Landing Page

Landing Page

Landing Page

Offers inspirations to users with popular places and travel articles

Offers inspirations to users with popular places and travel articles

Offers inspirations to users with popular places and travel articles

Search

Search

Search

Search destination and activities from search bar or trip categories

Search destination and activities from search bar or trip categories

Search destination and activities from search bar or trip categories

Destination

Destination

Destination

A horizontal scrollable menu to find information about the destination and a comprehensive filter to narrow down search results.

Comprehensive menu to find information about the destination.

Comprehensive menu to find information about the destination.

Destination

Comprehensive menu to find information about the destination.

Activities

Activities

Activities

Find out activity information, ratings, and reviews to know what to expect.

Find out activity information, ratings, and reviews to know what to expect.

Find out activity information, ratings, and reviews to know what to expect.

Budget Calculator

Specify dates, destination, and accommodation type to estimate the cost of travel.

AI Guide

Take a photo of a landmark to find out its historical and cultural context and nearby events.

Budget Calculator

Budget Calculator

Budget Calculator

Users can specify dates of travel, destination, and types of accommodation to calculate the approximate cost of travel.

Specify dates, destination, and accommodation type to estimate the cost of travel.

Specify dates, destination, and accommodation type to estimate the cost of travel.

AI Guide

AI Guide

AI Guide

Users can take a picture of a landmark to find a detailed explanation of its historical and cultural context, social significance, and nearby events.

Take a photo of a landmark to find out its historical and cultural context and nearby events.

Take a photo of a landmark to find out its historical and cultural context and nearby events.

Personal Itenerary

Personal Itenerary

Personal Itenerary

View, create, and share itineraries from your account page.

View, create, and share itineraries from your account page.

View, create, and share itineraries from your account page.

Want to try out the app?

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

Figmaで見る

Want to try out the app?

Want to try out the app?

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!

Figmaで見る

Figmaで見る

Feedback

Feedback

Feedback

Budget Calculator

Budget Calculator

"How about letting users import data from an itinerary to calculate a more accurate cost of the trip?"

Landing Page

Landing Page

"It should present a commonly used feature, like search, so we know what the focus of the app is, and it’s more convenient to use."

Destination Page

Destination Page

"I’m hoping to see filters for restaurants too (e.g. vegan-friendly, family-friendly, halal)."

AI Guide

AI Guide

"It’s cool how I can take a picture of a landmark to get a museum-like description."

Personal Itinerary

Personal Itinerary

"I don’t know if I’ll notice that I can create a personal itinerary if it's only on the personal account page)."

Budget Calculator

Budget Calculator

"I like how it lets us have an idea of how much a trip might cost"

Posting Ratings and Reviews

Posting Ratings and Reviews

"I want to see a dedicated page for posting ratings and reviews, where we can specify the activity name instead of going all the way to the activity page to give ratings."

Destination Page

Destination Page

"I like how the information is organised into categories (e.g. flights, eats, culture) for easy access."

Bookmark

Bookmark

"I'm not sure where my saved places/activities will go to. Maybe have a bookmark icon somewhere to see all of the saved places?"

Reflection

Reflection

Reflection

What we did well

What we did well

What we did well

Our intensive preliminary research helped us identify real problems and practical solutions.

Our intensive preliminary research helped us identify real problems and practical solutions.

Our intensive preliminary research helped us identify real problems and practical solutions.

Learnings

Learnings

Learnings

Speeding up design output was particularly beneficial when working as a team, as it helped us reach consensus, get feedback, and refine our ideas faster, hence speeding up the delivery.
Also, competitor apps indeed helped us determine the information hierarchy and design aesthetically.

Speeding up design output was particularly beneficial when working as a team, as it helped us reach consensus, get feedback, and refine our ideas faster, hence speeding up the delivery.
Also, competitor apps indeed helped us determine the information hierarchy and design aesthetically.

Speeding up design output was particularly beneficial when working as a team, as it helped us reach consensus, get feedback, and refine our ideas faster, hence speeding up the delivery.
Also, competitor apps indeed helped us determine the information hierarchy and design aesthetically.

Our concerns

Our concerns

Our concerns

The AI guide was added based on the hypothesis that it would enhance cultural immersion, but it lacks data to back it up. Similarly, the travel articles on the landing page were designed for users to seek inspiration, but also lacks data on how users would actually interact with them. In reality, they need user testing and feedback on whether users would use it.
Essentially, we should ensure that there are no superfluous features if this is a real world project.

The AI guide was added based on the hypothesis that it would enhance cultural immersion, but it lacks data to back it up. Similarly, the travel articles on the landing page were designed for users to seek inspiration, but also lacks data on how users would actually interact with them. In reality, they need user testing and feedback on whether users would use it.
Essentially, we should ensure that there are no superfluous features if this is a real world project.

The AI guide was added based on the hypothesis that it would enhance cultural immersion, but it lacks data to back it up. Similarly, the travel articles on the landing page were designed for users to seek inspiration, but also lacks data on how users would actually interact with them. In reality, they need user testing and feedback on whether users would use it.
Essentially, we should ensure that there are no superfluous features if this is a real world project.

Major struggle

Major struggle

Major struggle

We collaborated online, but the text-heavy communication made it difficult for us to discuss and reach an agreement. We overcame that by visualising ideas (e.g. pictures, charts, lo-fi prototypes) to better communicate our thoughts.

We collaborated online, but the text-heavy communication made it difficult for us to discuss and reach an agreement. We overcame that by visualising ideas (e.g. pictures, charts, lo-fi prototypes) to better communicate our thoughts.

We collaborated online, but the text-heavy communication made it difficult for us to discuss and reach an agreement. We overcame that by visualising ideas (e.g. pictures, charts, lo-fi prototypes) to better communicate our thoughts.

Next steps

Next steps

Next steps

We received feedback about how some features (e.g. itinerary and bookmark) are difficult to notice. As we aimed a comprehensive travel planner, we inevitably have many features, but we must explore ways to display them to enhance user experience.
The budget calculator certainly has room for improvement in terms of usability. Emphasizing the personal itinerary feature and enabling users to import itineraries into the budget calculator would make the calculator more convenient and practical.

We received feedback about how some features (e.g. itinerary and bookmark) are difficult to notice. As we aimed a comprehensive travel planner, we inevitably have many features, but we must explore ways to display them to enhance user experience.
The budget calculator certainly has room for improvement in terms of usability. Emphasizing the personal itinerary feature and enabling users to import itineraries into the budget calculator would make the calculator more convenient and practical.

We received feedback about how some features (e.g. itinerary and bookmark) are difficult to notice. As we aimed a comprehensive travel planner, we inevitably have many features, but we must explore ways to display them to enhance user experience.
The budget calculator certainly has room for improvement in terms of usability. Emphasizing the personal itinerary feature and enabling users to import itineraries into the budget calculator would make the calculator more convenient and practical.

SHION'S PORTFOLIO

SHION'S PORTFOLIO