I was tasked with developing a refreshed brand look-and-feel for an HTML5 animation system that could seamlessly extend into video assets as the brand repositioned itself around themes of environmental consciousness and mindful consumption. The challenge was to create a motion language that felt softer, more human, and more emotionally resonant — something that could evoke warmth and grounded comfort without drifting into nostalgia for nostalgia’s sake.

To establish this new direction, I drew inspiration from a classic piece of New York visual culture: the 1970s Times Square Chock Full O’Nuts billboard, famous for the soft plume of steam rising gently above the display. That subtle animated element — simple, atmospheric, and emotionally disarming — had an uncanny ability to evoke the sensory experience of warm coffee. I used that reference as the atmospheric backbone of the brand’s refreshed motion identity.

Working with imported steam footage and an alpha channel, I created a frame-by-frame flipbook-style steam animation that captured the quiet, meditative quality we needed. I paired that with a system of gentle tweens across the brand’s core assets, establishing a motion cadence that communicated ease, calmness, and sustainability — moments of micro-pause that allowed viewers to reset visually and emotionally. The animation became less about movement for movement’s sake and more about creating a sensory invitation into the brand.

The resulting campaign system scaled elegantly across formats — from 1:1 to 9:16, with adaptable 16:9 applications — allowing the motion language to function cohesively across social, digital, and video environments. The combination of soft atmospheric animation, thoughtful pacing, and a warm, environmentally aligned design sensibility resulted in a visual campaign that felt both contemporary and deeply rooted in emotional craft.