web boarding pass

Web boarding pass redesign

Photo of Web boarding pass redesign project

AirAsia decided to give a makeover to its web boarding pass to improve user experience. During my tenure in AirAsia, I have worked in collaboration with the stakeholders and development teams on various in-house products and this was one of the most interesting projects I’ve worked on.




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.


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, there is only one sheet of paper needed per passenger. Below is some of the web boarding pass samples.

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