
Project Overview
Problem
Traveling with friends and family is one of the most frustrating and complicated process.
It’s a hassle trying to figure out where to stay, how to get to the location, the trip itinerary, splitting the bills, communicating with one another, and making sure everyone is on the same page.
I travel a lot with friends and these are the same problems we encounter.
There needs to be an easier and efficient method of planning a trip and sharing travel experience all in one app.
I wanted to explore how I can simplify group traveling.
-
Duration
July 2022 - August 2022
-
My Role
Product Designer
-
Tools
Figma
Jira
Zeplin
Google Optimize & Analytics
Fullstory
Understanding the Problem
Secondary Research
Competitive Analysis
Key takeaways from research
There needs to be an app that:
Has excellent UI/UX Design
Organizes travel necessities
Inspires for other travel locations
Collaborate to plan a trip
Allows for communication with travel group
Create and organize itinerary
Share photos
Store documents
Create/share notes
Understanding the User
Screen Survey
I created a survey to find potential users of the app. I sent it to friends and families through text. I reached out to people I didn’t know through social media such as Instagram, Twitter, and Facebook.
Interviews
Once I found the 5 potential users,
I interviewed them, took notes and created an affinity diagram.
Affinity Diagram
What I learned from the affinity map/interviews are:
Travelers’ process when planning a trip, what resources they use to plan a trip and what tools they're lacking
Travelers go on group travel because it is safer, cheaper, fun and being able to create long lasting memories
Travelers are frustrated with having to plan a trip with different personalities, interests, budgets and schedule
Travelers feel like planning a trip is very unorganized and inefficient
Social media plays a huge impact on their travel plans
Empathy Map
Based off the empathy map, I was able to identify the users' behavior. I learned that:
Users will feel safe traveling with friends but feel frustrated with having to use multiple resources to plan a trip
Frustrated with how unorganized it is to plan a trip with friends
Users will get an airbnb and split the cost
Users will create a group chat for everyone to communicate on
Users will hear people talk about wanting to go to different places but not taking the initiative to plan the trip
The gains of group traveling is that it is safer, cheaper, and being able to create memorable experiences with the people you love
The pains of group traveling is that planning a trip with clashing interests, preferences, budgets, schedules, miscommunication and disorganization
Personas
How might we….
Relieve the frustrations travelers have when having to plan a trip with different personalities, interests, budgets and schedules?
Help travelers find a new method of collaborating, organizing and sharing their trip on one app?
Help travelers better communicate with each other?
Help travelers be efficient with their time?
Empathy Map
Based off the empathy map, I was able to identify the users' behavior. I learned that:
Users will feel safe traveling with friends but feel frustrated with having to use multiple resources to plan a trip
Frustrated with how unorganized it is to plan a trip with friends
Users will get an airbnb and split the cost
Users will create a group chat for everyone to communicate on
Users will hear people talk about wanting to go to different places but not taking the initiative to plan the trip
The gains of group traveling is that it is safer, cheaper, and being able to create memorable experiences with the people you love
The pains of group traveling is that planning a trip with clashing interests, preferences, budgets, schedules, miscommunication and disorganization
Ideate
User Flow

Sketches

Moodboard
It's important to include real life images in the app to inspire and motivate the users to travel.
Optima font gives an informal, casual and fun look while exuding an elegance feeling. It is also easy to read. Optima family includes both regular and bold fonts which gives the freedom to be versatile with the information architecture.
The color blue is associated with the sky and the sea which is relevant to traveling. Blue also symbolizes serenity, relaxation and a sense of clarity which are important feelings that I want the app to portray.
Take advantage of neumorphism to give a more realistic and reliable look that the users are familiar with.
Style Guide

Prototype & Test

User Testing: Low Fidelity Prototype
I provided users with tasks and evaluate how effectively and efficiently users’ can find their information for their current trip.
Positive feedback:
users complete the tasks very easily and smoothly
organization of the information was common sense to the users
categorizing the information based on common and relevant words was very beneficial
Recommendations:
visually clarify that you can click or swipe on the “current, upcoming and past” trips as well as the “pay and request” on the expenses category
use words, terms, icons and images that the users are familiar with in order to build an intuitive experience
Style GuiHigh Fidelity Prototype #1

User Testing: High Fidelity Prototype #1
Positive feedback:
trip information was well organized and easy to find
icons were very helpful with maneuvering through the app
typography was easy to read
how the images were portrayed was creative for the photos section
Pain points:
the shadows on the buttons were too dark and aggressive
legibility issues with reading the categories on the buttons on the second page
stronger and more convincing color palette
High Fidelity Prototype #2

User Testing: High Fidelity Prototype #2
Positive feedback:
clean, simple and aesthetically pleasing
consistent elements of the colors, shadows, images, and shapes
straight forward, easy to understand with smooth interaction and experience
images were attractive to the eye and it made them want to travel more
icons were very helpful with maneuvering through the app
Pain points:
category buttons on the second page made the app look outdated and gave off like an android feeling
remove inner shadows on the buttons
“back” and “add” buttons on the header are hard to see
Clickable Prototype
What I learned
This was one of the most rewarding project I have worked on because not only am I passionate about traveling but this was the first time I designed an app throughly with a complete design process. It was great being hands on, putting myself out there, talking to users and having a comprehensive understanding of their experiences and problems. I had overcome being in uncomfortable situations when I had to teach myself how to use tools like Sketch, Invision and Miro.
Next Steps:
One last user testing on the current trip part of the app
Start on the other features of the app such as the explore, plan a trip, and social media
