Figuring Flight

Anxious with flying? Worried you're forgetting something? Need recommendations on places to go? Don't worry, information is all packed in this app.

Project Analysis

Problem

Traveling is fun, however, it's also anxiety inducing. Am I forgetting certain documents? What all do I need to fly to a new state? Do I need a visa for this country? When's my flight again? When do I come back? There are so many things to plan for a trip, and it's only gotten more stressful post covid. Do I need my vaccine card when traveling to a certain state? How can I not stress myself out over this?

Design Solution

Make a fun but calming app that takes away all the stress of flying by taking the big deal away from flying. Have it be updated with all the required documents not only for the airport, but also for state and country. Have the notifications stay on the notifications bar when the trip is nearing, as well as telling the user where they left their documents before flying.

Target Users

Anxious fliers

Over-researchers

Forgetful travelers

Millennials and Gen Z

Deliverables

High Fidelity Mockups

User Research and Personas

Jane Anh, 26

After a year working a remote job, she's now comfortable enough to travel the world while working. The only problem is that Jane has never flown by herself before. She finds herself, even just traveling within the United States, to be checking, and rechecking her backpack, to make sure she has all the necessary documents she needs, and she's still unsure if she's done enough research. She's terrified of being confronted at the airport that she doesn't have the right documents, and she's even more terrified about not having done enough research prior to landing about things to bring to that state/things to do in that state. She just wants something to tell her she's done enough, and more importantly, to calm down.

Target Users

Age: 20-30
Demographic: New Traveler
Occupation: Remote

Painpoints

Anxious about forgetting state specific documents in a post-covid time.
New at flying, is constantly googling what she needs to bring to the airport, still believing she's not doing enough.

Goals

Have all the information about state/country specific documents
Stop zipping/unzipping her backpack to make sure all the items are with her
App that has common worries about TSA/Airports

John Cook, 19

John graduated from high school not too long ago, and now he's flying to his university, then back home during breaks, and eventually, he'll be flying overseas for a study abroad trip. He's always studying, to make sure he gets to keep his scholarship, but that's also to his detriment as he occasionally forgets to pack, or forgets when his flight back home is.

He doesn't bother researching about things because he doesn't have time to do so, so he isn't up to date on the new laws that pass, or needed visas he need to get done to be able to stay in the country he's soon studying abroad in. He's just constantly working on getting good to decent grades to keep his scholarship, or at his job to save money for his study abroad, or his internship for his resume.

His sister is constantly irritated at him, because she keeps on sending him money to buy the cheesecake near his university, but he forgets to buy it before he leaves. Wait, can he even bring food through TSA?

He just needs help

Target Users

Age: 15-19
Demographic: Forgetful Traveller
Occupation: Student

Painpoints

Doesn't pay attention
Forgets due to lack of sleep
Doesn't know what's allowed with TSA

Goals

A constant reminder of when his trip is
A shared checklist

Mockups and Explainations

Initial Launch Screen

The first time the user opens the app, they're greeted with Amy, their flight attendant for this app.

"Why?"

The app was originally designed to make booking a flight/figuring out how to fly a lot easier. The concept was to have it feel like a familial "how to" which lead to a game play concept.

Similar to how Professor Oak (Pokemon) would ask if you were a boy or girl before he starts explaining the world of Pokemon, Amy asks you to fill out some paperwork before she can start preparing you for flight.

Paperwork Screens

The user can either sign up or log in.

"Why?"

The information asked specifically works with what's needed when flying/creating an account.

First/last name so that Amy can address you.
Email address so that this app can save your information if you were to change phones/log.
Date of birth so Amy can see if there's any restrictions regarding age. (minor/adult)
Country of residence to see where the user currently lives so that Amy can tell them whether or not they need certain paper works depending on where they plan to travel to in the future.
- When the user picks a country of residence, and they pick the United States, another selection pops up that reads "State of current residence".
- "State of current residence" is because people move and state laws vary (especially with Covid restrictions i.e. Texas's laxed regulations with Covid vs New York's tight rules)
- Also helps with ID compliance. For example, if Oklahoma was chosen, Amy would tell the user to make sure that their ID is REAL ID compliant
The final question is whether or not the user has a passport, which helps Amy tell whether or not they can travel abroad if they were to plan it.

Home Page

This is the first page the user will always see when they start

Your Next Adventure

This shows the user's upcoming trip along with a countdown of said upcoming trip.

When clicked, it gives them the finer detail of said trip.

Upcoming Flights

This shows the two upcoming flights.

Shows what type of airline they're using first, then time and destination.
Only has a > if there's boarding information, which then takes them to a third party app (i.e. Their airline app, if they've connected it)

Checklist

This shows Items on the user's checklist for their upcoming trip.

This doesn't show all of the checklist, but it shows the items that the user marked as most important (DO NOT FORGET) As well as the location (albeit if the user wrote it down)

Schedule Plan for upcoming Trip

This shows the current date, and shows a small countdown towards the upcoming trip.

This calendar doesn't show the events, it shows them the type of events they have planned (based on whether or not they color categorized things)
There's a limit, based on their mobile screen resolution. But let's say if there's 12 events on a day that can only hold 10, then on that day with 12 events, it shows 9 and show the words "3 more..."
When the user clicks on a date, they can then click on that date which will then take them to the calendar, where they can scroll down and see more information about that day.

Upcoming Flights>Details

The flights screen is the only screen that doesn't have a permanent spot at the bottom navigation because it mainly connects to other apps (i.e. Southwest, Delta, United).

"Why?"

Because the app connects to a third party, the only information that the user really is getting on here is their flight information, in which they could put in the calendar view. This is mainly a jump screen for the user, to go see their flight information (if they're on the app) and move to their boarding pass swiftly (if they've allowed permissions with their airline app).

Calendar Page

This is the first page the user will always see when they start

Monthly Calendar

This calendar doesn't show the events, it shows them the type of events they have planned (based on whether or not they color categorized things)
There's a limit, based on their mobile screen resolution. But let's say if there's 12 events on a day that can only hold 10, then on that day with 12 events, it shows 9 and show the words "3 more..."
Unlike the homepage and trips page, all dates are shown.
Months can be changed by swiping left or right on the monthly calendar.
The date selected is outlined in yellow
Today's Date has a yellow circle around the date.
The dates of the previous and next month have lighter outlines than the current months. The outlines of the previous months can't be edited until they swipe to that month.

Daily Items

When the user taps on a day, it shows them a detailed scheduled list below the monthly calendar.
Each item, if the user choses an image, is shown from a selected image list.
The reason for this is just to add more fun and color for what the user plans on doing.
There's normally a color outline surrounding the picture to show that the event is one event, while the schedule is on the color instead of the picture to make sure that the text is still being readable.
If no picture is chosen, it's just the category color, or the default color (purple) that's 80% in opacity.

"Create New Item"

For Creating new schedule item, the user can either tap on the floating action button, or double tap on the day they want to edit which takes them to the following screen.

My Trips

This is to show all the different trips the user will take along the way.

Trip Page

The upcoming trip is the one that's on top and slightly bigger than the rest.
Each trip item should have the name, and below it, how many days there are left before the next trip ensues over a purple gradient.

Trip Page >New York Trip

When the user chooses a trip, they're lead to a more detailed view of their trip.
Contains the countdown, flight information, "New York Trip" checklist, and schedule.

"What makes the trip page different than the homepage?"

The home page tells the user mainly about the upcoming trip, and a few notes here and there. The trips page gives the user more specific information about other trips such as the trip they're taking 4 months after their upcoming trip. It's great for people that love vacationing--but was made specifically for anxious travelers to be able to have a place where they can check and recheck a specific trip so that they have every item they need on that specific trip.

How to Create a New Trip

The + sign on the upper right is tapped to create a new trip
- The user is then taken to the "Create a new trip" page
- All items that are required have a red * on it, where the user cannot move on if they don't fill out those questions
The < takes them back to the main trips page, cancelling out the process overall
Once user is done filling in information, they tap "Next"
Next takes them to airline confirmation if they chose airline as their mode of transportation.
User then puts in confirmation number.
If confirmation number is correct, then it should show them the information. This is then later shown in the "my trips" under "upcoming flights".
User hits next.
Next is the checklist step. A checklist template that they've created, or create a new one from scratch.
- If the user doesn't have a template that they've created, it's automatically "create new checklist"
The user is automatically put in creating a new checklist. Where it's separated into categories. (Originally it's just Bag #1 and item). The grey box is adding a bag name, while the white box is adding an item name.
The user hits next.
Adds whatever scheduling event there is.
Finish

Questions

Have a question about flying? Don't worry, we got you.

There are 3 sections to the questions page. Frequently asked questions, trending questions, and history.

FAQ

Suggested questions that are commonly asked.

Trending Q's

Popular questions that have been recently most asked (i.e. "Do I have to bring my Vaccination card with me to X?")

History

Previously asked questions that the user so that they can recheck it again.

"Why is this it's own page?"

The original concept of this app was to create it to where the user can their questions about flying answered.
Nowadays, with flying getting more nerve-wracking for new fliers, it can get overwhelming. So we wanted a page where the user can get it's information in calming graphics that tell them step by step the answer to their information.

Step by Step Answer

The user swipes to read the new information.
< button goes back to the questions page.

Checklists

Calm down, you wrote it down.

"Why would they need to share?"

For users like John Cook, he's not going to be the one writing a checklist. He's going to be forgetting it. His sister, in desperation for the cheesecake, is going to make this checklist, force him to download the app, and then have it be a "DO NOT FORGET" item so that it stays on his notifications so that he doesn't forget.

Visual Design

Amy your Flight Attendent

It's alpaca because while creating it, the theme for this app was to remember to pack it. "I'll pack it" "Al-pac-it" "Alpaca"
Originally, this was supposed to be a Southwest Airlines based app. Hence why the alpaca's head is shaped as the Southwest Airlines logo.