Trip Planner App
Trip Planner App
YOGO
YOGO
*my roles
Product Strategy
UI/UX Design
Branding
*my roles
Product Strategy
UI/UX Design
Branding
#travel
#travel
*2019
*2019
// Project Overview
// Project Overview
. Background
. Background
I came up with the idea for this product based on the difficulties I faced whenever I traveled. As a travel enthusiast, I always found joy and had more interesting experiences when I planned and executed trips on my own, rather than through a travel agency. However, this process required a lot of time and effort due to the scattered information across various platforms. It would be wonderful to have an app that made all of this easier. Thus, I conducted some market and user research to clearly understand the issues and began developing the solution.
I came up with the idea for this product based on the difficulties I faced whenever I traveled. As a travel enthusiast, I always found joy and had more interesting experiences when I planned and executed trips on my own, rather than through a travel agency. However, this process required a lot of time and effort due to the scattered information across various platforms. It would be wonderful to have an app that made all of this easier. Thus, I conducted some market and user research to clearly understand the issues and began developing the solution.
. Problems
. Problems
Based on the study of Vietnamese travel experience behavior in 2018, it shows that a large number of young people prefer to travel independently (78%) and travel with the group (89%) rather than traveling on a good tour or go alone.
To prepare for the trip, usually they have to make a plan, but often encounter problems such as:
1 It takes too much time to find information to plan the trip.
2 They have difficulty determining travel time and distance from point to point to arrange the schedule so that it is reasonable.
3 Must use another Chat app (Viber, FB Messenger ...) to talk to their group.
4 It is inconvenient to manage your budget and trip costs, especially when traveling with a group.
Based on the study of Vietnamese travel experience behavior in 2018, it shows that a large number of young people prefer to travel independently (78%) and travel with the group (89%) rather than traveling on a good tour or go alone.
To prepare for the trip, usually they have to make a plan, but often encounter problems such as:
1 It takes too much time to find information to plan the trip.
2 They have difficulty determining travel time and distance from point to point to arrange the schedule so that it is reasonable.
3 Must use another Chat app (Viber, FB Messenger ...) to talk to their group.
4 It is inconvenient to manage your budget and trip costs, especially when traveling with a group.
. Target Users
. Target Users
Young people from 18 to 38 years old belong to Millennial generation - who are not afraid of "hard" are only afraid of "waiting", hating having to waste time, love technology, internet, travel experience, discover and conquer, like to share and have high community cohesion.
User Goal:
Want to use time and budget effectively throughout the journey from scheduling to the end of this journey.
Young people from 18 to 38 years old belong to Millennial generation - who are not afraid of "hard" are only afraid of "waiting", hating having to waste time, love technology, internet, travel experience, discover and conquer, like to share and have high community cohesion.
User Goal:
Want to use time and budget effectively throughout the journey from scheduling to the end of this journey.
. Solutions
. Solutions
From the problems that users encounter, the application offers the following solutions:
1 Build an online ecosystem of tourism on the application itself, which provides useful information for users in planning travel (location, movement, reviews, prices ...)
2 Propose a suggested schedule based on the information, interests that users have provided, or based on the highlights of the same direction.
3 Building Chat features in the app, integrating Chatbot technology to find information, such as allowing members of the group to vote on the location when chatting with the group.
4 Build a budget management function, cost to have clarity and not make your budget exceed your budget.
From the problems that users encounter, the application offers the following solutions:
1 Build an online ecosystem of tourism on the application itself, which provides useful information for users in planning travel (location, movement, reviews, prices ...)
2 Propose a suggested schedule based on the information, interests that users have provided, or based on the highlights of the same direction.
3 Building Chat features in the app, integrating Chatbot technology to find information, such as allowing members of the group to vote on the location when chatting with the group.
4 Build a budget management function, cost to have clarity and not make your budget exceed your budget.
// What is YOGO?
// What is YOGO?
This is a travel application that helps users schedule trips, manage time, attractions, budget, and expenses during their journey. It also provides useful information and suggests itineraries at destinations worldwide, and serves as a community for sharing travel experiences.
This is a travel application that helps users schedule trips, manage time, attractions, budget, and expenses during their journey. It also provides useful information and suggests itineraries at destinations worldwide, and serves as a community for sharing travel experiences.
With Values
With Values
For User:
There is 1 community with the same interest in travel. Have more knowledge, experience interesting places.
Maximum savings of time spent on scheduling.
Create a bond between team members when they can plan the trip together, experience together, keep beautiful memories together during the journey.
For YOGO:
Features booking, buying tickets directly when searching, businesses with more partners are hotel booking businesses such as Booking.com, Agoda, Traveloka, airlines, tourist destinations with fees.
When there is an ideal number of users, businesses can increase sales from advertising for places, shows and festivals are about to take place.
For User:
There is 1 community with the same interest in travel. Have more knowledge, experience interesting places.
Maximum savings of time spent on scheduling.
Create a bond between team members when they can plan the trip together, experience together, keep beautiful memories together during the journey.
For YOGO:
Features booking, buying tickets directly when searching, businesses with more partners are hotel booking businesses such as Booking.com, Agoda, Traveloka, airlines, tourist destinations with fees.
When there is an ideal number of users, businesses can increase sales from advertising for places, shows and festivals are about to take place.
// Define
// Define
. User scenario
. User scenario
Summer vacation is coming, Kenvin wants to have a trip somewhere to relax. He invited a few friends to join. They decided to go to Jeju Island. First, they learn about Jeju, such as destinations, beautiful landscapes, outstanding activities, where to stay and eat... They discuss, choose a few places. And then arrange them as a specific schedule. They set up a general budget for the trip and manage, update, calculate the budget and expense the trip clearly. Together, they have enjoyed the fun and experienced moments in Jeju. And now they want to share those moments, as well as experiences with people.
Summer vacation is coming, Kenvin wants to have a trip somewhere to relax. He invited a few friends to join. They decided to go to Jeju Island. First, they learn about Jeju, such as destinations, beautiful landscapes, outstanding activities, where to stay and eat... They discuss, choose a few places. And then arrange them as a specific schedule. They set up a general budget for the trip and manage, update, calculate the budget and expense the trip clearly. Together, they have enjoyed the fun and experienced moments in Jeju. And now they want to share those moments, as well as experiences with people.
. User flow
. User flow
Based on the user scenario above, I created a user flow focused on 2 main actions: searching and planning, meeting the above user needs:
Based on the user scenario above, I created a user flow focused on 2 main actions: searching and planning, meeting the above user needs:
. Wireframe
. Wireframe
After the user flows were completed, I moved onto the wireframe to show the structure, layout, and features of the app
After the user flows were completed, I moved onto the wireframe to show the structure, layout, and features of the app
After the user flows were completed, I moved onto the wireframe to show the structure, layout, and features of the app
Visual Identity
Visual Identity
Visual Identity
// Logo, Color & Typo
// Logo, Color & Typo
// Logo, Color & Typo
. Logo
. Logo
YOGO = YOLO + GO: “You only live once" so that every day passes meaningfully, go and make the most of every moment you have.
YOGO = YOLO + GO: “You only live once" so that every day passes meaningfully, go and make the most of every moment you have.
. Brand Colors
. Brand Colors
Blue
Blue
#1E5AFF
#1E5AFF
The blue of the sky and the ocean, creating a feeling of vastness, immensity but serenity. Color represents wisdom, trust ... suitable for a product that provides information.
The blue of the sky and the ocean, creating a feeling of vastness, immensity but serenity. Color represents wisdom, trust ... suitable for a product that provides information.
Orange
Orange
#FF8C20
#FF8C20
The orange of energy, promotes community cohesion, creates a feeling of happiness, joy and relentless movement.
The orange of energy, promotes community cohesion, creates a feeling of happiness, joy and relentless movement.
. Typography
Aa
Aa
Aa
Avenir Next
Avenir Next
Regular
Regular
Medium
Medium
DemiBold
DemiBold
Bold
Bold
A a B b C c D d E e F f G g H h I i J j K k
A a B b C c D d E e F f G g H h I i J j K k
L l M m N n O o P p Q q R r S s T t U u V v
L l M m N n O o P p Q q R r S s T t U u V v
W w X x Y y Z z
W w X x Y y Z z
Interface
Interface
01
01
Onboarding
Onboarding
Onboarding
A simple onboarding flow is shown right from the start so new users know what the app will bring them.
A simple onboarding flow is shown right from the start so new users know what the app will bring them.
A simple onboarding flow is shown right from the start so new users know what the app will bring them.
Simple & Secure Login
Simple & Secure Login
Simple & Secure Login
Users can login using the username / email, Facebook, or Google. Quick and secure login by using FaceID
Users can login using the username / email, Facebook, or Google. Quick and secure login by using FaceID
Users can login using the username / email, Facebook, or Google. Quick and secure login by using FaceID
02
02
Tell us a little bit about your interests, YOGO can give you the most valuable experience
Tell us a little bit about your interests, YOGO can give you the most valuable experience
Tell us a little bit about your interests, YOGO can give you the most valuable experience
03
03
Discovery
Discovery
Discovery
The default page is moved immediately when the user sign in successfully. This is the site of discovery, providing the latest and hottest travel contents.
The default page is moved immediately when the user sign in successfully. This is the site of discovery, providing the latest and hottest travel contents.
The default page is moved immediately when the user sign in successfully. This is the site of discovery, providing the latest and hottest travel contents.
Top Journeys: Display top favorite travel sharing articles
Top Journeys: Display top favorite travel sharing articles
Top Journeys: Display top favorite travel sharing articles
Stories: Allow user to share quickly every moment of the day
Stories: Allow user to share quickly every moment of the day
Stories: Allow user to share quickly every moment of the day
Hot Places: Based on the number of user check-ins, this section will show the most interesting places to visit
Hot Places: Based on the number of user check-ins, this section will show the most interesting places to visit
Hot Places: Based on the number of user check-ins, this section will show the most interesting places to visit
Featured Experience: Favorite travel experiences and activities. Examples of seasonal outstanding activities…
Featured Experience: Favorite travel experiences and activities. Examples of seasonal outstanding activities…
Featured Experience: Favorite travel experiences and activities. Examples of seasonal outstanding activities…
For You: Based on the search habits and survey results after the user registers an account.
For You: Based on the search habits and survey results after the user registers an account.
For You: Based on the search habits and survey results after the user registers an account.
04
04
My Trips
My Trips
My Trips
This page for managing and creating trip. Allows user to track current trips, create new trips and review past trips.
This page for managing and creating trip. Allows user to track current trips, create new trips and review past trips.
This page for managing and creating trip. Allows user to track current trips, create new trips and review past trips.
Feature: After filling in the basic information of the trip, YOGO will display a popup to ask "if you want us to help you create a journey right now?”
Feature: After filling in the basic information of the trip, YOGO will display a popup to ask "if you want us to help you create a journey right now?”
Take photos and store every moment in your journey
Can still invite more friends here!
Discovery
Take you to the Detail page of Jeju Island
Collection
Keep everything you saved here
Add new attraction by search or choose from “My Collection”
Manage your newly created trip “Jeju Spring ’19”
Take photos and store every moment in your journey
Can still invite more friends here!
Discovery
Take you to the Detail page of Jeju Island
Collection
Keep everything you saved here
Add new attraction by search or choose from “My Collection”
Manage your newly created trip “Jeju Spring ’19”
“Recommended for you”
Feature: From the first attraction, YOGO will recommend for you the next attractions on the same route, which have the most appropriate distance and time.
“Recommended for you”
Feature: From the first attraction, YOGO will recommend for you the next attractions on the same route, which have the most appropriate distance and time.
Detail page about
“Teddy Bear Museum”
Detail page about
“Teddy Bear Museum”
Chatbot
Chatbot
Chatbot
Icon Chatbot always appears during the journey to make your plan, so that YOGO can assist you in finding any information quickly and efficiently.
YOGO creates scenarios and import a built-in template for our chatbot, it will follow the scenarios while talking to you.
You can chat with our Chatbot by typing “keyword”.
Ex: hotel nearby beach, …
Icon Chatbot always appears during the journey to make your plan, so that YOGO can assist you in finding any information quickly and efficiently.
YOGO creates scenarios and import a built-in template for our chatbot, it will follow the scenarios while talking to you.
You can chat with our Chatbot by typing “keyword”.
Ex: hotel nearby beach, …
Icon Chatbot always appears during the journey to make your plan, so that YOGO can assist you in finding any information quickly and efficiently.
YOGO creates scenarios and import a built-in template for our chatbot, it will follow the scenarios while talking to you.
You can chat with our Chatbot by typing “keyword”.
Ex: hotel nearby beach, …
✦ Create your new trip
Feature: After filling in the basic information of the trip, YOGO will display a popup to ask "if you want us to help you create a journey right now?”
✦ Manage your newly created
trip “Jeju Spring ’19”
✦ Search an attraction
“Recommended for you”
Feature: From the first attraction, YOGO will recommend for you the next attractions on the same route, which have the most appropriate distance and time.
✦ Detail page about
“Teddy Bear Museum”
05
05
05
Search
Search
Search
Looking for places, hotels, flights, activities, restaurants… with smart filter
Looking for places, hotels, flights, activities, restaurants… with smart filter
Looking for places, hotels, flights, activities, restaurants… with smart filter
Feature: YOGO offers a few suggestions to remind, guide and stimulate users to perform a certain action.
Feature: YOGO offers a few suggestions to remind, guide and stimulate users to perform a certain action.
Feature: YOGO offers a few suggestions to remind, guide and stimulate users to perform a certain action.
06
06
User Profile & Gamification
User Profile & Gamification
User Profile & Gamification
This is the profile page, where saves and allows editing personal information, images, stories about user's trips, including the settings: language, currency, payment method ...
This is the profile page, where saves and allows editing personal information, images, stories about user's trips, including the settings: language, currency, payment method ...
This is the profile page, where saves and allows editing personal information, images, stories about user's trips, including the settings: language, currency, payment method ...
Gamification:
Create an achievement game, users have to complete tasks in each level to receive badges, corresponding to "expert" positions such as Explorer, Travel Guide, Travelholic ....
Tasks in each level will increase the level from easy to difficult. Each task will involve 1 feature in the application.
Value for User:
The feeling of competition among users in collecting badges on their profile page.
Achieving a user badge will receive incentives, practical rewards such as discounting air tickets, hotels, vouchers…
Value for application:
Increase the long-term cohesion of User to the app.
Introduce, guide, encourage User to use all the features of the app.
Gamification:
Create an achievement game, users have to complete tasks in each level to receive badges, corresponding to "expert" positions such as Explorer, Travel Guide, Travelholic ....
Tasks in each level will increase the level from easy to difficult. Each task will involve 1 feature in the application.
Value for User:
The feeling of competition among users in collecting badges on their profile page.
Achieving a user badge will receive incentives, practical rewards such as discounting air tickets, hotels, vouchers…
Value for application:
Increase the long-term cohesion of User to the app.
Introduce, guide, encourage User to use all the features of the app.
Thank you for watching!
Thank you for watching!