Security Instruction

Security instruction for Skydeck at Willis Tower consists of two screens, Prohibited Items, and Screening Process. This exhibit aims at using fun and intuitive animation in a style that best represents Chicago to give the visitors a warm and welcoming feeling and, at the same time, instruct them to follow security checking procedures.

Role: Style Frames, Storyboarding, Illustrator, Character Design
Tools: Adobe Ai
Deliverable: 2 Animated Loop Videos
Duration: 3 months

MAY.2020 - AUG.2020

 
Graphics Hierarchy-02.png

Screen 1: Screen Process

Screen Process uses color hints and fun characters to showcase the security checking process.

 
 

1.1 Storyboards

The key was to make sure that the style facilitates modularity of the content and also presents information simultaneously without being overwhelming.

Storyboard2-09.png

Main characters:
/ A Man in coat with a luggage
/ A teenager with a backpack and an umbrella (originally skateboard)
/ A lady in heels and belt and with a handbag
/ A young man in a wheelchair
/ An elderly with a crutch and camera
/ The security staff with a hand wand.

Screen Shot 2021-04-20 at 4.01.30 PM.png

1.2 Initial Style Test

To find the best style that works for the Willis Tower, I’ve explored multiple graphic styles in the early stage and analyzed each styles’ pros and cons.

Asset 2.png
Asset 7.png
Asset 9 (1).png
Asset 30.png
Asset 19.png
Asset 17.png
Asset 18.png
Asset 15.png
Asset 9.png
Asset 3.png
Asset GREEN.png
Asset 2.png
Asset 4.png
Asset 19.png
Asset 7.png
Screen Shot 2021-02-09 at 11.36.24 PM.png
Animation-12.png
Animation-26.png
Animation-16.png

1.3 Style Frames

Considering Chicago is a city covered with graffiti arts, I’ve added graffiti elements, i.e., brush strokes, spray noise, shadows, etc., into the graphic style, which better represents the Chicago aspect of Willis Tower.

 
Screen Shot 2021-02-09 at 11.28.51 PM.png

*Color tricks:
1. RED items goes on the belt
2. GREEN items pass straight through

Screen Process-14.png
Screen Process-18.png
Screen Process-14.png
Screen Process-02.png
Screen Process-09.png
Screen Process-18.png
Screen Process-19.png
Screen Process-21.png
Screen Process-22.png
Screen Process-26.png
Screen Process-28.png

1.4 Takeaway

To see whether the film demonstrates the security check process clearly, we’ve run screen tests on 21 people, and below are the results.

 
Screenshot 2021-01-27 at 15.21.14.png
Screenshot 2021-01-27 at 15.21.47.png
Screenshot 2021-01-27 at 15.41.23.png
Screen Shot 2021-02-09 at 11.27.04 PM.png
Screen Shot 2021-02-09 at 11.26.55 PM.png

Screen 2: Prohibited Items

Prohibited Items uses friendly-looking and intuitive icons to demonstrate items that are prohibited inside the observatory.

 

2.1 Storyboards

 


Prohibited Items:
1. Firearms
2. Alcohols
3. Drugs
4. Knifes
5. Fireworks
6. Stroller (should be folded up and stored in the storage room)
7. Pepper spray
8. Tripod (allow unextended one only)

Screen Shot 2021-04-20 at 4.22.11 PM.png

2.2 Style Test

Some 2D graphics style that I explored in the early stages (same as the Screen Process).

2.3 Style Frames

Adding graffiti elements