Skip to page content and links

Work

World of Haiku: Comic-Con Landing Page Loop

A 10-second looping animation of World of Haiku's cyberpunk key art for its San Diego Comic-Con landing page: I rigged the layered illustration and added hair and arm movement, pulsing lights and particles.

World of Haiku / Comic-Con landing page / 2021

A still illustration, rigged to loop.

My role: 2D rigging and character animation

Delivered: A 10-second 1920×1080 looping video for the website landing page, with ProRes masters

Tools: After Effects

The brief

World of Haiku is a gamified cybersecurity training game set in a dystopian cyberpunk world. For its San Diego Comic-Con special edition, the team wanted their layered 2D key art rigged and animated, with subtle hair and arm movement, pulsing lights and particles, and turned into a looping video for the website landing page.

The build

Before animating, I walked the illustrator through how the artwork should be split into layers so it could be rigged, then adjusted the characters' proportions, positions and layer hierarchy for the rig. I pre-rendered the main character, the head and a body glow separately on November 6 and 7, assembled the full scene by November 11, and refined it through November 16.

The constraint

The loop had to be live before Comic-Con, and the brief set a November 19 deadline. The final scene render was ready on November 16.

The delivered experience

The 10-second loop ran on the company's website landing page, and it is also on Vimeo as "Welcome to the World of Haiku".

Client feedback

> Ilya is an incredibly knowledgeable, professional, and timely animator. He was kind enough to educate me on how my illustration should be broken up to prepare it for animation. He was able to produce a beautiful piece for our company's website landing page. He is also extremely responsive and if you have questions he will be there to answer them. Highly recommend his work!

— Jazmine, World of Haiku

Project media

World of Haiku Comic-Con loop

Final 10-second landing-page loop, 1920×1080 (8.7 MB). Also on Vimeo: https://vimeo.com/648810888/a0ec81553a

Have a project in mind?

Explore motion design and interactive animation services, or get in touch about your project.