Using time & motion to teach design principles to Generation Z

ABOUT: Using AfterEffects, I was tasked with explaining a design principle or method through the creation of a 3-minute video. I chose to talk about visibility in design. Throughout my professional experiences, I've learned the importance of showing the right information, at the right time, to the right people. Similarly, in design, knowing when to show or hide visual cues (like colors, buttons, arrows & information) is essential to guiding a user through a pleasurable experience. As I started concepting this idea, I decided I wanted to create a video that did two things: 1. told a story and 2. simplified the concept to the degree that it could be understood by teens and young adults, gen z'ers. 

PROJECT TYPE: Animation | AfterEffects | Video  

ROLES: Video animator & editor 


THE RESULT: Visibility Video


01 IDEATING: How do I visually tell the story? 

I started this project by doing two things in tandem: writing a script and ideating on visuals. I knew I wanted to create characters to help tell the story and also keep it simple so that it could be understood by teens and young adults. I started to think what people, places and things represent visibility. I wrote down a page of ideas like glasses, eyes, light, screens, ect. and eventually landed on owls. The first iteration of my story was around the relationship between an owl and a mouse. As I began creating visuals for the story, I started to realize that the visual language I was developing actually narrowed my audience too much. Although I wanted to reach gen z'ers, I didn't want to create a "kid's video". With that in mind, I started to look for Youtube & Vimeo videos and ads that I liked and was immediately drawn to the fun and simple look of videos created by Slack  and Zendesk

 

02 STORYTELLING: What do I want people to know about visibility?

In tandem, I was developing a script that very broadly introduced visibility – and also provided three specific examples of how you might think about visibility in design. Although my visuals changed mid-way through my script writing, the core content of the script did not change heavily.  I used a variety of examples in the script so that both young and older audiences could understand how to think about visibility in the real world. 

 

03 STORYBOARDING: Crafting the motions for each scene

I ended up developing two storyboards, one early on for the owl script and one for my shapes script. Below is the first iteration of the storyboard that I used for my final video. 

 

04 CREATING: AfterEffects bonanza! 

I spent the next 2 1/2 weeks in AfterEffects, both learning the software for the first time and creating my story on visibility. During this time, I learned how to use AfterEffects efficiently, develop visual animations, as well as video and sound editing.  

Screen Shot 2018-01-07 at 12.35.49 PM.png