Späť na blog Príklad redesignu e-shopovej značky, ktorý predáva
Trendy 7 min čítania

Príklad redesignu e-shopovej značky, ktorý predáva

Príklad redesignu e-shopovej značky ukazuje, ako spojiť stratégiu, UX a vizuálnu identitu do rastu, nie iba krajšieho vzhľadu obchodu a zrozumiteľnejšieho nákupu.

E-shop môže mať kvalitný produkt, férovú cenu aj pravidelnú návštevnosť, no stále pôsobiť ako obchod, ktorému zákazník úplne neverí. Niekedy problém nie je v kampani ani v sortimente. Je v tom, že značka komunikuje nejasne, web sa používa ťažko a vizuál neodlišuje firmu od desiatok podobných hráčov. Tento príklad redesignu e-shopovej značky ukazuje, prečo sa redesign nezačína výberom novej farby.

Predstavme si rastúci e-shop s prírodnou kozmetikou. Nazvime ho Luma. Má stabilnú základňu zákazníkov, desiatky produktov a silný dôraz na zloženie. Jeho identita však vznikala postupne: logo vytvorené na začiatku podnikania, rôzne štýly produktových fotiek, nejednotné bannery a web, ktorý síce funguje technicky, ale núti návštevníka rozmýšľať viac, než by mal.

Majitelia nechceli len „modernejší e-shop“. Potrebovali, aby značka pôsobila dôveryhodne aj pri vyššej cenovej hladine, aby zákazník rýchlejšie našiel vhodný produkt a aby tím dokázal komunikovať konzistentne naprieč e-shopom, sociálnymi sieťami a balením. To je presne moment, keď sa z vizuálnej úpravy stáva strategický redesign.

Príklad redesignu e-shopovej značky: kde začať

Prvým krokom nebolo kreslenie loga. Bolo ním pomenovanie problému. Luma nepredávala iba kozmetiku bez syntetických zložiek. Predávala pokoj pri rozhodovaní v kategórii, ktorá býva zahltená odbornými termínmi, marketingovými sľubmi a neprehľadnou ponukou.

Zákazníčka nehľadala ďalší krém v peknom obale. Hľadala odpoveď na praktickú otázku: Bude tento produkt vhodný pre moju citlivú pleť? Je značka transparentná? Rozumiem tomu, za čo platím? Ak na tieto otázky nevie jasne odpovedať samotný web, ani výkonná reklama problém nevyrieši natrvalo.

Strategická časť redesignu preto postavila značku na jednoduchej myšlienke: odborná starostlivosť bez zbytočného chaosu. Táto veta nie je slogan na titulnej stránke. Je to rozhodovací filter. Pomáha určiť tón textov, štruktúru kategórií, spôsob fotografovania produktov aj mieru informácií na detaile produktu.

Audit odhalil problém konzistencie, nie nedostatok kreativity

Pôvodná komunikácia značky mala veľa dobrých prvkov, no nefungovali ako jeden systém. Na Instagrame používala jemné pastelové ilustrácie, na obaloch výraznú čiernu typografiu a e-shop zapĺňali fotografie v rôznych svetelných podmienkach. Výsledkom nebola rozmanitosť, ale neistota.

Audit sa preto nesústredil len na estetiku. Skúmal, čo zákazník vidí pred nákupom, počas výberu aj po doručení zásielky. Dôležité boli najmä tieto miesta: prvý kontakt z reklamy, navigácia v kategóriách, vyhľadávanie podľa typu pleti, produktová karta, košík, e-mail po objednávke a samotné balenie.

Takýto pohľad často odhalí, že značka nestráca ľudí jedným veľkým zlyhaním. Stráca ich sériou malých pochybností. Nejasný názov kategórie, slabý kontrast tlačidla, chýbajúce vysvetlenie aktívnej látky alebo fotografia, ktorá neukazuje veľkosť produktu. Každý detail sám o sebe nemusí rozhodnúť. Spolu však určujú, či nákup pôsobí jednoducho a bezpečne.

Nová identita mala najprv zlepšiť orientáciu

Pre Lumu by nebolo správne vytvoriť len dekoratívne, organické logo a pridať béžový odtieň. Také riešenie by síce zapadlo do kategórie prírodnej kozmetiky, ale neprinieslo by jasný rozdiel. Cieľom bolo vytvoriť značku, ktorá pôsobí citlivo, no nie krehko. Odborne, no nie chladne.

Vizuálny systém preto staval na čitateľnej typografii, tlmenej prírodnej palete a jednej energickej doplnkovej farbe, ktorá naviguje používateľa k dôležitým akciám. Nové logo nebolo samoúčelným symbolom. Jeho tvar sa dal použiť aj ako jemný grafický prvok na kartách produktov, v newsletteri či na výplni balenia.

Rovnako dôležitý bol fotografický štýl. Produkty už neboli izolované na náhodných farebných pozadiach. Fotografie kombinovali čisté produktové zábery s detailmi textúr a realistickými situáciami používania. Zákazník tak získal lepšiu predstavu o produkte, no značka si stále zachovala prémiový charakter.

Tu platí dôležitá vec: konzistentnosť neznamená, že všetko vyzerá rovnako. Znamená, že všetko patrí k sebe. Príspevok na sociálnej sieti, etiketa na fľaštičke aj stránka košíka musia hovoriť rovnakým vizuálnym jazykom, aj keď majú rozdielne úlohy.

UX rozhoduje, či nový vzhľad prinesie výsledok

Najkrajšia identita nepomôže, ak návštevník nevie nájsť sérum pre suchú pleť alebo nerozumie rozdielu medzi dvoma podobnými produktmi. Preto redesign e-shopu pokračoval v informačnej architektúre a používateľskom rozhraní.

Namiesto navigácie podľa interných produktových radov dostala Luma vstupy podľa potrieb zákazníka: hydratácia, citlivá pleť, akné, prvé známky starnutia či každodenná ochrana. Produktové rady zostali dôležité, ale neboli jedinou cestou k nákupu. Značka sa prispôsobila tomu, ako ľudia reálne vyhľadávajú riešenia.

Na produktovej stránke pribudlo stručné zhrnutie pre rýchle rozhodnutie, odporúčanie pre konkrétny typ pleti, návod na používanie a jasné vysvetlenie kľúčových zložiek. Detailnejšie odborné informácie boli dostupné nižšie na stránke. Toto rozdelenie je podstatné. Časť zákazníkov chce nakúpiť rýchlo, iní si potrebujú všetko overiť. Dobrý UX dizajn nevyberá jednu skupinu na úkor druhej.

Aj košík dostal novú úlohu. Nemal iba zopakovať objednávku, ale odstrániť posledné prekážky. Jasne komunikoval dopravu, termín doručenia a možnosti platby. Pri produktoch, ktoré sa prirodzene používajú spolu, ponúkol vecné doplnenie rutiny, nie agresívny nátlak na vyššiu hodnotu objednávky.

Čo by bolo chybou

Pri redizajne je lákavé vymeniť všetko naraz. To však nemusí byť správne. Ak má e-shop silné organické pozície, zaužívané kategórie alebo zákazníkov zvyknutých na konkrétny proces, radikálna zmena môže krátkodobo znížiť výkon. Redesign preto potrebuje plán migrácie, kontrolu presmerovaní a testovanie kritických nákupných ciest.

Rovnako nie každá značka potrebuje rozsiahlu ilustráciu, animácie alebo experimentálnu navigáciu. Ak firma predáva technické komponenty B2B, dôvera môže stáť viac na parametroch, dostupnosti a rýchlom objednaní než na emocionálnom vizuálnom príbehu. Forma musí nasledovať obchodný model, nie aktuálny dizajnový trend.

Ako sa meria úspech redesignu

Po spustení nestačí povedať, že e-shop vyzerá profesionálnejšie. Treba sledovať, či sa zákazník správa istejšie. Pri Lume by medzi hlavné ukazovatele patrila konverzia z návštevy na nákup, využívanie filtrovania, miera pridania produktu do košíka, opustené košíky, priemerná hodnota objednávky a podiel opakovaných nákupov.

Kvantitatívne dáta však nevysvetlia všetko. Veľmi cenné sú otázky zákazníckej podpory, recenzie a krátke používateľské rozhovory. Ak ľudia prestanú písať, kde nájdu produkt pre citlivú pleť, znamená to, že navigácia funguje lepšie. Ak sa opakovane pýtajú na zloženie, informácia môže byť na stránke prítomná, ale podaná nejasne.

Redesign tiež nie je jednorazové odovzdanie súborov. Je to nový systém práce. Tím potrebuje pravidlá pre nové bannery, produktové fotografie, kampane a sezónne materiály. Bez nich sa aj kvalitne navrhnutá identita začne po pár mesiacoch rozpadávať na improvizované výstupy.

Dobrý redesign nie je ten, pri ktorom si všetci všimnú nové logo. Je to ten, pri ktorom zákazník rýchlejšie pochopí ponuku, ľahšie sa rozhodne a po nákupe si zapamätá, prečo sa má vrátiť. Ak dizajn dokáže tieto veci spojiť, nestáva sa ozdobou e-shopu. Stáva sa súčasťou jeho rastu.

Ďalšie články

Všetky články