Delta Airlines

Bringing the car rental process up to date

Responsive Web Design

Roles

UX/UI Designer
UX Researcher

Tools

Figma
Whimsical
Maze

Duration

4 Weeks

Project Overview

Background

Delta Air Lines, Inc. is one of the largest and most successful air carriers in the United States. It's ranked as one of the most popular airlines in the US and is known for excellence in everything from passenger experience to customer service, operational performance to workplace culture.

Design Challenge

Since their website was outdated and difficult to navigate, the main task was to create a site that was easy for customers to use to book car rentals.

Design Objective

Research

I took a different research approach with this project and decided to run heuristics testing instead of user interviews. The reason for this was that the site met the minimum standards for a booking site but was out dated in ways that a typical customer wouldn't recognize.

Secondary Research

Market Research Trends

Online Presence in the Industry

Competitive Analysis

Primary Research

Heuristics

Why Heuristics instead of user interviews?

At its core, Delta's site is very similar to other airlines' sites and gets the job done for many users. However from first glance, I could tell there were some usability issues that could hinder certain users which is an issue since a wide variety of users book travel everyday. I knew that through interviews, I wouldn't be able to gain any feedback with substance that I could use to design an updated site. Participants simply wouldn't be able to point out the usability issues that a UX designer could.
I decided to use the "10 Usability Heuristics for User Interface Design" from the Nielsen Norman Group to run heuristic testing on the current Delta website and base my design off of my findings.

Define

Here's a few examples of how the car rental process of Delta's previous site failed to meet certain heuristics.

Visibility of System Status as well as Consistency and Standards

  • It’s not clear that the page is loading since there’s no animation or wording that indicates that for the user.
  • Without animation or the word “Loading”, this doesn’t line up with standard practices of websites.

Visual Design

  • Scale, contrast, and visual hierarchy are poor since the miles promotion has a much higher rank in importance than the actual search function.

User Control and Freedom and Error Prevention

  • The Checkout Page does not have an obvious and well placed back button.
  • However it does have a “Keep Shopping” button but it does not warn you that you will lose your spot in the reservation process.

Flexibility and Efficiency of Use and Match Between System and the Real World

  • The search results don’t allow you to filter or sort them whatsoever. The site also has confusing organization and doesn’t feel intuitive or natural.

Ideate

The main focus during this phase was to improve the heuristics efficiently with the new design without losing the core of the car rental process and business objectives of the company.

User Flow

Task Flow

Sketches

Prototype

After creating the first version, I slowly narrowed down what product would be best for the user and would create an experience that was enjoyable and efficient.

Car Rental Landing Page v1

Car Rental Landing Page v2

Final Car Rental Landing Page

Results Page v1

Final Results Page

Test

In order to create the best possible version of the website for the users, I ran some usability testing and found what could be improved so that the experience could be heightened.

Affinity Map

Pros

  • Easy navigation for users
  • Aesthetic is pleasing to the eye
  • Good sizing for buttons and font for usuability (especially those with visual impairments)

Cons

  • Undeveloped search filters
  • Missing search bar function
  • Poor subcategories in results pages and home categories

Next Steps

Final Prototype

Final Prototype