Marly Creative Concepts

Father's Day — HTML5 Animated Ads

Client: Tumblerware
Platform: Google Display Network
Ad sets:  ·  Sizes:  ·  Units:
V1
SEASONAL
Review by:
Production Notes

TIP All ads animate live in this page. Use the ↻ Replay button on each unit to re-trigger, or Replay All to reset the full set simultaneously.

Set 1 — Father's Day

Father's Day Gift Guide

Headline: Gift Sharp. Subhead: The knife sharpener dads actually want.
CTA: SHOP NOW Button: Filled orange Network: Google Display Network

728 × 90 Leaderboard
300 × 250 Medium Rectangle
160 × 600 Wide Skyscraper

Delivery Notes

File references, weights, and trafficking notes for each unit.

Unit Dimensions File File Size Click Tag Animation
Leaderboard 728 × 90 px 728x90.html 5.7 KB raw / 1.6 KB gzip %%CLICK_URL_ESC%% 4-frame opacity crossfade — discount badge / product image / name / pricing per frame. Endframe spreads all four products. Runs two full cycles then holds on endframe.
Medium Rectangle 300 × 250 px 300x250.html 6.4 KB raw / 2.0 KB gzip %%CLICK_URL_ESC%% 4-frame horizontal carousel — featured product at full opacity, others dimmed, detail zone crossfades in sync. Endframe reveals all products and Shop Now button. Runs two full cycles then holds on endframe.
Wide Skyscraper 160 × 600 px 160x600.html 8.4 KB raw / 2.3 KB gzip %%CLICK_URL_ESC%% 4-frame slide-from-right sequence — offer badge / product image / pricing / detail line per frame. Endframe stacks three product images with sale headline. Runs two full cycles then holds on endframe.

Click tags: %%CLICK_URL_ESC%% is the standard GDN macro. Replace with your trafficking platform's click URL macro before uploading to your ad server.

Animation: All units run two full cycles through all four frames, then hold on the sale endframe. No looping after hold. Replay via the button above or by refreshing the iframe.

Weight: All units well under 150 KB initial load. No external requests at runtime.