Date: May 2020
Programs: Adobe XD, Illustrator
The Project: Frontier is a low-cost American Airline based in Denver, Co. They fly to over 300 destinations in America, and have 30 international destinations. They serve a wide range of costumers. Having an app for booking and tracking flights, adding on additional luggage and scanning boarding passes is essential.
The Target Audience: Men and women aged 20 to 40 on a budget, looking to purchase affordable flights in the US and abroad.
The Challenge: Frontier ’s current app is very busy and might be overwhelming for the user. The branding isn’t consistent or prominent. Many of the links connect to their website with an in app browser. The app has a lot of text that doesn’t really add anything valuable for the user when booking flights. Purchasing a flight goes through a lot of screens for selecting options, but could be simpler.
The Planning: I started by tweaking the original logo to look more consistent, and selecting similar colors to their branding. I fashioned the curve of the buttons off of the logo, and picked font that was round but modern.
After assessing the most used and important functions present in other fight booking apps, I constructed an App Architecture and Wireframe.
The Final Design: Using Adobe XD, I complied all of the elements of the style guide, and added more details to solidify the functions of the app. I keep the color scheme monochromatic, with a custom illustration added on the home page. As the app develops, illustrations like such would be implemented into the design.
Splash Screen: I kept the loading animation simple, but still pealing to look t if someone happens to be on a slow connection.
Home/Dashboard: The Splash Screen slides up to reveal the home page. A simple relevant illustration greets the user, with the airline logo. The user is able to quickly checking upcoming flights, nearby airports and deals.
Flight Booking: The bottom tabs let the user access the screen to book flights quickly. I made sure to keep the text and controls highly contrasted from the background for ease of use.