top of page

The ultimate app for planning a group trip.

JoinGo allows you to collaborate with group members, assign tasks, manage bookings and receipts, and organize your itinerary all in one place.

Calendar Page Screen Thumbnail
My Trips Page Screen Thumbnail
Trip Menu Page Screen Thumbnail

JoinGo at a Glance

Overview

What if there was a better way to minimize the chaos of group travel? What if there was a way to consolidate trip details, facilitate collaboration, and manage reservations, expenses, tasks, and itinerary options all in one place?

Enter JoinGo, a responsive website that enables groups of travelers to keep all of their important travel details in one place, and easily collaborate with others on travel plans.

 

With JoinGo, users can connect email confirmations and travel accounts for reservations, upload attachments, and manage expenses among their group.

 

Users can also send and receive messages among group members, create tasks/checklists, create polls, and vote on itinerary options.

Login / Create Account Page Screen Thumbnail

View JoinGo in Action

01

User Research

02

Ideation & Prioritization

03

Information Architecture

04

Interaction Design

05

UI Design

06

Prototyping & Testing

My Process

Tools

01

Figma

02

Optimal Sort

03

Otter. AI

04

Google Sheets

05

Miro

06

Adobe Illustrator

Human-Centered Exploration

Problems Explored

Stress when collaborating to plan a trip with others.

Travelers often find it stressful to make sure that everyone in the group is in agreement on plans/details.

Others have trouble with delegating tasks, and being sure that others have done their part.

 

Splitting and managing expenses among group members is often stressful as well.

Managing plans, trip details, and reservations

Many travelers feel that it is stressful to make sure that all trip members have all of the documents and things that they need in order to travel.

 

When managing plans, trip details, and reservations, many travelers do not seem to have an efficient way of keeping up with all of the details, especially with a group of people. Many write down important details on paper, take screenshots, or dig through their emails/text messages for important information.

Goals

01

Eliminate the need for searching through emails and messages to find travel information and reservations

Enable users to manage booking information and travel documents by letting users link, upload, or forward booking confirmations and tickets directly to JoinGo.

02

Make the travel process easier by enabling users to easily collaborate with others.

Enable travelers to send and receive messages among group members, create tasks/checklists, create polls, and vote on itinerary options.

03

Provide a "one-stop" product that enables users to manage their trip details all in one place.

Enable travelers to manage their itinerary, expenses, and reservations all in one place.

Research Methodologies

User Interviews

Six in-depth user interviews were conducted with people of varying ages, backgrounds, and cultures who have traveled with a group of people within the last year.

 

This method was beneficial in determining what tools and processes users already implement when traveling with a group of people, and what their pain points are with each. 

 

The user interviews also enabled me gain a deeper understanding of user needs, behaviors, and patterns.

Competitive Analysis

In order to posture JoinGo as a desirable and viable  solution for the group travelers, I conducted a competitive analysis. This involved researching the current market, understanding the strengths and weaknesses of competitors, and identifying how JoinGo could stand out from the competition.

 

Through this analysis, I was able to determine user needs, collect design patterns, and identify opportunities to optimize the user experience.  Additionally, I looked at how competitors addressed user needs and identified potential gaps where I could improve upon their solutions.

Competitive Analysis Findings

Wanderlog Logo
Klarna Logo
Troupe Logo

User Interview Key Findings

01.

Travelers want a way to easily and effectively manage their itinerary, travel plans, travel documents, and all booking information all in one place

02.

Travelers often find it stressful to make sure that everyone in the group is in agreement on plans/details.

03.

Travelers want a way to delegate tasks, and determine that each group member has done their tasks.

04.

Travelers are often stressed when splitting expenses and want to be able to manage, track, and split expenses among group members.

05.

When managing plans, trip details, and reservations, many travelers do not have an efficient way of keeping up with tickets, confirmations, documents, etc.

Empathy-Driven Storytelling

User Personas

After analyzing the above research findings, I created user personas which included demographic information, their goals, pain points, and motivations. I also included a visual representation of the users to help visualize their characteristics and needs. These user personas formed the basis for the design decisions I made throughout the UX design process.

Below is one such persona, Nia. 

User Persona #1

Storyboards

Storyboards were next created to help establish context for the project and to help empathize with potential users of the product.  

Storyboard

User Flows

Next, user and task flows were developed in order to map out how users would move through the website to accomplish their goals. Below is one such user flow demonstrating the paths users can take to add a stay to their itinerary. 

User Flows

Site Map

I created a site map based on card sort data in order to systematically organize and visualize the website's structure, facilitating a user-centric navigation experience that aligns with perceived mental models, user goals, and an intuitive information hierarchy. This comprehensive approach ensures a user-friendly design and enhances overall usability.

Site Map

User-Centric Design Solutions

Wireframes

Next, I used the sitemap, user flows, task flows, and user research to begin developing wireframes.  I first created low-fidelity wireframes using pen and paper. Then, I created mid-fidelity wireframes using Figma. After receiving feedback from peers and my advisor, I began developing high-fidelity wireframes. 

 

Featured below is a progression of the landing page wireframes. With each iteration,  you'll notice slight changes to the design. For example, the "Start planning" button was made to expand across the width of the screen following feedback that the button was harder for users to click. 

Landing Page Progression:

Low fidelity Wireframe

Low-Fidelity Wireframes

Mid Fidelity Wireframe

Mid-Fidelity Wireframes

High-Fidelity Wireframes

High-Fidelity Wireframes

Brand Identity & UI Kit

In order to develop JoinGo's brand identity, I first determined the following values that would represent the brand: reliability, trust, satisfaction, and accessibility. Using those values, I developed a color palette and  chose typography that further represented the brand values. I then created various sizings and iterations of my JoinGo logo.  Finally, I created a UI kit to be used throughout the product. 

JoinGo Style Tile

Prototyping for User Feedback

Prototyping

After refining my brand identity and UI Kit, I began developing high-fidelity wireframes for the tasks that users were likely to complete using JoinGo. After receiving feedback from my mentor and peers, I used Figma's prototyping feature to develop my first prototype. The interactions and screens created were developed to mimic the tasks created previously.  

My prototype included six tasks: 

  1. Create an account

  2. Start planning a new trip

  3. Invite others to join the trip 

  4. Add a stay to the itinerary

  5. Add an expense to be split among group members

  6. Send a message to your group about the trip

Because this product is designed for group travelers, most users are going to need to send invitations for others to join the trip. Featured on the prototype screens below, users can invite users to join their trip via email invitation or link. JoinGo even indicates whether or not an invitation has been accepted. 

Task 3: Invite others to join your trip

Share Trip Screen Thumbnail

Send invitations via email or copy the invite link to share.

Share Trip Screen Thumbnail

View pending invites.

Invitations Sent Screen Thumbnail

Even when finished adding travelers, users always have the option manage travelers.

Usability Testing

To pinpoint areas requiring iteration and refinement in my design, I subjected my prototype to user testing. This endeavor unveiled opportunities for improvement, identified successful components, and highlighted potential additions or removals. This iterative process was instrumental in guaranteeing the user-friendliness, accessibility, and viability of the product as a solution tailored to the needs of the target audience.

Below are the results and findings:

JoinGo Usability Test Results Analysis (

Usability Testing Key Takeaways

Differentiate between messages vs. comments.​

During testing, users often tried to click the comment button instead of the messages button, or scrolled up and down to look for the button.

Make email confirmation options clear​.

People often clicked other options instead of than the email confirmation option because they were not sure what each option entailed.

Differentiate instructions for selecting start vs. end date. ​

None of the users who tested the prototype had issues selecting a date; however, multiple mentioned that they didn’t know if they were making their selection the correct way.

Enable users to view who they have invited to collaborate, and accepted/pending invites.

Users indicated that it would be beneficial to see who they have invited and who they have not invited.

Final Prototype Features

Finally, I took the insights and takeaways gained from usability tests, and applied those as I iterated on the final prototype displayed below. 

Share Trip Screen Thumbnail

Invite others to collaborate.

Split Cost Screen Thumbnail

Manage and split expenses.

Email Confirmations Screen Thumbnail

View all of your attachments, uploads, links, and email confirmations.

Timeline View

View your trip timeline and calendar.

Messages Screen Thumbnail

Send messages and vote on polls.

Trip Overview Screen Thumbnail

View an overview of your trip

Final Takeaways 

JoinGo was a project that I was excited about from the beginning until the end, as I believed that this was a solution that could make a difference in the lives of people who travel with others.

 

Throughout this process, I tried to keep the user in mind every step of the way. Empathy for the needs of the user contributed to each part of the process including: the information architecture of the site, key features of the website, accessibility considerations, color choices, typography, graphics, layout, and so much more!

 

Developing JoinGo was a work of the heart; however, there were some challenges faced along the way. The biggest of those challenges was remembering that in creating JoinGo, it isn't all about what I want or what I think would look best, but rather the goal is to develop a product that is designed to meet the needs of the users. Sometimes this meant changing colors or font sizes to ensure accessibility standards are met. Other times it meant adding, changing, and removing features in order to make it easier for users to accomplish important tasks or goals.

 

Crafting JoinGo's information architecture was a major learning moment as well. Even though the card sorts conducted were incredibly useful in determining how users organize and group information, I could have conducted a second card sort with specific category labels  that would give me a more specific understanding of how users may categorize information. This would have also helped me in the development of my initial sitemap, task flows, and user flows. 

 

Going forward, I feel that because I have a much deeper understanding of the UX design process, I will be able to better anticipate potential issues and prepare thoroughly for each part of the design process. This will enable me to develop solutions that are even more accessible, user friendly, and satisfactory in meeting the needs of users.

bottom of page