HTML5 Animated Banner

Kinetic type in four sizes, delivered twice over — all eight playing on this page.
The briefGoogle Cloud needed display driving report downloads — a run of AI messages from “See our predictions” to “Deliver exceptional customer experiences with Google AI” — in the brand's clean, type-forward style.
The buildFour Adobe Animate canvas builds — 970x250, 728x90, 300x600 and 300x250 — each cycling several messages against its own abstract hero render, and delivered in two versions.

Google Cloud

Animated display set for Google Cloud. Each headline assembles letter by letter and clears for the next, while an abstract 3D form settles into the corner and a “Download the report” pill holds through the run.
  • Letter-By-Letter Kinetic Type
    Every character is its own object on the timeline — the copy assembles rather than fades, and re-sets for the next line.
  • Four Sizes, Two Versions
    970x250, 728x90, 300x600 and 300x250, each delivered twice with its own hero render — eight units off one animation model.
  • Adobe Animate Canvas Build
    Timeline-authored and exported to canvas via CreateJS, with the runtime served from the 2mdn CDN.
  • Restraint At Small Sizes
    The 728x90 and 300x250 carry the same type treatment as the billboard without dropping the CTA pill.
  • Platform Ready
    ad.size meta on every size and a clickTag left exposed for the ad server to populate at trafficking.

300x250 Animated Banner

  • Description: Report-download campaign for Google Cloud — one kinetic-type animation model, authored across four sizes and two art cuts.
  • Tools used:
    Tools used

Every size, live — not screenshots

970 × 250
728 × 90
300 × 600

Second version — same build, different hero

970 × 250
728 × 90
300 × 600
300 × 250