UI/UX Design, Front-end Development

Web boarding pass redesign

Photo of Web boarding pass redesign project

AirAsia decided to give its web boarding pass a makeover to display the pertinent information in a more organised layout, while removing the unnecessary information. The aim of this project is to provide a better user experience for both the guests and AirAsia’s ground staff.

I was tasked to redesign the web boarding pass in collaboration with a Head of Operation and a Product Manager, while reported to the Design Lead. I was responsible for design and front-end development of the web boarding pass.

ROLE 👩‍🎨

UI/UX Design, Front-end Development

timeline 🗓️



The old web boarding pass was overloaded with information, this results in 2 sheets of paper when guests printed out their web boarding pass after performed Web Check-In from home. Another issue is that the information were not organised in hierarchy for both guests and the airport staff to see the important information.


In this project, we’ve slightly re-structured the important information by keeping them framed in a box on the right in both passenger and airline copies and organised the information in order of importance with standardise font size hierarchy for better readability. The passenger copy section only provide the information that a guest needs and vice versa. By cutting unneeded information in the boarding pass, the extra room made it easy to present information in a clear manner. When working on that we also had this in mind, the boarding pass need to be bilingual which include both English and Japanese.

After the redesign, the new boarding pass is presented in a clean and simple layout, with both English and Japanese. All information can fit within 1 A4 page, making it easier for guests to print it out.

Web boarding pass
Web boarding pass in English for Flythru
Web boarding pass in Japanese for AirAsiaX flight
Web boarding pass for AirAsia ZEST flight
Web boarding pass for travel document verification

AirAsia Web Check-in redesign

Flight Interruption System re-skin