V první fázi projektu jsme s klientem absolvovali sérii technických a UX workshopů. Zaměřili jsme se na detailní pochopení požadavků na funkcionalitu systému, ekosystém využívaných aplikací a na identifikaci problémů stávajícího řešení. Důležitým krokem bylo také porozumění specifikům trhu, cílovým skupinám zákazníků a konkurenčním výhodám klienta. Na základě těchto workshopů jsme navrhli prototypy pro všechny unikátní podstránky, které prošly několika koly revizí a úprav.
Kompletní modernizace e-shopu
pro prodejce filmů a hudby
FilmNaDVD.cz je specializovaný e-shop zaměřený na prodej filmů, hudby, audiotechniky a sběratelských předmětů. Nabízí rozsáhlý sortiment nosičů různých formátů pro milovníky kvalitního zvuku a obrazu i pro sběratele.
Typografie
Zadání
Naším úkolem byla kompletní modernizace e-shopu FilmNaDVD.cz jak po designové, tak po funkční stránce. Cílem bylo zjednodušit a zpřehlednit orientaci zákazníků, přizpůsobit e-shop pro mobilní zařízení, vylepšit funkce vyhledávání a filtrace a připravit napojení na ERP systém K2. Součástí zadání byl i redesign samotného loga a vytvoření nové vizuální identity.
Důkladná analýza a příprava
Redesign značky a vizuální identity
Redesign loga byl prvním krokem k vytvoření modernější a stylovější vizuální identity. Pro klienta jsme vytvořili komplexní logomanuál definující pravidla používání loga v horizontální i vertikální podobě, barevnou paletu pro online i tištěné materiály a ukázky správného i zakázaného použití. Nový webový design jsme postavili na svěžím vzhledu s animovaným prvkem ekvalizéru na homepage, který dodává e-shopu dynamičnost. Pro všechny kategorie jsme navrhli unikátní ikony na míru.
Precizní design a uživatelská zkušenost
Po schválení prototypů jsme přistoupili k detailnímu grafickému návrhu. Veškerý obsah byl navržen do vertikálního a horizontálního gridu s důrazem na přehlednost a snadnou orientaci. Design byl kompletně vytvořen na míru jak pro desktopová, tak pro mobilní zařízení. Zvláštní pozornost jsme věnovali zjednodušení homepage s důrazem na kategorie a zlepšení přehlednosti jednotlivých nosičů a popisků v detailu produktu.
Napojení na míru na ERP systém K2
Po schválení designu následovaly vývojové práce na frontendové i backendové části projektu. Zatímco frontendový tým pracoval na kódování jednotlivých stránek, backendový tým se soustředil na klíčovou integraci s ERP systémem K2. Implementovali jsme robustní obousměrnou komunikaci, kde K2 řídí správu dostupnosti zboží, cenovou politiku a skladové hospodářství, zatímco e-shop zpětně zasílá informace o objednávkách a platbách.
Kromě napojení na K2 jsme zajistili propojení s dalšími specializovanými službami. API integrace zahrnuje Luigi's Box pro vylepšené vyhledávání, Foxentry pro ověřování adres, Discogs pro informace o hudebních nosičích a GoPay pro bezproblémové platby. Projekt tak zahrnuje unikátní systémy akcí, věrnostních slev, hodnocení a voucherů pro komplexní zákaznický zážitek.
Od vývoje k ostrému provozu
Během vývoje e-shopu jsme pro klienta připravovali další grafické materiály - potisk krabic, dárkové poukazy, grafiku na lepicí pásky a vizitky - aby bylo vše připraveno na spuštění v novém designu. Po dokončení prošel celý systém důkladným testováním jak na naší straně, tak na straně klienta. Připravili jsme také proces pro přesměrování všech URL adres, aby nedošlo ke ztrátě pozic ve vyhledávačích.
Výsledek
Výsledkem naší práce je moderní, uživatelsky přívětivý e-shop s individuálním designem a pokročilými funkcemi. Nové řešení nabízí zákazníkům jednodušší orientaci v sortimentu a pohodlné nakupování na mobilních zařízeních. Provozovatel získal efektivnější správu díky napojení na ERP systém a potenciál pro expanzi na zahraniční trhy.
Vojtěch Štěpánek
Chief Strategy Officer
