Netflix

Tvorba kreativních HTML5 bannerů, které kombinovaly nápadité efekty s přísným limitem do 500 kB.
Ostatní
Programování
Druhá řada Squid Game, nejúspěšnější seriál Netflixu všech dob, která se stala globálním fenoménem a překonala rekordy v počtu zhlédnutí.
televizor s ovladačem před ním
stripe

Důvod

Pro druhou řadu kultovního seriálu Squid Game potřeboval Netflix oslovit české publikum poutavou kampaní, která by navázala na globální úspěch první série. Celou marketingovou strategii zastřešoval náš dlouhodobý partner Konektor, který nás oslovil jako technologického specialistu. Naším úkolem bylo vytvořit interaktivní HTML5 bannery pro největší české mediální platformy včetně Seznam.cz, Blesku, Reflexu nebo Aha!. Spojili jsme síly s grafiky z Konektoru, abychom přenesli temně hravou atmosféru seriálu do digitální podoby – a zároveň splnili přísné technické požadavky médií.

Snímek obrazovky televizního pořadu
stripe

Výzva

Čekala nás tvorba 4 unikátních bannerů, které postupně gradovaly v kreativní i technické náročnosti. Hlavním omezením byl limit 500 kB na jeden banner – což je pro animace, interaktivní prvky a kvalitní grafiku doslova „boj o každý kilobajt“. Nejnáročnější byl banner simulující rozbalování dárku: při kliknutí myší měl uživatel doslova „odtrhnout“ obal a odhalit obsah. Jak ale vytvořit plynulou animaci trhání papíru, aniž bychom překročili datový limit? A jak do bannerů zakomponovat výbuchy nebo glitch efekty, aniž bychom překročili omezujících 500 kB?

Snímek obrazovky webové stránky
stripe

Řešení

Před samotnou tvorbou jsme každý banner důkladně rozebrali do nejmenších částí:

  • Optimalizace v předprodukční fázi: Grafické prvky (textury, ikony, efekty) jsme navrhli jako opakovatelné „stavebnice“, abychom minimalizovali redundanci. Například růžové pozadí s ikonami tvoří malý opakující se blok, nebo animace oka imitujícího "Velkého bratra" je poskládána pouze z 6 opakujících se snímků.
  • Chytrá komprese: Abychom maximalizovali úsporu dat, zvolili jsme inovativní přístup: všechny grafické prvky banneru jsme sloučili do jediného souboru, na který jsme následně aplikovali globální kompresi. Tento postup nejenže snížil celkovou velikost banneru, ale také zajistil, že každý pixel a každý efekt byly optimalizovány v kontextu celého designu, nikoli izolovaně. Výsledkem byla dokonalá rovnováha mezi kvalitou a rychlostí načítání.
Snímek obrazovky webové stránky
stripe

Výsledek

Vznikly 4 bannery, které spojily technickou preciznost s tvůrčí divokostí:

  • První banner byl nejčistší a datově nejúspornější. Nad bludištěm herního pole Squid Game se pouze uvedly základní informace s lehkou animací.
  • Druhý banner obsahoval interaktivní prvky, kdy si návštěvník mohl svůj Squid Game rozbalit jako vánoční dárek. Při kliknutí se mu postupně balící papír odtrhával, aby se zobrazila celá grafika. Po celý čas jej samozřejmě sledovalo oko, protože u Squid Game se monitoruje každý váš pohyb.
  • Třetí banner je probuzení samotného pekla. Z počátku nevinného banneru se vyklube obří plamenný vybuch, který přetransformuje podobu celého banneru a návštěvníka zaujme hned několika dalšími prvky a ukázkami ze seriálu.
  • Poslední, čtvrtý banner, se pomocí glitch efektů přetransformuje ze své ikonické růžové podoby do černé.

Zde vidíme důkaz, že i pod tlakem technických limitů lze vytvořit výjimečné, graficky bohaté kampaně.

Ačkoliv jsou výsledky kampaně přísně tajné, můžeme prozradit, že Netflix byl se spoluprací spokojen. Konektoru děkujeme za dlouholetou důvěru a těšíme se na další netradiční projekty, které posouvají hranice digitálního marketingu.

Snímek obrazovky televizního pořadu
Klienti z našeho portfolia
stripe

Věří nám

Kontakt

Teď už nám jen napište

Bylo dost scrollování, nyní je načase se nám ozvat a ověřit si, že jsem ti praví právě pro váš projekt!