⇦ home next project: TEDxSFU'23 cinematic ⇨

Jay Kiew stage video

An introduction video for keynote speaker Jay Kiew, a change strategist with a specialization in navigating technological or environmental corporate shifts (like the introduction of AI tools) that affect teams at work.

roles

2D animation

motion graphics

storyboarding

software

figma

after effects

procreate

team

Chris Thomas

styleframes

Visual samples of shape language, composition, and effects throughout the video.

An online video call room. One hand presents a graph to other hands. A bright triangle interacting with three buttons on a purple background. A bright triangle in screen center cutting through a trail of glowing lines. Two bright triangles drawing lines across a blurred background. A hand putting the word 'technology' into a box and pressing a button. A bright triangle in the middle of a grid with many other triangles interlocking.

the disruptor

I created the 'disruptor' as a stylized delta symbol (representative of difference and change) to be a catalyst character that controlled the sequence's events. Through storyboarding, I experimented with different ways it could be present and impact the scenes.

Using a character to dictate events meant I could give 'change' a body instead of the video's events happening without an identifiable cause.

A bright triangle floating and bouncing across the screen

the hands

The hands were our way of representing humans and human decision. Instead of using vector animation, I chose a digitally-painted, frame-by-frame approach to illustrate human imperfection compared to the smoothness of the disruptor and video space. I kept the hands expressive in gesture and colour to match the bright tone.

In After Effects, we animated the hands on a different frame rate than the rest of the video to drive this further.

Hands drawn in many styles beside each other

The maze of ideas before this!

Six illustrated hands in different colours and poses

The final animations.

harmony

The disruptor urges the hands to adapt to digital collaboration, assistive technology, and a work culture that shifts beyond being in person together.

These animations allow us to express Kiew’s message to the audience before his keynotes begin: change is inevitable, but it will be okay.

The disuptor transforms into a paper airplane and turns the hands' physical space into a digital screen.

The disuptor assists a hand with the creation of data from inputs.

The disuptor forces the hands from their physical office into a digital meeting room.

storyboard snips

A triangle and wind lines A paper airplane with a wind trail Two hands pasting sticky notes onto a pillar with a paper airplane wrapping around it Sticky notes on a flat surface with multiple hand cursors dragging them A triangle squishing into a rectangle A few hand figures high fiving or doing a thumbs-up around a table. Three triangles pushing into a blob drawn around a graph A grid of triangles with one giant triangle in the middle. A grid of triangles with one giant triangle in the middle all interlocking

takeaways

This was the project where I finally figured out why people storyboard everything. Using the storyboard to plan the disruptor's effect on the hands and their surroundings helped reduce us pivoting late on our ideas. It (+ styleframes) also provided a base for Kiew to approve the plans before we spent precious time animating, and we ended up with only minor changes in the animation phase as a result of our long pre-process, which was refreshing!

back to top