design

Visual Language 3 - Airline Ticket + Expressive Words

Airline Ticket

The first thing I decided when looking at the base elements of a boarding pass, was that I am going to make the pass vertical. Whenever I fly my boarding pass is positioned up.

I always keep my boarding pass in my passport, and my passport is in my breast pocket of my shirt. There have been countless times where I have had to turn my head to an odd angle just to read this dumb piece of paper.

This was my first time using Sketch, and found the program to have several different issues. I first had a strange issue where I was unable to rotate any of the elements. I was halfway through turning each of the elements into vectors when I gave up and made it my mission to figure out how to rotate these damn elements properly.

I figured out if I selected an element twice it let me rotate them, and while this may not be the correct way of doing, I ran with it.

I started with building out the larger, lower portion of the pass first. I tried to follow the same general hierarchy of the existing ticket design. I created two main columns to display the main information that was relevant:

  • Name

  • Flight Number

  • The Date

  • Origin

  • Destination

  • Departure Time

  • Boarding Time

Then the other nonsensical/useless information I put in a similar order as what was already designed on the existing ticket.

Moving to the upper, smaller portion, I made the seat the most prevalent piece of information, as this smaller ticket is what you have once you’ve finished boarding and are looking for your seat.

Over all I am very happy with my design, and very much wish that airlines would follow my lead on making their boarding passes vertical. I realize now as I am documenting that I did not account for the font but I am too deep into this to change it, and honestly I like it as it is now.

Expressive Words

For the expressive words assignment, I started with working with words that I could visualize easily.

Sitting in from of my computer and most likely hungry, ramen was the first thing that came to mind. I looked for a noodley font that would best fit and found KA Pasta Aldente. Originally, the font had a bowl of noodles directly below each letter. I imported the font into Illustrator and edited each letter in the word “ramen” to closily smoothly. I then found a ramen bowl on Noun Project. Looking at the bowl now though, I do see that I should add at least an egg on top.

ramen.gif

Sitting in from of my computer and most likely hungry, ramen was the first thing that came to mind. I looked for a noodley font that would best fit and found KA Pasta Aldente. Originally, the font had a bowl of noodles directly below each letter. I imported the font into Illustrator and edited each letter in the word “ramen” to closily smoothly. I then found a ramen bowl on Noun Project. Looking at the bowl now though, I do see that I should add at least an egg on top

.

“Snooze” came about late at night on the floor. I was exhausted from being here to long and all I wanted to do was go to sleep. I had just finished making the ramen gif and thought, “what is a strong way of visualizing that word?'“ Sheeps popped into my head and voila. The font is Bradley Hand Bold, which is inside illustrator.

The final word I used was “tool.” While working simultaneously on all of my projects like all other ITP students, I was working on a lab for Physical Computing I looked over at my toolbox and the synapses in my brain flashed. I got each of the icons from the Noun Project.

tool.png
My preferred version of snooze.

My preferred version of snooze.