HTML5 Animated Banner

A creator-led retail campaign — all five sizes playing on this page.
The briefMicrosoft needed retail display for the Surface Pro 8, built on the “Original by design” platform and fronted by real makers — this cut features furniture designer and object creator Zachary Hanna — driving to JB Hi-Fi.
The buildFive GSAP builds — 970x250, 728x90, 300x600, 300x250 and 320x50 — re-timing the same beat sheet, and re-versioned again across four different creators.

Microsoft

Animated display set for the Microsoft Surface Pro 8. The creator's title cross-fades into the product benefit, the “Original by design” line resolves, and the set closes on an “Own it” button with the JB Hi-Fi retail tag.
  • Creator-Led Sequence
    Maker profile, then “Power through your projects with long battery life”, then Surface Pro 8 and the retail close.
  • Five-Size Set
    970x250 billboard, 728x90 leaderboard, 300x600 half page, 300x250 MPU and a 320x50 mobile banner.
  • One Of Four Creator Cuts
    The same five-size build re-versioned across four featured makers — twenty units from one animation model.
  • Legal Line Carried
    The asterisked battery-life claim and its legal panel are held in every size, including the 320x50.
  • Platform Ready
    ad.size meta and a clickTag on every size; GSAP served from the 2mdn CDN so it stays out of the initial payload.

300x250 Animated Banner

  • Description: Surface Pro 8 retail campaign for Microsoft — one creator-led animation model, authored across five sizes and four talent cuts.
  • Tools used:
    Tools used

Every size, live — not screenshots

970 × 250
728 × 90
320 × 50
300 × 600