Nejdřív bylo potřeba si s klientem cíle a očekávání, pak jsme specifikovali funkce, kterými by měl e‑shop disponovat jak z uživatelského, tak administrátorského pohledu. Zaštítili jsme kompletní realizaci e‑shopu na míru. Klient sám měl už blokově rozkreslenou zamýšlenou strukturu webu a představu o jednotlivých sekcích. Tu jsme převedli a dále rozvinuli do formy interaktivního prototypu v Adobe Axure. Provázali jsme jednotlivé sekce a umístili zamýšlený obsah.

Pak nastala designérská výzva. SÉRUM totiž není příkladem běžného e‑shopu. Šlo o vizuálně komplikovanou aplikaci silně produktově zaměřeného webu se znalostní platformou, která uživateli rozšíří povědomí o „biohackingu“, vyvrátí zažité mýty a ukáže, jak složitý nástroj je lidské tělo a že je potřeba mu porozumět do hloubky.

Nebylo jednoduché uchopit celou koncepci tak, aby plnila definované cíle. Soudě dle klientovy zpětné vazby můžeme říct, že jsme přinesli přesně ten úhel pohledu, který se potkal s tím klientovým, a cit, který pomohl zhmotnit klientovu myšlenku.

No, a pokud jsme doposud považovali design za výzvu, vývoj e‑shopu byl výzvou na druhou. Hlavně kódování šablon typových stránek. V rámci vdechnutí „fluidního“ designu, který má evokovat tekuté skupenství sér, jsme použili spoustu vizuálních prvků, animací a přechodů, které bych dost náročné pohlídat na různých rozlišeních, zařízeních a prohlížečích.

Z hlediska vývoje bylo nelehkým úkolem připravit kompletní hierarchii backendu tak, aby se daly aplikovat odlišné barevnosti produktových řad do designu jednotlivých stránek. Každá z řad CBD plus, Brain Balance, Alergyno nebo Herbra má jiné barevné ladění. A to se prolíná celým webem, včetně blogových článků, sekcí s dotazy nebo samotnými produktovými detaily. V rámci vývoje e‑shopu na míru jsme implementovali i interaktivního průvodce, který umí zákazníkům na základě zdravotních problémů doporučit odpovídající doplněk stravy.