Toyota - CHR Display

GSAP Animation Performance Optimisation Rich Media Automotive
Toyota - CHR Display
Toyota - CHR Display
300x600 Banner
300x600 Banner

Project Overview

Greensock Photoshop PNG Sequencing

For the launch of the Toyota C-HR, I created a set of 8 display banners built with GreenSock and PNG animation sequences. These were designed to reflect the high-energy TVC campaign, and I worked closely with the brand and creative teams to ensure design and motion alignment.

Each banner was optimised for performance, carefully balancing visual quality and animation fidelity while remaining under 150KB file size limits. Special attention was paid to mobile formats, including interstitial banners where video elements were synced precisely with GSAP timelines.

The result was a suite of smooth, on-brand, rich media assets that maintained fidelity across devices and mirrored Toyota's TVC creative.

My Role & Contributions

  • Motion Banner Developer

    Built 8 high-performance animated banners using GreenSock and PNG sequences, balancing motion smoothness with strict file size constraints.

  • Creative Alignment Lead

    Worked closely with the digital and ATL creative teams to ensure all display assets visually matched the core TVC campaign.