Szerszamkell.hu UX, UI redesign

Szerszamkell.hu UX, UI redesign

A SzerszamKell.hu 2007-es indulása óta nem történt jelentős design módosítás. A shoprenter által biztosított sablon designt és keretrendszert használta a webshop. A honlap ettől függetlenül nagyon jól konvertált, de elérkezettnek láttuk az időt arra, hogy új felületet kapjon a webshop. 2018. februárjában 5 hónapos előkészület és tervezés után elkészült az új honlap.

Célok az új Szerszamkell.hu webshoppal:

  • Konverzió növelése (pontos számokat nem adhatok ki, de mérhetően növekedett a konverzió)
  • Felhasználóbarátabb kategóriarendszer
  • Keresőoptimalizálás
  • Rendelési folyamatok egyszerűsítése
  • Értékesítés támogatása: pl vélemények kiemelése, kosár gomb hangsúlyozása
  • Új funkciók beépítése a honlapra: chat funkció, hotjar hőtérkép, optimonk pop up modul, prefixbox intelligens kereső

Az új webháruház 2018. márciusában a hónap webáruháza lett. A díjat a shoprenter osztja ki minden hónapban. Nehéz feladat volt úgy hozzányúlni a designhoz, hogy a visszatérő vásárlóink – akik már a régi webshophoz szoktak hozzá – is könnyen elnavigáljanak az új honlapon. Azt gondolom, hogy sikerült megoldanunk a feladatot, pozitív visszajelzések érkeztek a megújult SzerszamKell honlapra. Ehhez fókuszcsoportos interjúkat is készítettünk, személyesen készítettünk felméréseket webshopos vásárlóinkkal, így már a tesztidőszak alatt kiderültek a felhasználói élményt korlátozó tényezők.

A régi honlap

A régi honlapon nagyon hosszú és átláthatatlan volt a kategóriaszerkezet. Fent és oldalt is megjelent duplikáltan a menüszerkezet. A kosár sem volt egyértelmű, szürke boxban nem volt könnyen felismerhető. Ezeken kívül sok mást is fejlesztettünk, nézzük mik voltak ezek, és hogy alakult ki az új honlap:

Szerszamkell régi honlap

Az új honlap fejlesztésének lépései:

  1. Fókuszcsoportos interjúk készítése, az előző webshop hibáinak összegyűjtése
  2. A versenytársak és az iparág legjobb módszereinek összegyűjtése, ezek szűrése és igény szerinti alkalmazása
  3. Kategóriaszerkezet egyszerűsítése
  4. Az új honlap design tervének kialakítása, wireframe megtervezése
  5. Az új design átültelése a shoprendszer nyújtotta keretrendszerbe
  6. Tesztidőszak, tesztelés
  7. Hibák javítása
  8. Élesítés

Új kategóriaszerkezet

A Szerszamkell.hu kategóriaszerkezetét nemcsak egyszerűsítettük, hanem az Amazon által kifejlesztett technikát is alkalmaztuk a shoprenterrel karöltve (ezt a funkciót később az összes többi webáruházban is bevezették). Ez a funkció pedig a következő:

Az egér mozgását követve nem csak vízszintes irányban lehet lenyitni az alkategóriát, hanem 45o-os szögben is.

Szerszamkell-kategoria-egermozgas

 

Intelligens kereső modul

Élesítettük az új intelligens keresőt is, amely képes az elírásokat is kezelni. Az intelligens öntanuló folyamatainak köszönhetően képes hasonló termékeket is ajánlani az adott kulcsszóhoz.

Miért kaptak ekkora hangsúlyt a vélemények?

A gyors válasz a miértre: A neten vásárlók 60%-a olvas online véleményeket, mielőtt sort kerítene a vásárlásra. Ebből egyértelmű lehet, hogy a sokáig üldözött e-commerce funkció, a termék vélemények és értékelések használata mára esszenciálissá vált.

A webshopok egyik nagy előnye az “offline” üzletekkel szemben az lehet, hogy a termékekhez jó esetben a vásárláskor véleményeket olvashatunk más ügyfelektől. Már persze csak akkor, ha a vásárlói vélemények megjelennek az adott webshopban.

Társas megerősítés

De miért fontos nekünk mások véleménye? Amikor bizonytalanok vagyunk valamiben, hagyjuk, hogy mások döntsék el, mi a teendő, ezt társas megerősítésnek nevezik a pszichológiában. Az online-ban ez úgy nyilvánul meg, hogy ha nem vagyunk biztosak abban mit vegyünk meg, akkor különböző beszámolókban, ajánlókban keresünk kapaszkodót. Érdekes egyébként, hogy az ajánló személyének is van jelentősége: kutatások szerint az “átlagos honlaplátogató” bír legnagyobb befolyással, nem pedig mondjuk egy szakértői vélemény. Ebből kifolyólag egy termék vélemény annál hatásosabb, minél több információt tartalmaz a szerzőjéről.

Az új SzerszamKell.hu webshop megtekintéséhez kattints ide…