Role
UX/UI Researcher & Designer
Timeline
Fall 2023
Skills
User Research
Design Thinking
Visual Design
Interaction Design
User Testing
Tools
Figma
Adobe Illustrator
Procreate

Project Overview

Sync & Roam is a trip-planning solution for young adults who love traveling with other people, but hate the process of coordinating flights, accommodations, and activities.

The app allows for optimal organization as users can collect, compare, and arrange possible trip options to their liking without having to open a dozen tabs on their browser or share individual links in third-party group chats. Meanwhile, asynchronous collaboration is emphasized by keeping everyone in the party accountable for finding travel options and adding them to the shared trip boards.

Understand

Problem

Tired of group trip ideas dying in the group chat due to poor planning and coordination?
Group trip planning is a painstaking process that requires a lot of time, energy, and coordination with other people.
In Fall 2023, I studied abroad in Paris, France. My friends and I wanted to take the opportunity to visit as many places as possible in Europe. However, we quickly realized that trip planning is exhausting as it takes a lot of effort and the responsibility often falls onto one person.
We tried trip planning apps, such as Expedia, Kayak, and Wanderlog, but we felt like they were only targeted toward flight and hotel search rather than collaborative trip planning.

Market Research

To better understand trip-planning options that are currently on the market, I planned a trip with two friends, from beginning to end, using each app. Here’s a breakdown of what I liked and disliked for each app:
Overall, the apps that are currently available on the market fulfill parts of the user needs, but there is still room for improvement. In particular, the group trip-planning features should be easier to use and more effective in allowing collaboration.

User Research — Survey

I sent out a survey to fellow study abroad students, from Fall 2023 and past semesters, and received 36 responses. Here’s what I found out:
22/36 students
60 %
travelled less than they wanted to
31/36 students
86 %
expressed difficulty with group trip-planning
33/36 students
92 %
said that they have had at least 1 trip that they were excited about but it never ended up happening
5/36 students
14 %
found themselves doing the majority of planning and coordinating
28/36 students
78 %
said that they usually let other people do the planning

User Research — Interview

In interviewing 14 of the 36 students who responded, I learnt the following:
9/14 students
64 %
have used a travel app that tracks flight and hotel prices
2/14 students
14 %
have stuck with using a travel app
14/14 students
100 %
use a text messaging platform to coordinate travel plans
12/14 students
86 %
found it hard and tiring to keep track of all options

User Research — Conclusion

Through the survey and interviews, it is clear that there are two main pain points:
Information Overload
Lack of Collaboration
It takes a lot of time and effort to find and settle on the best flights and accommodations options
If the trip involves more people, it’s increasingly difficult to coordinate with everyone and people often leave the work to 1-2 people in the group

Ideation

User Journey

I started thinking about creating a user journey that would include a better way of organizing all the information and add more collaboration:

Initial Sketches

As I was envisioning the user flow, I drew what the interface would look like for each step:
In-App Search
By allowing users to search for flights and hotels on the app and use boards to add and categorize possible options, they are able to organize and view their options more easily.
Automatic Group Chats
Once you invite people to a new trip, a new group chat is created specifically for the trip. In-app group chats streamline the trip planning process by compiling all trip-related information in one place, instead of cluttering other text messaging inboxes.
Collaboration and Accountability
Notifications and activity feed keep tripmates accountable for doing their part and nudge them to do their part.

Branding

Mood Board

Before I start any kind of branding or visual work, I like to find inspiration to guide and ground me through the process. I thrive for a cohesive and consistent higher-level aesthetic that can translate to the smallest details, as I have found it to elevate the user experience. For the travel app, I wanted something clean, minimal, and whimsical to decrease the visual and mental load of organizing a trip. The idea is to make trip-planning feel easier and highlight the thrill of actually going on the trip and living in the moment with friends and family.

Name and Logo

Naming is one of the most crucial parts of branding as it is usually the first thing a user sees on the app. I wanted to invoke the ideas of organization, collaboration, and traveling. After compiling words related to these concepts, “sync” and “roam” stuck with me. So, I wanted to combine both words together to make Sync & Roam.

Colors

To make the interface more minimal and easier to look at, I went with a white background, dark grey text, and lavender accent.

Typeface

I wanted a mix of serif and sans serif fonts with varying weights to differentiate between different kinds of headings and body texts. After exploring a multitude of pairing options, I decided on Petrona serif font and Paduak sans serif font as I like how sophisticated yet fun the combination is.

Prototype

First Iteration

User Testing

I conducted user testing with 6 people in total, 4 individuals whom I had interviewed previously and 2 travelers whom did not participate in the research portion. Here are some of the feedback:
  • The option cards are too small, making the texts difficult to read
  • It might be helpful to be able to group flights together without permanently linking them
  • Having suggested places or guides can help users come up with trip ideas
  • Differentiate the new trip group chat from the old ones

Final Iteration

Creating a Trip

Add all the important information and invite friends to plan the trip with you

Adding Boards

Boards act like folders that help you keep track of your options. You can track and flights, accommodations, cars, and more.

Adding Options to Boards

When you add an option to a board, are automatically shared with your tripmates. Each option is marked by who saved it, so that it is easier for everyone to stay organized and in the loop

Commenting

Once you (or your tripmates) add options to a board, you can comment on them. This allows you to seamlessly share your thoughts asynchronously, and your tripmates can easily figure out which option you are referring to.

Friends’ Updates

On the friends page, you can see what everyone is up to and if there is any activity in your trips. It is also where you can find trip invitations, and let your friends know what’s on your mind.

Group Chats

Groupchats are created automatically when you add people to your trip, so that you don’t have to do it manually. You can also direct message your friends about any possible trip plans. This is where you can work to plan trips synchronously and get everyone up to speed.