Případ: jak jsme vytvořili vstupní stránku pro Zenit a omylem jsme přišli s novým formátem

Dobrý den! Jmenuji se Nikolay Romanov, jsem ředitelem agentury Infographics. Analyzujeme a zpracováváme informace, aby byly jednoduché a srozumitelné, a nastavujeme správné akcenty prostřednictvím designu. Dnes vám povím, jak jsme pracovali na projektu věnovaném 35. výročí prvního vítězství FC Zenit.

< b> Stručné podklady : Zenit je kultovní fotbalový klub. V Petrohradě mu fandily celé generace. Ale jen málokdo ví, zejména mezi mladými fanoušky, jak se „modro-bílo-modří“ poprvé stali mistry. Je to skvělý a inspirativní příběh, o který se vedení klubu chtělo podělit s širším publikem.

Výzva : Je zajímavé vyprávět o prvním vítězství Zenitu na šampionátu 1984 fanouškům klubu a všem, kteří se zajímají o fotbal.

Řešení : Vytvářejte příběhy. Klientovi se tento přístup okamžitě líbil.

Storylanding je vstupní stránka, která uživatele vtáhne do příběhu a umožní mu s ním komunikovat. Slovo jsme si vymysleli sami, ale částečně jsme sledovali formát a promysleli si ho po svém. Pro nás jsou hlavními hodnotami příběhu interaktivní spiknutí a snadná interakce s informacemi.

Jiná studia nazývají tyto projekty interaktivními stránkami. Věříme, že storylanding je samostatná oblast, která má obrovský marketingový potenciál. Toto je ideální formát, když potřebujete krásný obrazový projekt, nejen prodej. Storylanding zároveň obsahuje více užitečných informací než video a evokuje více emocí než statický text s obrázky.

Skript

Měli jsme k dispozici internet a materiály od klienta. Bylo nutné shromáždit a zpracovat data o 34 odehraných zápasech a poté zvýraznit hlavní věc – co půjde do scénáře. Prohledali jsme archivy, četli rozhovory s bývalými hráči, hledali jsme očité svědky na fórech fanoušků.

Příběh se ukázal být velmi filmový, jako například Legenda č. 17 nebo Pohyb nahoru.

Zároveň jsem nemusel nic vymýšlet: skutečné události zlaté sezóny vypadaly jako zápletka pro sportovní drama. Fanoušci vložili do týmu velké naděje, které se na začátku nenaplnily – Zenit obsadil pouze 10. místo. Pak začala „horská dráha“: vzestup pořadí – ztráty v šampionátu – nečekaná série vítězství. A nakonec legendární zápas proti Dynamu Tbilisi, kde se o osudu zlatých medailí rozhodovalo za posledních 10 minut.

Storyboard

Obvykle se pro vstupní stránky používá obvyklé blokové schéma, ale pro vyprávění příběhů bylo rozhodnuto vytvořit scénář – sled snímků, stejně jako pro animaci. V této fázi jsme vizualizovali a dokončili textový skript, který promyslel každou scénu.

Výsledky scénáře se zobrazily klientům, aby pochopili, kterým směrem se projekt ubírá.

< p> Takto například jedna a stejná scéna v různých fázích.

Hrubý scénář:

Náčrt aplikace Illustrator:

Vykreslený snímek, který se zobrazil klientovi a vstoupil do projektu:

Ilustrace

Současně s storyboard, bylo provedeno vyhledávání stylistiky. Nejprve jsme vyzkoušeli přísný grafický design, jako v knize značek Zenit, ale uvědomili jsme si, že to tak není. Ale estetika sovětské trubice šla správně.

Abychom vytvořili atmosféru sovětské reality 80. let, věnovali jsme zvláštní pozornost detailům. Poté na mě série „Černobyl“ velmi zapůsobila a obdivovala jsem, jak přesně dokázali ukázat každodenní život, ale bez pocitu zaprášeného muzea. Chtěl jsem udělat totéž.

Zde je příklad toho, jak se ilustrátoři inspirovali sovětskou fotografií.

Foto:

Ilustrace:

Naše zápasy jsou vysílány v rádiu a v televizi „Rainbow“, fanoušci nosí kohoutky, kníry a módní účesy „Shaggy“.

Aby se čtenář cítil na scéně, přidali jsme archivovaná videa a překreslili proužky skutečných novin té doby.

Animace

Od samého začátku jsme věděli, že chceme něco nestandardního, ale s jednoduchou mechanikou. Zastavili jsme na svitku – čtečka „posouvá“ snímky, není třeba nikde klikat.

Abychom vytvořili krásné přechody, upustili jsme od svislého posouvání. Ukázalo se, že mezi bloky existuje animace, ale samotný blok se neposouvá. Přechody mezi záběry se ukázaly jako velmi filmové – pro animátora to byla režijní práce ve statickém formátu. Neobvyklá zkušenost.

Programování

Vzhledem k tomu, že jsme zvolili nestandardní mechaniku webů, dostali jsme spoustu chyb. Záležitost byla komplikována skutečností, že podmínky projektu byly omezené a bylo nutné spěchat.

Nejzávažnější chyba se objevila na konci, když byla animace testována – svitek přestal fungovat. Musel jsem oddělit mobilní a desktopovou verzi. Desktop jsme klientům dodali včas a mobil byl po dokončení projektu hotový.

Výsledky

Navzdory problémům na samém konci se domnívám, že projekt byl úspěch. Dostali jsme to nejdůležitější – krásný celý příběh. Vzali jsme nový neobvyklý formát, modernizovali jsme ho a vytvořili něco zcela jedinečného.

Celý projekt si můžete prohlédnout zde: http://1984.infografika.agency/

Rád bych měl v komentářích dotazy a odhady.

Máte zájem o podobný design?

Další práce

Objednávka designu

Naše portfolio obsahuje stovky projektů: interiérový design, webové stránky, reklamní kampaně, loga, corporate identity. Každý úkol řešíme smysluplně, elegantně a krásně.

Abychom mohli začít, musíme si promluvit. Stačí něco říct o vašem projektu, nechat kontakty a my Vás budeme kontaktovat, abychom vše probrali.