Kako smo redizajnirali Usporedi.hr i povećali angažman korisnika
Modernizacija korisničkog sučelja rezultirala je znatnim porastom posjeta i angažmana.
Ukratko:
Usporedi.hr je portal za usporedbu i recenzije tehničke opreme. Klijent je imao bogat sadržaj – recenzije, vijesti i ponude trgovina, ali sučelje portala je bilo nepregledno i sporo. Klijent je trebao cjeloviti redizajn da poveća angažman posjetitelja i učinkovitost stranice.
Izazov
Usporedi.hr se suočavao s nekoliko ključnih problema koji su utjecali na efikasnost web stranice i korisničko iskustvo.
Glavni izazovi:
Složena navigacija
Mnogobrojne kategorije i proizvodi otežavali su korisnicima pronalazak informacija, što je zbunjivalo posjetitelje i smanjivalo konverzije.
Spora stranica
Velika količina slika i elemenata na stranici usporavala je učitavanje, što je utjecalo na zadovoljstvo korisnika.
Niska stopa interakcije
Korisnici su rjeđe klikali na ponude zbog neintuitivnog dizajna i loše vidljivih poziva na akciju.
Klijent je trebao rješenje s modernim dizajnom kako bi poboljšao korisničko iskustvo, smanjio napuštanja stranice i povećao broj posjeta.
Modul prikazuje web stranicu prije i poslje redizajna
Naše rješenje
Kako bismo odgovorili na izazove, proveli smo opsežno istraživanje izradili high-fidelity nacrte, prototipove te vizualni dizajn.
Ključne značajke:
Intuitivna navigacija i organizacija sadržaja
Pojednostavili smo glavni izbornik i strukturirali kategorije (mobilni uređaji, računala, fotooprema itd.) kako bi korisnicima bilo lakše pronaći željene informacije.
Responzivni dizajn
Portal je dizajniran da izgleda i radi sjajno na svim uređajima (desktop, tablet, mobitel), s jasnim rasporedom elemenata i prilagodljivim fontovima.
Napredni i intuitivni filteri
Dizajnirali smo skalabilni sustav filtera (višestruki kriteriji, dinamičko brojanje rezultata, “applay” ponašanje na mobitelu).
Poboljšana pretraga
Dodali smo autocomplete, relevantne sugestije, kategorijske filtere u rezultate pretrage i dizajn rezultata koji ističe ključne informacije.
Trust & conversion elements (trust signals)
Implementirali smo jasno istaknute recenzije, ocjene, badgeovi partnera i sigurnosne napomene pri odlasku na ponude.
Primijenili smo user-centered design metodologiju i koristili Figmu kao glavni UX/UI alat kako bismo osigurali brzu iteraciju i konzistentnost dizajna. Za tehničku implementaciju surađivali smo s razvojnom agencijom ZAGREBWEB koja je koristila WordPress CMS.
Kako smo to postigli?
1. Korisničko istraživanje i konkurentska analiza
Kako bismo razumjeli potrebe posjetitelja i stvorili temelj za buduće odluke, proveli smo sljedeće:
-
- Analiza postojećih podataka kako bismo identificirali najkritičnije točke
- Analiza konkurencije - pregledali smo vodeće usporedne platforme na EU tržištu i zabilježili dobre prakse u filterima, strukturi kategorija i „compare flowu“
- Uključili smo tim iz Usporedi.hr kako bismo razumjeli poslovne ciljeve i validirali koncepte
- Definirali smo 3 glavna tipa korisnika - „istraživač”, „brzi kupac” i „uspoređivač cijene” i definirali njihove ciljeve, frustracije i općenito ponašanje
- Mapirali smo tipičan put korisnika od ulaska na stranicu, kroz pretragu, do usporedbe i odlaska na partnerski link
Rezultat: istraživanje i analiza su nam omogućili precizno usmjeravanje dizajna. Pružili su nam temelj za ciljane intervencije. Također, smanjio se rizik implementacije jer su developeri dobili jasne, testirane specifikacije.
2. Poboljšanje informacijske arhitekture
Kako smo olakšali pronalazak sadržaja i reducirali kognitivno opterećenje:
-
- Redizajnirali smo arhitekturu weba uvodeći jasne kategorije za svaki program i logičnije grupirajući sadržaj
- Testovima smo validirali logiku kategorizacije i nazive sekcija
- Izradili smo novu hijerarhiju - glavni izbornik, megamenu, breadcrumb i logičke rute za najčešće zadatke
- Definirali smo pravila za internu povezanost sadržaja kroz related content i cross-links
- Reorganizirali smo rezultate pretrage - dodali smo jasne kartice s ključnim informacijama i omogućili logične grupacije (npr. po tipu proizvoda, cijeni, ocjeni)
- Redizajnirali smo arhitekturu weba uvodeći jasne kategorije za svaki program i logičnije grupirajući sadržaj
Rezultat: korisnici su brže dolazili do željenog sadržaja, što je poboljšalo angažman i povećalo stopu klikanja na ponude s 2% na 9%.
3. Poboljšanje korisničkog iskustva i sučelja stranice
Da bismo dizajnom povećali jasnoću sadržaja, povjerenje korisnika i potaknuli ih na akciju, napravilio smo sljedeće:
-
- Wireframe i interaktivni prototip - izradili smo iterativne grube nacrte, testirali ih i razvili ispolirane, interaktivne prototipove koji su sadržavali stvarne korisničke tokove
- Vizualni dizajn i elementi korisničkog sučelja - dizajnirali elemente korisničkog sučelja i napravili design system i vodič za konzistentnu implementaciju
- Usability izmjene - izveli smo seriju usability testova na prototipu, implementirali potrebne izmjene za dodatno poboljšanje korisničkog iskustva
- Predaja developerima - pripremili smo detaljnu dokoumentaciju za developere (annotated specs, breakpoints, interakcije)
Rezultat: Redizajn je podigao interakciju, a korisnički tokovi (usporedbe, klikovi na ponude) postali su mjerljivo učinkovitiji.
Naš utjecaj
+7%
veća stopa klikanja
Stopa klikanja na ponude povećala se s 2% na 9%.
-23%
"mrtvih" klikova
Smanjili smo broj klikova u prazno.
+75%
više angažmana
Uslijed bolje strukture i navigacije
Uspješni projekti
Edukativni zdravstveni portal s forumom
Farmaceut.hr
UX / UI i programiranje
SEO
Platforma za povezivanje poduzetnika
HAMAG-BICRO
UX / UI
Programiranje