loader image

UX | UI WEB Mobilonline.sk CaseStudy

ZDIEĽAŤ ČLÁNOK:

Výzva s názvom kreativita

Každý marketingový projekt prináša svoje výzvy. Keďže sme dostali úlohu vytvoriť vizuálnu koncepciu pre Majstrovstvá Slovenska v hode telefónom, vedeli sme, že budeme musieť ísť na vec tvorivo. Naše hlavné výzvy boli vytvorenie fresh a rozpoznateľného dizajnu. Riešenie? Fotomanipulácia, záujem o detaily a jednoduchý, no efektívny prístup.

Cieľ

Cieľom redizajnu bolo vylepšiť navigačné menu, zlepšiť používateľskú skúsenosť a vizuálny dizajn webu, zvýšiť konverzný pomer a prilákať nových zákazníkov.

Proces

Proces redesignu začal zbieraním požiadaviek od klienta mobilonline.sk, ktoré sa zhromaždili po niekoľkoročnej spolupráci s eshopom. Následne sme v spolupráci s developerskou spoločnosťou ForBestClients začali navrhovať nový dizajn. Zameriavali sme sa na mobile-first prístup a vylepšili sme navigáciu s pomocou kategorického menu, rýchlych akcií a porovnávača produktov. Zároveň sme pridali funkciu rozpoznania zariadenia pre jednoduchšie vyhľadanie príslušenstva a pridali sme možnosť uloženia produktu do zoznamu obľúbených.

Návrh

Nový dizajn sme navrhli s cieľom byť funkčný, nadčasový a zároveň príjemný pre používateľov. Zaoblené rohy jednotlivých sekcií, 3D grafické prvky a jemné farby vytvorili hravý a „cukríkový“ vzhľad. Výber farieb bol prisposobený správnej kompozícii a ich kontrastu. Zároveň sme pridali kreatívne eastereggy pre verných zákazníkov, ktoré im robia prehliadanie eshopu zábavným zážitkom.

Testovanie

Proces testovania prebiehal na demo užívateľoch a na spätných reakciách od interných zamestnancov spoločnosti mobilonline.sk. Testovanie bolo úspešné a dosiahli sme vyšší konverzný pomer, čo potvrdilo zlepšenie používateľskej skúsenosti. Aktuálne meriame úspech nového eshopu pomocou A/B testingu.

Riešenie:

Po analýze používateľského správania sme sa rozhodli pre radikálnu zmenu navigácie, ktorá bola jedným z hlavných problémov predchádzajúceho dizajnu. Nahradili sme zastaralé navigačné menu na hornej lište novým kategorickým menu umiestneným na ľavej strane obrazovky, ktoré je prehľadnejšie a jednoduchšie na používanie. Okrem toho sme pridali rýchle akcie v dolnej časti webu, čím sme zjednodušili a zrýchlili prístup k najdôležitejším oblasťam stránky.

Ďalším problémom boli vizuálne prvky, ktoré boli zastaralé a nemali moderný vzhľad. Na zlepšenie tohto aspektu sme použili rôzne 3D grafické prvky, ktoré doplnili hravosť a farebnosť eshopu. Okrem toho sme pridali aj kreatívne eastereggy pre našich verných zákazníkov.

Ďalším vylepšením bola pridaná funkcia porovnávača produktov a možnosť uloženia produktu do obľúbených, čo zjednodušilo a zlepšilo používateľskú skúsenosť. Okrem toho sme do webu zapracovali aj funkciu rozpoznania zariadenia, čo uľahčilo vyhľadanie príslušenstva pre dané zariadenie.

 

Zabezpečenie responzivity bolo zabezpečené tým, že sme sa zamerali na mobile first verziu, čím sme zabezpečili, že stránka sa bude správne zobrazovať na všetkých zariadeniach.

Výber farieb bol prisposobený správnej kompozícii farieb a ich kontrastu, čím sme dosiahli vizuálne príjemnejší vzhľad a zvýšili prehľadnosť webu.

 

Pri návrhu nového dizajnu sme spolupracovali s developerskou spoločnosťou ForBestClients, čo nám umožnilo zabezpečiť technickú stránku návrhu a jeho implementácie.

 

V procese testovania sme dosiahli oveľa vyšší konverzný pomer, čím sme potvrdili, že nový dizajn a UX/UI návrh priniesol pozitívne zlepšenia v používateľskej skúsenosti.

Záver

Po zhodnotení výsledkov testovania sme sa rozhodli pre implementáciu navrhnutých zmien na eshopu mobilonline.sk. Nový dizajn sme postupne uvádzali do prevádzky a monitorovali sme jeho vplyv na užívateľské správanie a konverzie.

Po niekoľkých týždňoch sme zaznamenali signifikantný nárast konverzií o viac ako 20% v porovnaní s pôvodným dizajnom. Návštevníci eshopu strávili na stránke dlhšie a boli schopní jednoduchšie a rýchlejšie nájsť to, čo hľadali. Navyše, sme sa tešili pozitívnym ohlasom od našich klientov, ktorí ocenili moderný a intuitívny dizajn.

V závere sme sa rozhodli pokračovať v sledovaní a optimalizácii eshopu prostredníctvom A/B testovania, analytických nástrojov a spätnej väzby od zákazníkov. 

Creative Art Director

Joshua Samuel Paquete

Nežiadame pozornosť. Vytvárame priestor pre hlbšie pochopenie.

ho***@wo*****.com

+ 421 911 463 459

Dimenzie našej tvorby presahujú bežné hranice marketingu. Naše služby
Branding Odkrývame vnútorný príbeh vašej značky a prevádzame ho do vizuálnej a textovej podoby, ktorá komunikuje s publikom na hlbšej úrovni. Nejde len o to, ako značka vyzerá, ale ako pôsobí na zmysly a aké emócie vyvoláva. Strategický audit a definícia DNA značky Vývoj vizuálnej identity a jej prvkov Tone of voice a komunikačný štýl Kompletný brand manuál s kódmi značky Transformácia identity značky
Dimenzie našej tvorby presahujú bežné hranice marketingu. Naše služby
UX|UI Dizajn Tvoríme web stránky, kde sa intuícia stretáva s inováciou. Každý element je premyslený tak, aby návštevníka viedol na ceste odhaľovania vašej značky, produktov a služieb spôsobom, ktorý vzbudzuje nadšenie a inšpiruje k akcii. Analýza používateľského správania Wireframing a prototypovanie Dizajn používateľského rozhrania Vývoj responzívnych webových riešení Digitálne svety, ktoré očaria
Dimenzie našej tvorby presahujú bežné hranice marketingu. Naše služby
Sociálne siete Sociálne médiá nie sú len kanálom, ale priestorom, kde vaša značka ožíva v kontinuálnom príbehu. Vytvárame stratégie a obsah, ktorý nepodlieha trendom, ale ich určuje, a budujeme komunity, ktoré skutočne rezonujú s vašou značkou. Stratégia pre sociálne siete Plánovanie a tvorba obsahu Správa komunity a engagement Analýza výsledkov a optimalizácia Príbehy, ktoré rezonujú v digitálnom svete
Dimenzie našej tvorby presahujú bežné hranice marketingu. Naše služby
Kampane Projektujeme cesty, ktorými vaše posolstvo prenikne k správnym ľuďom v správnom čase. Naše kampane nie sú len viditeľné, ale zanechávajú trvalú stopu v mysliach a srdciach modernej generácie. Strategická analýza trhu a konkurencie Definícia cieľových skupín a persón Návrh komunikačných kanálov a formátov Harmonogram a meranie výsledkov Cesty, ktorými sa šíri posolstvo značky

Let's make something amazing together