3D postava - Zrzek

Vytvořil jsem animovaný, svěží a zábavný web pro Počítačovku.

UX se špetkou komedie

Počítačovka mě požádala, abych ji představil v tom pravém světle. Tedy jako svěží a moderní společnost provozovanou mladými lidmi, se kterými rozhodně není nuda. A kteří díky své kreativitě dokážou i to nejneuvěřitelnější zadání dotáhnout do úspěšného konce. Zároveň hledali způsob, jak vystoupit z šedého davu IT firem.

Mobilní zobrazení stránky IT služeb

Nejprve jsem do detailu prozkoumal strukturu starého webu a data z Google Analytics. Na jejich základě jsem vymyslel efektivní změny ve struktuře webu a nápady pro zjednodušení. Mým cílem byla co největší přehlednost při zachování všech podstatných informací. Spojil jsme se s copywriterkou Šárkou Petruželovou, která nám pomohla pro web zpracovat obsahovou část.

Od začátku jsem měl jasno. Věděl jsem, že chci web oživit zábavnými IT postavičkami, které budou vytvářet hlavní vizuální a komické charaktery, na nichž bude postaven celý příběh. Klient si nápad doslova zamiloval a nechal mi volnou ruku. První nápady jsem naskicoval klasicky na papír, poté jsem je převedl do Marvelu a vytvořil jsem interaktivní prototyp nového UX designu. Po několika testech a konzultacích s klientem jsem byl připraven vytvořit finální návrh a začít s kódováním.

Každá stránka s nabídkou konkrétní služby začíná krátkou 3D animací. Následována je 3D ilustracemi, které obrazově doprovází jednotlivá sdělení v odstavcích.

Kontaktní formulář

Těm, kdo odešlou kontaktní formulář, jsem chtěl připravit malé nečekané překvapení jako odměnu. Po prvotním návrhu klasické „nudné“ verze jsem se rozhodl i sem vnést lehký komediální prvek a vrátil jsem se k „rýsovacímu prknu“. Inspirován koncem filmu Dr. Strangelove jsem vymyslel mnohem zábavnější způsob odesílání formuláře.

Malé překvapení po odeslání kontaktního formuláře

Ať je to stylové!

Štěstí pro mě. Můj klient měl stejný postoj jako já! Namísto konzervativního pojetí hledal něco nového a autentického.

Když jsem zkoumal konkurenty Počítačovky, nikdo z nich opravdu nevyčníval. A upřímně si ani nepamatuji, na jaké značky jsme během průzkumu narazili. Vše mi splývalo v jeden neurčitý celek. Bylo tedy jasné, že webová stránka pro Počítačovku musí být naprosto odlišná. Hodně času jsem strávil vymýšlením nejlepšího vizuálního a programátorského přístupu. Po načrtnutí mnoha nápadů a přemýšlení o jejich technické realizaci, jsem se ujednotil na nápadu vytvořit krátká animovaná videa s postavičkami, které budou představovat jednotlivé oblasti služeb Počítačovky. Klient byl s tímto nápadem velmi spokojen a dal mi zelenou. Nakonec jsem vytvořil čtyři primární charaktery postav, které jsem vymodeloval ve 3D, animoval a vyrenderoval.

Návrhy postav z počáteční fáze projektu
Návrh animace pro IT služby Návrh animace pro SMART brány Návrh animace pro tiskové řešení Návrh animace pro bezpečnostní kamery
Úvodní animace pro stránku "Docházkové systémy a SMART brány"
Úvodní animace pro stránku "Tiskové řešení"
Úvodní animace pro stránku "IT služby"
Úvodní animace pro stránku "Bezpečnostní kamery"

Prohlížeči, nech mi barvy na pokoji!

Proces kódování mě nepostavil před mnoho velkých technických výzev krom jedné. Bojovat jsem musel s automatickou korekcí barev videa v prohlížeči. To, aby podkladová barva ve videu splynula s barvou pozadí webové stránky, mě stálo docela dost úsilí.

Při práci na novém webu Počítačovky jsem si užil spoustu legrace! Jsem moc rád, že se mi podařilo vytvořit dílko, které nejen vyvolalo úsměv ve tváři klienta, ale i zvýšilo návštěvnost i konverze. Nový web je uživatelsky mnohem přívětivější než jeho předchůdce.

Ukázka chybové stránky 404
Stránka s chybou 404 - Tohle jste opravdu nehledali
Finálně vyrenderovaný frame z jedné animace

Jaké parádní dílo můžu vytvořit pro vás?