HTML5 bannery – proč a jak na ně

lh094800 — Mon, 10 Aug 2015 20:06:39 +0000

Vzhledem k tomu, že Flash je obecně na ústupu (zajímavý článek na toto téma třeba zde), přechází mnoho výrobců bannerů na tvorbu bannerů v HTML5.
Přejít na novou technologii není vždy jednoduché, takže zde pár důvodů, které by vás mohly zaujmout a pomoci vám s přechodem.

Co HTML5 umí

Pěkný výčet toho co umí HTML5 je zde. Níže se omezíme jen na věci, které se běžně (či nejčastěji) používají v bannerech.

1) Dynamika v bannerech

HTML5 umí poskládat grafiku a text a udělat pěkné animace stejně jako to umí animovaný gif nebo flash. Viz příklady níže.

2) Interakce v bannerech

HTML5 umí i reagovat na konkrétní akce uživatele. Tedy například listovat produkty v bannerech nebo vyplňovat formulář.
Příklady…

Nabídka v kolotoči, neboli také karusel

Interaktivní nabídka přímo v banneru

Kreativa reagující na scrollování stránky

3) Expandující formáty

HTML5 je ideální pro expandující formáty kreativ:

Expandující spodní banner

Expandující banner v hlavičce

ale pozor, v open RTB v českém prostředí zatím neuspějete a budete se muset dohodnout s konkrétními servery na publikaci.

4) Video v bannerech

HTML5 si poradí i s videem v bannerech a to zajímavou cestou – viz ukázky:

Video banner v hlavičce

Video banner v půlce stránky – scrollujte

Další zajímavé ukázky HTML5 kreativ najdete třeba u AdFormu.

Jak jednoduše HTML banner vyrobit

Existuje hned několik online nástrojů, kde zdarma nebo za mírný poplatek máte k dispozici online nástroj na tvorbu bannerů včetně předpřipravených šablon. Výroba není náročná a zvládne ji každý zkušený uživatel počítače.

Doporučuji například:

http://www.bannerflow.com/features/all/templates
http://resources.goanimate.com/marketing/6-best-free-banner-maker-creator-software
http://html5maker.com/
http://vbb.adform.com/

Příspěvek HTML5 bannery – proč a jak na ně pochází z ProgSol

Case Study: NIKE Phenomenal Shot

lh094800 — Wed, 10 Jun 2015 07:54:16 +0000

Přinášíme popis jedné světové kampaně, která se pravděpodobně zapíše do učebnic marketingu. NIKE se spojil s Googlem a vytvořili kampaň demonstrující, jak je možné využít nové technologie a přenést na diváky silný zážitek spojený se značkou NIKE, který jen tak nevyprchá.

Akce se konala v roce 2014 při fotbalovém World Cap. Idea je jednoduchá: v momentě, kdy nastane nějaká zajímavá událost na hřišti, je vytvořen pro tuto událost animovaný spot a ihned distribuován na reklamní plochy. Zároveň je uživatelům dána možnost vytvářet vlastní “scény” zachycující zajímavé okamžiky zápasu a ty sdílet na svých profilech sociálních sítích. Tedy ideální forma jak zapojit diváky zápasu přímo do děje a nechat je vytvořit vlastní tématický obsah, kterým osloví své známé.

Konkrétní příklad? Hráč Brazílie s číslem 10 vstřelí v zápase gól. Okamžitě je distrubuovaná animace s tímto hráčem a je jeho vítězným gestem a na několik desítek vteřin zaplaví internet. Lidé, kteří se dostanou na landing page tvoří další modifikované obrázky a publikují je na svých sociálních sítích. Výsledek: lavinový efekt.

NIKE si s aplikaci na tvorbu uživatelského obsahu skutečně vyhrál a je to něco jedinečného. Nedávno jsem dával příklad technologie TVTY, která umožňuje synchronizaci online kampaní s akcemi v reálném světě a je dostupná v ČR pro AdForm, AdWords či facebook. Tedy minimálně tato část zmíněné kampaně NIKE je relativně dostupná a připravená pro vaše kreativní nápady.

Zdroje:

http://riskeverything.nike.com/

https://www.google.com.au/think/campaigns/nike-phenomenal-shot.html

Příspěvek Case Study: NIKE Phenomenal Shot pochází z ProgSol

ProgSol » case study