Skica z animace pro bezpečnostní kamery

Starý web Počítačovky nutně potřeboval nový vzhled, který bude svěží, zábavný a nezapomenutelný. Přesně práce pro nás!

UX se špetkou komedie

Počítačovka nás požádala, abychom ji představili 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 jsme do detailu prozkoumali strukturu starého webu a data z Google Analytics. Na jejich základě jsme vymysleli efektivní změny ve struktuře webu a nápady pro zjednodušení. Naším cílem byla co největší přehlednost při zachování všech podstatných informací. Spojili jsme se s copywriterkou Šárkou Petruželovou, která nám pomohla pro web zpracovat obsahovou část.

Od začátku jsme měli jasno. Věděli jsme, že chceme 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 tento nápad doslova zamiloval a nechal nám volnou ruku. Při tvorbě jsme se cítili svobodní. První nápady jsme naskicovali klasicky na papír, poté jsme je převedli do Marvelu a vytvořili jsme interaktivní prototyp nového UX designu. Po několika testech a konzultacích s klientem jsme byli připraveni 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ář, jsme chtěli připravit malé nečekané překvapení jako odměnu. Po prvotním návrhu klasické „nudné“ verze jsme se rozhodli i sem vnést lehký komediální prvek a vrátili jsme se k „rýsovacímu prknu“. Inspirováni koncem filmu Dr. Strangelove jsme vymysleli 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 nás. Náš klient měl stejný postoj jako my! Namísto konzervativního pojetí hledal něco nového a autentického.

Když jsme zkoumali konkurenty Počítačovky, nikdo z nich opravdu nevyčníval. A upřímně si ani nepamatujeme, na jaké značky jsme během průzkumu narazili. Vše nám 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 jsme strávili 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, jsme se ujednotili 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 nám zelenou. Nakonec jsme vytvořili čtyři primární charaktery postav, které jsme vymodelovali ve 3D, poté je upravili, animovali a do detailu vykreslili.

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í nás nepostavil před mnoho velkých technických výzev krom jedné. Bojovat jsme museli s automatickou korekcí barev videa v prohlížeči. To, aby podkladová barva ve videu splynula s barvou pozadí webové stránky, nás stálo docela dost úsilí. Web samotný už ale nevyžadoval žádné pokročilé programovací nástroje a krásně šel vystavět na platformě Wordpress.

Při práci na novém webu Počítačovky jsme si užili spoustu legrace! Jsme moc rádi, že se nám podařilo vytvořit dílko, které vyvolalo úsměv ve tváři klienta, a zároveň jsme tak zvýšili návštěvnost i konverzi na stránce. Nový web je přitom 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ůžeme nadesignovat pro vás?