Redizajn e-shopu jednej z najznámejších českých značiek s bylinnými produktmi s dôrazom na modernizáciu vizuálneho jazyka, UX košíka a zjednotenie brandovej identity na platforme Sylius.
Serafin byliny je česká značka s dlhoročnou tradíciou, ktorá vyrába bylinné sirupy, tinktúry, čaje a prírodné doplnky podľa originálnych receptúr. Ich produkty cieli predovšetkým na ženy, ktoré hľadajú prírodné riešenia pre zdravie celej rodiny.
Zadanie bolo jasné: zachovať dôveryhodnosť a familiárnosť značky, zjednotiť roztrieštený brand a vytvoriť moderný, prehľadný e-shop, ktorý bude rovnako príjemný pre dlhoročné zákazníčky aj nových návštevníkov.
Prvý spoločný meeting sa nekonal pri počítači, ale priamo vo výrobni. Išlo o vedomý krok, aby som pochopila produkty od základu, videla ako vzniká a dokázala uchopiť ich skutočné value propositions a benefity. Spolupráca prebiehala priamo s marketing manažérkou, s ktorou sme nastavili rozsah projektu a zoznam priorít.
Na základe heatmáp z Clarity a auditu existujúceho obsahu vznikla rozsiahla site mapa. Typologicky som rozdelila komponenty, overila tok návštevníkov a nastavila logiku prepojenia medzi stránkami. Zároveň som zabezpečila, aby žiadny dôležitý obsah nebol opomenutý.
Moodboard sme tvorili spoločne, pozrela som sa na zahraničné e-shopy v tejto oblasti, klientka mi predstavila ich najväčších konkurentov. Spoločne sme definovali, čo chceme prevziať ako inšpiráciu, kde vidíme priestor odlíšiť sa a čo naopak nechceme opakovať.
Wireframy sa nielen navrhli, ale aj naprototypovali tak, aby si ich klient mohol prejsť s reálnymi zákazníkmi. Prebehol user testing so spísanými komentármi, flow bol zrozumiteľný a do ďalšej fázy sa prechádzalo bez väčších zásahov.
Pred samotným vizuálnym návrhom som prevzala aktualizovaný brand manuál od grafičky. Na jeho základe som postavila dizajn systém, overila farebné kombinácie z hľadiska kontrastu a prístupnosti a upravila odtiene tak, aby spĺňali štandardy (niektoré navrhnuté kombinácie kontrastom neprechádzali). Na tomto základe vznikli kľúčové komponenty e-shopu. Po každom väčšom bloku sme si spolu s klientom overili smer a zladili očakávania.
Zladiť vkus celého tímu
Od CEO, cez marketing a financie, až po ľudí z expedície a dotácií. Vizuál musel byť prijateľný naprieč oddeleniami.
UX-friendly košík
Košík bolo potrebné prepracovať tak, aby bol intuitívny a prehľadný - pri zachovaní Serafin vizuálu, no s modernejším a uhladenejším prejavom.
Obsah vs. prehľadnosť
Úlohou bolo vytvoriť čo najviac univerzálnych komponentov a nastaviť vizuálny poriadok, ktorý bude škálovateľný aj do budúcna.
Nový Serafin stojí na čistom dizajn systéme, konzistentnej brandovej identite a premyslenom UX, ktorý rešpektuje zaužívanú familiárnosť značky a zároveň ju posúva vizuálne dopredu.
Každá kľúčová stránka: domovská, produktové kategórie, detail produktu aj košík má jasnú štruktúru a vedie zákazníkov k akcii prirodzene, bez zbytočných prekážok. Serafin má e-shop, ktorý dokáže rásť spolu so značkou.
