ANA.jpg

ANA Boarding Pass & Web Redesign

After booking a flight with Air-Nippon Airways, I did some research into their branding. I found their current look to be outdated and average and their boarding pass to be ugly. Even though it was designed for maximum economy, I don’t think a company of ANA’s stature can have an excuse for such sloppiness.

As many of the designers I follow on the Internet were making their own attempts at a refreshed boarding pass, I decided to as well. The spirit of the design was to make something that passengers might keep long after the journey, like a postcard to oneself as a memento of the journey.

For the back, I infused imagery from Japanese culture (cherry blossoms, koi fish, kimono patterns, for example) with elements from ANA’s logo—the iconic diagonal slash. The intent with these backgrounds is to have them alternate with the seasons or occasions in Japan (festivals, holidays, etc) 

For the front, I reorganized the information into a clearer hierarchy, once again referencing elements from their logo. 

The result is a more attractive presentation that hopefully gives the ANA brand more prestige and Japanese identity.

Overview

While booking a flight with Air Nippon Airways, I found their current look on their website to be outdated and average. Even their boarding pass looked subpar. Although it was designed for maximum economy, a company of ANA’s stature shouldn’t have an excuse for such sloppiness. As many of the designers I follow online were making their own attempts at a refreshed boarding pass, I decided to as well. The spirit of the design was to make something that passengers might keep long after the journey, like a postcard to oneself as a memento of the journey.

Evergreen Boarding Pass

ANA-display2.jpg
 

Seasonal Boarding Passes

I infused imagery from Japanese culture (cherry blossoms, koi fish, and traditional kimono patterns) with elements from ANA’s logo—the iconic diagonal slash. The intent with these backgrounds is to have them alternate with the seasons or occasions in Japan (festivals, holidays, etc).

Content was reorganized into a clearer hierarchy, once again referencing elements from their logo. 

The result is a more attractive presentation that hopefully gives the ANA brand more prestige and Japanese identity.

 

Website

Interestingly, many Japanese company websites appears to lack user experience, which results in a messy hierarchy and organization in components, content, and imagery. Learning why that may be is another research project to explore, but specifically, the English US version of ANA still shows that someone attempted to make it look more modern and like how other western businesses’ websites look. However, it isn’t quite there yet.

At the time of this personal project, I mainly focused on the visual aspects and redesigned the way the page looked. Taking inspiration from other airline websites to see what they were doing and how I could use those elements to improve ANA’s page. The results were a cleaner layout while still adhering to ANA’s overall brand. The homepage was divided into three different segments — flights, services, and news, so that the user could easily navigate to what they’re looking for.

For next time, I will look into making use of the recent UX skills I’ve learned in improving the overall user flow of the website, rather than just visuals.