2D COMMERCIAL
TIME- TIME- 100 - 2024 GALA

Role-
Lead motion Designer
2D shape motion Designer
Software-
After Effects

As the animation lead at Coed Studios, I contributed to the full motion graphics package for TIME’s 2024 Time100 Gala. This included the event opener, looping background visuals, animated photo walls, speaker lower-thirds, and motion transitions.
This project aimed to embody TIME’s editorial elegance while creating a dynamic, high-profile visual experience across screen environments. All animation was designed to scale across large projection displays and live broadcast elements.

COVER TRANSITION

FOOTAGE TRANSITION

BACKGROUND LOOPING

PHOTO WALL

STYLEFRAME DESIGN

Motion Design Concpet

Client Request - 1

For this TIME project, the client wanted to incorporate six different background colors—each representing a key figure
—into the visual presentation.
Our main challenge was to find a way to integrate these six colors into TIME’s iconic red-and-white branding, while ensuring a cohesive look both in design and motion.

Solution

To tackle this, I began with a red base and experimented by framing it with each of the six colors to test their visual balance.
Next, I analyzed the motion to see if any color combinations created clashes. If the transitions felt seamless, I knew the direction was working.

Wall Process

In the end, the director decided that combining TIME’s signature red with the six other colors looked too chaotic. So we chose to replace the "inner color" in the animation with the corresponding six colors instead, to create a more visually harmonious result.

This design involves multiple blocky shapes, so color harmony is especially important. That’s why we ultimately decided not to use TIME’s red as part of the palette.

This also reinforces the importance of having a test base when working on branding projects—only with proper testing can we deliver the most refined solution to the client. In our case, even after several iterations, we still felt that the red didn’t visually work well with the six-color dynamic combination.

Client Request - 2

This time, the client specifically requested not to use last year’s box elements to form the TIME logo. In response, the director proposed using the dimensional blind effect as the foundation for the key visual.

As a result, this year’s dynamic visual direction for TIME will be an extension based on the dimensional blind effect.

Opening Solution

The dimensional blind effect and its applications can be extended to both the opening animation and the looping background visuals for the exhibition.

The director referenced a Netflix animation as inspiration for how this effect could be applied. Let’s take a look at the initial animation draft to see how it’s coming together.

Opening Process

Client Feedback

Client like what you did a lot, but the only thing they worry about is that they can tell it looks a bit too close to Netflix, so Director was thinking maybe you can get rid of some of those thinner lines and let things be wider lines and re-introduce a bit of the drop shadow effect and hopefully those two aspects will make it a bit less ‘Netflix-y’.