Udělat proměnu firmě, která se od roku 1994 zabývá IT a vývojem softwaru byla výzva, na kterou se neříká ne. Datasys je rodinná firma. Ale vůbec ne malá. Mají 5 poboček po celé České republice. Původní web měl v základu několik zásadních problémů, které jsme museli vyřešit.

1. Nedařilo se odprezentovat větším firmám to, co se bez problémů zvládne.
2. Prezentace produktů byla nepřehledná.
3. Byla špatně nastavená vizuální komunikace. Malý kontrast na tmavém pozadí, vizuální „těžkost" a zvolená typografie se špatnou čitelností.
4. Celý web působil hodně anonymně a úplně se ztratil lidský faktor.
5. Spousta věcí se opakovala a nebyla logicky rozřazená.

Vzhledem k tomu, že má firma vytvořených nespočet prezentací, marketingových materiálů apod. nešlo zcela změnit podobu toho, jak bude nový web vypadat. Muselo to vycházet ze stávajícího ale zároveň přinést inovaci a krok dál. Hlavním poznávacím znamením byl modro-zelený gradient, který procházel skrze celý web. Samotný gradient způsoboval problémy s čitelností a přehledností.

Struktura je základ. Prošli jsme starý web a udělali 1:1 mapu webu. Od ní jsme se odrazili a začali škrtat a skládat novou podobu. Na základě Analytics jsme si dali priority na stránky s největší návštěvností a ty jsme začali dělat nejdříve. Zároveň bylo třeba si práci rozdělit na fáze aby se v tom člověk neutopil.

Když byla struktura hotová, začali jsme s wireframy. Nejdříve low-fidelity s umělým obsahem a pak ve spolupráci s Lídou high-fidelity s reálným obsahem šitým na míru Datasysu.

Rozhodli jsme se, že to celé pojmeme inverzně. Gradient a vizuální komunikaci zachováme v úvodních sekcích, aby to bylo stále rozpoznatelné. Homepage vyčistíme a necháme gradientu trošku větší prostor aby si lidé nemysleli, že jsou na zcela jiném webu.

Na odlišení produktů a jednotlivých stránek jsme použili abstraktní, geometrické elementy po stranách s použitým gradientem + ilustraci.

Nastavil se systém konzistentních boxů a tím se docílilo toho, že nebylo třeba vymýšlet mobilní verzi webu, protože se to dalo jednoduše použít a poskládat.

Na zvýraznění důležitých nadpisů jsem použil „zvýraznění fixou" > jednoduché světlejší pozadí dané barvy, které je přímo za textem, takže se nemusí používat silnější řez písma a zároveň můžete „podtrhnout" v čem je firma nejsilnější.

Na místech, kde to bylo nezbytné jsme použili „garanta služby". Člověka z firmy, kterého jsme dali přímo ke kontaktnímu formuláři. Člověk vidí s kým bude komunikovat.

Lída to všechno zabalila do slov a dala tomu tu správnou tonalitu.

Na konci stojí web, který se podařilo nadesignovat za 4 měsíce. Je přehledný, konzistentní, má jednotnou komunikaci a zjednodušenou prezentaci produktů i služeb. Vizuální identita navazuje na použité materiály a produktové stránky jsou připravené na odesílání klientům.