Redesigning a boarding pass

Objective: To redesign a boarding pass from Delta.

The first thing I noticed about this design was how convoluted it was. The text is very clustered and hard to read. The gate information is almost hidden as it blends in with the monotony of the rest of the text despite being one of the most important pieces of information that a passenger needs to know. I also was uncomfortable with the amount of repetitive information that is included on both sides of the boarding pass. I knew immediately that I wanted to incorporate color and icons as part of the redesign to enhance user readability. Using Adobe Photoshop, I created the design below.

My new design encompasses the colors of DELTA Airlines: red, blue, and white. I tried to imitate the aesthetic on DELTA’s website (image below) which encompasses san serf typefaces and sharp, crisp lines. The font shown in this screenshot of their website is Today SB Light by Scangraphic Digital Type Collection. Since this font is not free to download, I settled for a similar typeface called Myriad Pro that is freely available within Adobe Photoshop. All of the text in my design is written in this typeface. I altered the weight and size of the text to add variability to the design.

Images can convey messages with more clarity than words and quickly capture the attention of readers. With the exception of DELTA and SKYTEAM logos, I used 4 icons from The Noun Project.

I placed the information that I believe is most important to a passenger within a red box. This information includes boarding time, gate number, and the passenger’s seat on the plane.

One of the biggest difficulties I faced while doing this project is determining what would be the best placement for the text “*SUBJECT TO CHANGE*. I wanted it to be subtle, yet readable. I debated whether I should place it horizontally or vertically around the red box, but ultimately went with the text organized horizontally below the box.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s