Your Brand Logo
About Contact

Spirit Airlines

Reducing Friction in the Booking Experience for One of America’s Largest Low-Cost Airlines.

YEAR
BACKGROUND

Spirit Airlines aims to provide affordable air travel with a user-friendly digital experience. While the app performs reasonably well, there are opportunities for improvement, particularly in areas like flight selection, fee transparency, and personalization. Addressing these aspects could further enhance customer satisfaction and trip planning efficiency.

Timeline

3 Months

ROLE

UX/UI Designer & Front-end Developer

PROCESS

Desk research, competitive analysis, survey, interview, heuristic analysis, JTBD, HMW, Impact vs benefit matrix, MoSCoW method, Card sorting, hypothesis statement, journey map, moodboard, crazy 8's wireframing, user testing, A/B testing.

TOOLS

Figma, Maze, Kasort, Meet

PROBLEM

Travelers using Spirit Airlines’ app often face unclear pricing, surprise fees, and an interface that lacks confirmation cues. As a result, they frequently feel the need to go back and double-check selections like dates, luggage, and add-ons slowing the process and increasing frustration.

GOAL
  • Reduce friction and confusion caused by unclear pricing structures.
  • Reduce uncertainty
  • Complete reservation without needing to backtrack
  • Improve the visibility of key information in search results to help users make informed decisions.
  • Streamline the booking process to reduce drop-offs and increase conversions.

Research

Competitive Analysis

Analyzed competitors like JetBlue, Allegiant Air, Frontier, Southwest and booking.com to identify best practices and gaps.

3 Positives: Bugdet Friendly, Clean and intuitive, making it easy for users to compare prices and a map next to the hotel for the user be able to make a informed decision.

3 Negatives: Third party issues, frequent fees, comparison across airlines can make the process longer.

User Interviews

Conducted qualitative interview with 5 individuals aged 25 to 34 who had traveled on a budget within the past six months.

Booking Process

"My booking process involves setting flexible dates to find the cheapest options. If the app could suggest cheaper dates around my preferred travel dates, that would be a big plus." P4

Decision-making

" I mainly look for price, flight duration, and layovers. If your app can highlight the best options based on these criteria right from the start, it would streamline my decision-making process." P1

Features

"I usually search for flights based on time and price, then look into the airline’s policies on luggages and refunds. If your app can consolidate this information clearly, it would be very helpful." P5


Survey Key insights:

To gain deeper insight into the low-budget travel experience, 10 individuals were surveyed to uncover real pain points and unmet needs. Their firsthand perspectives helped shape user-centric strategies for the project.

30%

Struggle to to locate certain options or features on an Airline platform.

50%

Find it kinda challenge to find a flight that fit their schedule and budget.

30%

Find it somewhat unclear pricing details when booking a flight.

Defining the solution

How might we improve Spirit Airlines’ booking experience to increase conversions while maintaining the affordability that defines the brand?

Prioritizing improvements:

Benefit-Cost Matrix

To align insights with the strategic goals, the findings were synthesized and grouped to identify key areas for action. With that foundation in place, a prioritization framework was developed based on the volume of collected input. A 2x2 matrix was then used to evaluate which items had the greatest potential to create future opportunities and drive long-term success for the solution.

Impact vs Benefit Matrix

Hypothesis Statements

I wanted to ground my ideas in evidence and ensure my approach is measurable.


hipothesis

Hypothesis

We believe that highlighting key information in search results based on user priorities will result in improve decision-making efficiency because users often face high cognitive load of information and benefit from being able to identify essential details at a glance..

user icon

User Interview

“I mainly look for price, flight duration, and layovers. if your app can highlight the best options based on these criteria right from the start, it would streamline my decision-making process."

metric icon

Metrics

Click-Through Rate (CTR): Measure the CTR for search results to see if users are engaging with highlighted information.

User journey map

Scenario Context

Ann Gullar, has been planning to visit her family in Miami for her mother's birthday next month. As a young professional on a tight budget, she's heard about Spirit Airlines' low-cost options but is cautious about additional fees. She decides to book her flight using the mobile app during her lunch break.

Creating a JM provides insights into the user's journey with the product, helping identify pain points, areas for improvement, and opportunities to enhance the overall user experience. I also include the front-door experience in my CJM to analyze the crucial entry points where users first interact with the product, ensuring their initial impressions are seamless, engaging, and set the stage for the rest of their journey.

journey-mapping
Delivering Value

The design solution simplifies Spirit Airlines’ booking by clarifying fee structures, highlighting key information in search results, and ensuring users can easily find answers and support within the app, improving trust and usability.

Validation & Testing

After 2 rounds of usability testing, I created a high-fidelity prototype that incorporated the feedback and insights gathered from the previous rounds. The goal was to ensure that the design not only met user needs but also provided a seamless and intuitive experience.

Here are some of the key findings from the usability testing:

  • Having a visual layout of the airplane during seat selection helped users make decisions, as it allowed them to see the exact location of the seats within the aircraft.
  • Highlighting key information in search results significantly improved users' ability to make informed decisions quickly.
  • Users appreciated the streamlined booking process, which reduced cognitive load and made it easier to navigate.


On the airport flight page, the search bar was originally labeled “From where?” After observing that a user who had never flown before was confused about whether to search for a city or an airport, I updated the label to “Search for airport, city, or address” to make it clearer. I also improved the prompt for enabling location services and added features that show how far the airport is from the user’s current location, along with an estimated travel time to get there.

flight-search-page
review-gif

Displaying the trip duration provides users with immediate feedback about the length of their stay, reducing cognitive load. This is especially helpful for users who may not be consciously aware of how many days their trip spans when selecting departure and return dates. Users can quickly adjust their dates to match their desired trip length without having to mentally calculate the duration. This streamlines the booking process and minimizes errors, such as accidentally selecting an overly long or short trip."I loved the trip duration feature, I wish Airbnb had it" 3P.

“I don't like to seat on the wings, would be nice to see the plane, to factor that into my purchase” P1
"Having the visual aid helps me when choosing a seat on the plane" P5

track-image

A/B Testing Plan

To ensure our redesign truly met users’ needs, I created an A/B testing data-driven approach that lets real users guide our next steps. By comparing the original and updated versions side by side, I would set out to discover which design delivered a smoother, more intuitive experience.

problem statement

Problem statement

Does highlighting key information reduce the time users take to complete a booking?

Can users recall the key details of their booking (e.g., flight time, baggage) without revisiting previous steps?

data icon

Data

30% Struggle to to locate certain options or features on an Airline platform.

hypothesis icon

Hypothesis

We believe that implementing a new design for the flight selection interface will make the booking process faster, reduce cognitive load, and lead to a higher completion rate.

target icon

Risk and Mitigation

Risk: There wont be a wide enough variety of issues for the users testing the app to get meaningful data for all features.

Mitigation: Increase the data sample to something larger in order to attempt to capture more scenarios but within the allocated budget.

metric icon

Metrics

Analyzing that the results are statistics significant:

By ensure that my P-value is below 0.05. There is a less than 5% chance that the null hypothesis is true.

target icon

Target Users

Primary Target Audience: Users looking to book domestic flights, which represents Spirit Airlines’ main customer base.

Secondary Target Audience: New users visiting the Spirit Airlines website or app for the first time, to assess how the redesigned interface impacts initial impressions and conversions.

Development

As part of the end-to-end process, I began developing the project using JavaScript and React, integrating the Amadeus API to support real-time travel data features. While the build is still in progress, the code is available for review on my GitHub, offering a closer look at my technical approach and front-end implementation.

Takeaways

Impact

Usability testing revealed significantly higher user satisfaction, with participants praising the new flow for its clarity and ease of use.

Key Takeaways

Next steps