Animácia HTML5 bannerov pre kampaň Dacia / Renault

Zhrnutie

Pre AutoSwam (kampaň “servis Dacia / Renault”) sme pripravili sadu animovaných HTML5 bannerov pre Google Display kampane. Cieľom bolo vytvoriť výraznú, technicky bezchybnú a ľahko škálovateľnú online marketingovú kreatívu, ktorá vytvorí reach a remarketing. Doplní tak OOH offline formáty a zachová prémiový vizuálny štýl značky.

Kreatíva nadväzuje na stratégiu opísanú v referencii:

Komunikačný koncept kampane AutoSwam – Dacia & Renault servis.

Ciele

– Zdôrazniť hodnotu autorizovaného servisu (istota, kvalita, záruka).
– Zabezpečiť rýchle načítanie a kompatibilitu v GDN vrátane AMP formátov.
– Zachovať jednotný grafický dizajn naprieč rozmermi a plochami.

Riešenie

Grafický dizajn & animácie pre viaceré formáty (300×600, 300×1050, 580×400, 930×180, 970×250, 970×90, 468×60).
Animácia v HTML5 s plynulými prechodmi, jemným parallax efektom a výrazným CTA.
AMPHTML varianty pre vybrané formáty s dôrazom na výkon a distribúciu v sieťach podporujúcich AMP.
– Optimalizácia veľkosti súborov (kompresia, sprite sheet, lazy loading) pre nízku latenciu.

Použité technológie

HTML5 + CSS + vanilla JS (bez ťažkých knižníc).
AMPHTML build pre vybrané rozmerové sety.
– Export kompatibilný s Google Display & Video 360 / Google Ads.
– Validácia cez AMP validator, kontrola rozmerov a klik zón.

Benefity pre klienta

Vyššia viditeľnosť vďaka čistému vizuálu a čitateľnému posolstvu.
Rýchlosť a skóre kvality – malé balíčky, rýchle renderovanie.
Konzistentná identita naprieč formátmi a zariadeniami.
Jednoduchá údržba – rýchla výmena textov, vizuálov a odkazov (aktuálne smerujú na autoswam.sk).

Dodané výstupy

– Kompletná sada bannerov v rozmeroch pre GDN.
– AMPHTML verzie vybraných formátov.

Ukážky výstupov

Zdieľať referenciu
Páči sa Vám naša práca! Zdieľajte a ukážte ju Vašim priateľom.
Facebook
LinkedIn

Pozrite si najnovšie práce