Travel like a paw (pro)

A mobile app that provides resources to make pet owners’ travel experiences with their furry friends more carefree and enjoyable.

Roles

UX Designer
UI Designer
Visual Designer
UX Researcher

Tools

Sketch
InVision
Optimal Workshop
Marvel
Overflow
Miro

Timeline

Sep 2020 - Jan 2021
4 month

During my five years of working in the aviation industry, I noticed the world of air traveling was growing and advancing quicker than anything we can imagine. The experience of air traveling for passengers has changed so much, yet I have noticed an area that wasn’t keeping up with these advancements: passengers traveling with pets or transporting their pets. I was encouraged to create a platform that can help improve pet owners’ travel experiences with their furry friends.

The Problem

Pet owners have expressed stress and anxiety when traveling with their pets, either in the cabin or in cargo.

  • Having to deal with an extensive amount of paperwork

  • Worrying about their pet’s stress and anxiety levels during travel

  • Lack of communication and resources from the airlines

The Solution

Design a platform where pet owners can manage their pet’s air traveling experiences all in one place.

  • Users can learn about the airline’s pet requirements, policies, fees, and more about the entire process before or after booking a flight

  • Users can keep track of their pet’s flight information to help them stay organized and prepared

  • Users can upload and access important pet travel documents

User Research & Discovery

After defining the problem, I started my project by conducting research. I needed to understand the demographics and the experience of those traveling with pets or transporting their pets. I used qualitative and quantitative research to help me gain a deeper understanding.

I conducted secondary research to learn more about pet air travel, and here is what I learned:

I also conducted primary research through user interviews. This helped me gain more first-hand knowledge of pet owners who had previously experienced flying with or transporting their pets. I set up an online screener survey to help me gain more insights and find participants to interview. I reached out to my community through social media, friends, and family to fill out this survey.

Survey participants: 43
Interview participants: 5

Here are some quotes that stood out to me from the user interviews:

Affinity Map

I organized my notes from the user interviews by writing down all the insights and user quotes on Post-it notes. Then, I grouped them and labeled each group. Grouping them helped me dove deeper and identify any patterns or discoveries that stood out.

Sketching

It’s time to design, but pen and paper first!

After I gathered the supporting data and created a foundation with my user flow, it was time to generate ideas. I sketched out my mobile app screens to better communicate my ideas and gain early feedback from my users before building my wireframes.

I used Marvel Pop to create a clickable prototype to conduct user testing. My goal for this test was to discover if there were any issues with the user flows.

User testing participants: 5

To view my Marvel Pop prototype, click here.

User Personas 

With the insights gathered from the user survey and interviews, I created two user personas to keep in mind as I began my ideation stage and also to help me make design decisions. I created two user personas because one has a small dog she would travel in-cabin with, while the other persona has a big dog who has to travel separately through cargo. I believe it is vital to keep both types of users in mind as their travel experiences can differ.

Competitive Analysis

I conducted a competitive analysis to determine if any websites or mobile apps offer similar concepts. I couldn't find any mobile apps, but I found three websites for my analysis. I compared what the websites provided to their users and concluded that BringFrido scored the highest. BringFrido offered the most help to its users with information on the airline’s pet policies, pet requirements, customer reviews on airlines, and pet travel tips. All the competitors provided informational resources to the pet owners, but none offered simple tools, like pet check-in or managing their travel documents.

 Competitors:

During my research, I learned that...

To conclude my research, I came up with my “How might we” questions to better define the problem before beginning the ideation stage.

  • How might we ensure a smoother process for those who are trying to submit pet travel documents?

  • How might we reduce the stress of those who are flying with their pets or transporting them?

  • How might we help to close the communication gap between the airlines and the pet owners traveling?

Early Ideation & Information Architecture

User Flow

For my early ideation stage, I created my user flows to help me visualize the critical routes my users might take as they navigate through the app to achieve their goals. The user flow helped me stay on track as I began designing the screens for my prototype.

User flow 1: Airline Pet Policies

  • Before booking a flight, the users want to learn more about the different airlines and their policies

  • After booking a flight, the users want to learn more about the policies of the airline they booked with

User flow 2: Check-in

  • The user booked a flight and wants to check in for themselves and their pets

User flow 3: Manage Flight

  • They want to organize their pet’s travel documents by uploading them


Later in my design process, I combined and changed User flow 2: Check-in and User flow 3: Manage Flight. I combined the two flows and altered it to Add Flight. I will discuss why I decided to make this change later in my user testing section of this case study.

Key Findings

The key findings I gained from the user testing allowed me to decide which aspects of my design I would like to change and revisit before moving on to wireframing. One of the main changes I made was combining the Check-in and Manage Flight flow. During the testing, a few participants said they could not differentiate the two routes. They also recognized the similarity of inputting the same information before getting to their flight details. I decided to revisit the two flows and combine them into just one flow. I named this flow Add Flight.

Wireframes

Below are my low fidelity wireframes I created from my revised sketches:

Browse Airlines Flow

Add Flight Flow

Brand & Identity

Before I could turn my wireframes into high-fidelity screens, I needed to determine my brand’s platform and style guide. Since this project is a new concept, I had to create them from scratch.

I chose Pair as the name because “P” represents pets, and “air” means air travel. It also combined the words Paw and Air (Pair). I wanted a short, easy name that was both recognizable and incorporated pet and air travel.

Mood Board

My mood board was inspired by my brand attributes: Compassion, Helpful, Dependable, Adventurous, and Friendly

Style Guide

Final Product

With the brand’s platform and style guide I created, I transformed my wireframes to high-fidelity screens.

Airline Policy Flow

Add Flight Flow

Bookmarked Flow

Usability Testing

Seeing my design come to life through my prototype feels like a significant accomplishment, but we’re not entirely done yet. It was time to test the prototype and identify which part of my product worked and what needed improvements.

I conducted five moderated usability tests with people I recruited from my previous user interviews and a few from the online community. All the usability tests were conducted remotely due to the COVID-19 pandemic.

What am I testing for?

  1. Can participants find their flight information with their pets?

  2. Can participants keep track of their pet’s traveling documents?

  3. How do participants respond to the organization of the Airline Policy screen?

Round 1

What needed improvements?

  • Button hierarchy

    A few participants wanted to click the white button more than the brown one. They did not feel like the brown was a primary button.

  • Where is the added flight information stored?

    If they left this screen, participants were unsure where to retrieve their flight information.

  • Where to add additional pet documents?

    Participants could not quickly figure out where to attach more documents.

Round 2

I reiterated my high-fidelity prototype with the feedback I received and recruited five new participants to conduct my round 2 usability testing.

Did I solve it in round two?

  • Button hierarchy

    I reversed the color and made the primary button white. Some participants felt brown was more of the primary button in this round of testing.

    ❌ Result: Issue repeated.

  • Where is the added flight information stored? 

    I added a popup screen to let the user know their flight information has been added to their home screen.

    ✅ Result: Issue solved!

  • Where to add additional pet documents?

    I created two separate links to view previously attached documents and to attach more.

    ✅ Result: Issue solved!

Next Steps

Iterate, repeat, iterate, repeat. Let’s do this all again!

In the second round of testing, I received great feedback and solved a few issues I discovered from my first round of testing. However, there is still more feedback for further improvements. 

For my next steps, I would go back to my product and reiterate with the following:

  • Button hierarchy

    Instead of using color to differentiate the primary and secondary buttons, I will explore other ways to make the primary button stand out more.

  • Options to customize the checklist

    Some participants found the checklist helpful, and some said they preferred to customize it. I want to work on a feature allowing users to add, delete, and edit the items on the checklist. The new feature will help encourage the users to use the list to stay organized.

  • Boarding pass

    A few participants said they would like to obtain a boarding pass on the app. This way, they will feel like the whole trip can be managed through one app. I will work with developers to see how we can connect with the different airlines and allow our users to check in and obtain their boarding pass all through our app.

After iterating, I will go back for another round of usability testing.

Reflections

By the end of this project, I realized how much I love problem-solving and designing for people. This project allowed me to be both creative and analytical. I initially thought my favorite part was creating my high-fidelity prototype, but it turns out I enjoyed the usability testing much more. I valued the opportunity to see how the participants interacted with the product and received their feedback to improve. Without my participants from both usability testing rounds, I would not have known which part of my product worked and needed more improvements.

During the entire project, I completed every step remotely due to the COVID-19 pandemic. I missed the opportunity to gain more insights from observing human behaviors and how they interact with the product in real life. I look forward to the prospect of conducting interviews and testing in person.

The most rewarding part was beyond what I achieved and created from this project; it was my growth as a new designer.