DIGITAL
ANIMATION

KEURIG/DR PEPPER

SOCIAL AND HTML5
BANNER ANIMATION

I was tasked with designing a brand look-and-feel for animation across HTML5 banners that could be cross-polinated to video assets as the brand was refreshing around environmental conscientiousness. I developed a softer brand interaction and feel by calling back to the Times Square Chock Full O’Nuts 70’s billboard that had steam rising from an environmental graphic billboard, which was successful in stimulating the desire for the comfort of warm coffee. Importing video of steam with an alpha channel, I created a frame-by-frame flipbook steam animation to coincide with the overall gentle tween of assets for the brand, engaging those moments of pause, focus and mental reset on the brand through a gentle set of tweens. A winning visual campaign was created from 1:1 to 9:16 with scaling to 16:9 application.

INSTAGRAM STORIES: 1:1

INSTAGRAM STORIES: 9:16