The current Delta app’s main function is to view your Skymiles account and book your next flight. As soon as you login, you are immediately directed to your account.

Using the Type Ninja chrome extension, we identified Delta is using the "Whitney" typeface.

The first thing I did was try and understand the logic of the UX/UI by reverse engineering the app. This was done simply by copying the layout and typeface exactly.

Using a series of rulers, guides, and overlays we can quickly get a copy of the app layout.

The login screen was pretty straightforward.

Current Screen

New Screen

For anyone new to the skymiles program, understanding the tier system and how to advance is pretty complicated. I wanted to simplify the screen by combining the two requirements needed to advance to the next level.

MQMs, MQS, MQDs, and card spend are all very complicated topics. I created a bottom link that would explain more.

Current Screen

New Screen

This is by far the most complicated screen on the app. We land on this page after we select the airport flying out and the destination. We are presented with lots of variables all at once. Each card has it’s own price, take off location, duration of flight, time of departure, and amount of stops. Also included is information for other carriers, layovers, layover durations and a bunch of other information.

To tackle the load of information, I focused on the most important thing to the customer: cost and time. All other information has been moved into “View Details” and has been reworked from a link, into a more digestible timeline.

Below are the screens for choosing a booking and viewing more details.

Current Screen

In the current version, clicking on “View Details” redirects you to another page. You are presented information in a table format.

New Screen