Bortársaság

Bortársaság

A Bortársaság 1993-ban kezdte néhány kistermelő borával, de a lényeg most is ugyanaz: jó borok és hiteles borászoktól. Több, mint 700 bor, 80 párlat, 20 offline és egy online borbolt, na meg a Borsuli!

A BIG FISH és a Bortársaság 2016. májusában indította el átfogó elemzését a bortarsasag.hu weboldalon. Ennek fő célja az volt, hogy a mindenki által kedvelt oldalt és webshopot még szerethetőbbé tegye, továbbá hogy olyan A/B tesztelési lehetőségeket javasoljon, amelyek az oldal konverziós arányát, illetve a kosárértéket, – és mennyiséget növelhetik.

A BIG FISH elemzése két fontos fejlesztési területet jelölt ki: a mobilra optimalizálást és a vásárlási folyamat elegánsabbá tételét.

Reszponzivitás

A mobil oldal 2016. júniusi élesítése előtt a munkamenetek átlagosan 25 százaléka mobileszközről történt. A fejlesztés célja így az volt, hogy a bortarsasag.hu-ra mobileszközzel látogatók is szép felületen és könnyedén vásárolhassanak jó borokat.

A közel 300 órányi fejlesztés sikeres volt, hiszen sikerült növelni a mobilos vásárlások arányát. A 2015. és 2016. szeptemberi adatokat összehasonlítva láttuk, hogy a mobil-és táblagépekről érkező forgalom konverziós aránya több, mint 14 százalékot nőtt.

A mobilra optimalizált oldal fejlesztéséből az offline vásárlók is profitálhattak, hiszen könnyebben tájékozódhattak az általuk keresett termékekről, amit utána megvehettek az offline borboltokban.

A vásárlási folyamat fejlesztése

A BIG FISH analízise rávilágított arra is, hogy a vásárlási folyamat egyszerűsítésével megkönnyíthetjük az online vásárlók dolgát. A fejlesztés során nem hoztunk azonnali döntéseket, hanem A/B teszteléssel döntöttük el, mely megoldásokat kedvelik jobban a felhasználók.

A kosárba helyezés volt az első lépés, amit teszteltünk. Korábban egy termék kosárba helyezése után 4-5 másodperccel jelent meg egy pop-up ablak, ami nem a fizetésre buzdított, hanem a további vásárlásra:

A tesztek során olyan módszert próbáltunk ki, ami egyrészt jelzi, hogy milyen termék került a kosárba, valamint lehetővé teszi az azonnali fizetést is.

A kosároldal másik nagy fejlesztése a checkout folyamaton belüli lemorzsolódás csökkentése volt. A folyamat elhagyását valószínűleg az is okozta, hogy a vásárlók nem látták, hány lépés van még hátra.

Az oldal elkészült “B” verziója már mutatta a következő lépéseket, így a felhasználók láthatták, a vásárlásuk még körülbelül mennyi időt fog igénybe venni.

Az AB teszt rendkívül sikeres volt, ezért a kosároldali fejlesztéseket kiterjesztettük a látogatók 100 százalékára.

A fejlesztéssel az oldal sebessége is nagyban gyorsult: a jelenlegi termékoldalak mobilon 58/100, asztali gépeken pedig 74/100 pontot értek el a Google mérései szerint.

Butlers

Butlers webáruház

A Butlers Magyarországon 2008 óta segíti szebbé tenni az otthonokat.

„Büszkék vagyunk rá, hogy 8 éve, a koncepció indulásakor a piacon elsőkét tudtunk a lakberendezési szegmensben újat, különlegeset hozni a vásárlók részére. Mai napig legfontosabb célunk, hogy üzleteinkben és a webshopban is maradandó vásárlói élményt nyújtsunk az érdeklődőknek, amelyet nemcsak egyedi és színes termékkínálatunk, hanem szakképzett munkatársaink is garantálnak!”

A Butlers és a BIG FISH 2016. októberében kezdett együttműködni annak érdekében, hogy a Butlers a vásárlóit online minél kényelmesebben és hatékonyabban tudja kiszolgálni. Október végén és november elején a lakberendezési – és ajándéktárgyakkal foglalkozó cég több olyan online fejlesztést is élesített, ami a Butlers e-kereskedelmi konverziós arányának, és online elérésének növelését tűzte ki célul.

Az oldal sebessége

A BIG FISH és a Butlers közös döntése volt, hogy az oldal betöltési sebességének növelését priorizálják – két okból is:

  • Az oldal betöltési sebessége és a Butlers.hu organikus keresésekben történő megjelenése között összefüggés van – a Google és egyéb keresőmotorok priorizálják azokat az oldalakat, amik gyorsabbak. Az organikus elérés növekedése azonban csak később fog látható eredményeket hozni.
  • A mobileszközön böngészők 40 százaléka elhagyja az oldalt, ha az 3 másodpercen belül nem tölt be. Magyarországon a mobilon több, mint 2 millió ember vásárol, így ennek a piacnak az igényeit muszáj figyelembe venni.

Az oldalbetöltési idő csökkentésének sikerét mutatja, hogy a novemberi mérési időszakban – szeptemberrel összehasonlítva – az oldalon töltött idő minden eszközön növekedett. A legnagyobb mértékű növekedést mobilon tapasztaltuk: több, mint 42 százalékkal töltöttek több időt a mobilos felhasználók az oldalon a betöltési sebességet lassító scriptek eltávolítása után.

A navigáció újragondolása

A közös fejlesztések előtt a Butlers fejléce fekete alapú volt. Míg az akció és kereső gombokat a hőtérképek alapján a felhasználók könnyen megtalálták és sűrűn használták, az “Üzleteink” gombot kevesen kattintották – pedig a Google Analytics adatai alapján az egyik legtöbbet látogatott oldal volt.

A BIG FISH javaslatai alapján a fejléc egy világosabb alapszínt kapott, ami több információt tartalmaz, mégis átláthatóbb, mint korábban volt, valamint az “Üzleteink” gomb megfelelően elkülönül.

A novemberi időszakban (a fejléc átalakítása október 27-én élesedett), az “Üzleteink” aloldal a leglátogatottabb aloldal lett, a korábbi 5. leglátogatottabb helyett. Ez bizonyítja, hogy az üzletek aloldal elérése valóban egyszerűsödött a felhasználók számára.

A fejléc mellett a termékcsoportok oldalainak navigációja is változott.

Korábban a felhasználóknak legördülő menüből kellett kiválasztaniuk, hogyan szeretnék a termékeket megtekinteni:

A jelenlegi megoldás sokkal felhasználóbaráttabban és átláthatóbban teszi lehetővé a termékek megtekintését:

A checkout folyamat optimizálása

Az elemzésünk során kiderült, hogy azok közül, akik terméket helyeznek a kosárba, csak 13,7 százalék fejezi be a vásárlást. Ennek az aránynak a javulása érdekében több fejlesztést is megvalósítottunk:

A terméket törlő gombokat kevésbé hangsúlyossá tettük:

A korábbi változat

A jelenlegi verzióban a törlés – bár egyértelmű – kevésbé figyelemfelkeltő:

Az átalakított változat

 

 

 

 

A hőtérképes elemzések során egyértelművé vált, hogy a kosár oldal túl hosszú, ezért különböző funkciók összevonásával jelentősen csökkentettük azt. Például korábban a személyes átvételhez kapcsolódó opciók a következőképp jelentek meg:

Jelenleg pedig így néz ki a személyes átvételhez kapcsolódó lehetőségek felsorolása:

A kosár oldalon most már egyértelmű, hogy a vásárló melyik lépésnél jár: számozással, illetve vizuális elválasztással jelöljük, hogy a szállítási és fizetési módokból, illetve a személyes adatok megadásának folyamatában hol jár a felhasználó.

A kosár oldal optimizálása látványos eredményeket hozott: a szeptemberi és novemberi konverziós arányt összehasonlítva a növekedés több, mint 77 százalék. (Ebben természetesen a karácsonyi szezonalitás is szerepet játszott.)

Eredmények

Bár a Butlers fejlesztési eredményeinek elemzésekor a szezonalitás hatását (a novemberi eladásokat már jelentősen befolyásolja karácsony közelsége) nem zárhatjuk ki, az oldal sebességének növelése, a navigáció és a checkout folyamat újragondolása mindenképp remek eredményekhez segítette az oldalt:

  • Az összbevétel minden eszközön több, mint 200 százalékkal nőtttableten pedig több, mint 400 százalékot.
  • A konverziós arány összesen több, mint 77 százalékot nőtt szeptemberhez képest.
  • Az átlagos kosárérték 12 százalékkal, az átlagos munkamenet hossza pedig 32 százalékkal nőtt. A felhasználók több időt töltenek az oldalon, és többet is vásárolnak.

Extreme Digital

Extreme Digital

Az Extreme Digital Magyarország legnagyobb forgalmú webáruháza a GKI Digital statisztikái szerint. A 2001-ben alapított vállalkozás kezdetben elsősorban fotós és műszaki eszközöket értékesített, az évek során azonban a termékkínálat rengeteg új kategóriával bővült. A klasszikus műszaki termékek (televízió, szórakoztatóelektronika, okostelefon, laptop, táblagép, fényképezőgép) mellett már háztartási gépek, otthoni kiegészítők, de irodai eszközök és könyvek is megtalálhatók a kínálatban. Az Extreme Digital óriási raktárkészletével és fejlett logisztikai szolgáltatásai révén a legtöbb terméket az ország egész területén egy-két nap alatt képes ingyenesen házhoz szállítani.

Az Extreme Digital webáruháza a felhasználók alapvető igényeinek megfelelő; jól használható és jó szolgáltatásokkal rendelkezik.

A forgalom és a felhasználói bázis méretét tekintve minden látszólag apró módosítás kimutatható eredményt jelent, szükséges folyamatos fejlesztésekkel lekövetni a felhasználói igényeket. Az Extreme Digital van olyan piaci pozícióban, hogy kreatív és előre mutató megoldásokkal új felhasználói igényeket teremthessen a piacon.

Az elemzés során több területet megvizsgáltunk:

  • az oldalak kiszolgálásának sebességére ható technológiai megoldásokat
  • a felhasználó élmény szempontjából fontos felületeket, folyamatokat és funkciókat
  • a kereskedelmi eredmény további növelése szempontjából fontos, kiaknázható lehetőségeket

Az elemzés eredményeinek közös kiértékelése után a következő fejlesztési célokat határoztuk meg:

  • a fejléc, valamint a kategóriarendszer megjelenítésének átalakítása a felhasználói élmény javítása érdekében
  • további termékajánló megoldások kidolgozása és elhelyezése a webshop különböző pontjain

Fejléc

A fejléc átalakításának egyik fókuszpontja a felhasználói profilhoz kapcsolódó funkciók megjelenítése volt. A főoldal tetején található opciók nagyon kicsik voltak mind mobilon, mind asztali felbontáson nézve. Önmagában a „személy” ikon használata kevésnek bizonyult, érdemesnek tartottuk megjeleníteni a „Bejelentkezés”  feliratot is. További érv, amely a szöveges megjelenítés mellett szólt, hogy korábban csak a „személy” ikon színe jelezte, ha be volt jelentkezve a felhasználó (szürke helyett sárgára váltott).

Korábbi fejléc

 

Módosított fejléc

Termékkategóriák megjelenítése

A webshop információs architekturáját követve a látogatók a kulcsszavas keresőbe beírt konkrét kifejezések használata mellett a termékkategória rendszer menüjén keresztül tudják elérni a teljes termékkínálatot. A korábbi változat szerint ez a menü a kategóriák tisztán szöveges megjelenítése volt. Érdemesnek tartottuk kipróbálni az asztali verziónál a kategóriákhoz rendelt, előre kiválasztott fotó megjelenítését a főmenüben a kategóriák színesítéséhez. Ez az esztétikai szempontokon kívül segítené a navigációt, lehetőséget adna bizonyos, akár újonnan bevezetett temrékkategóriák kiemelésére – illetve szükség esetén kifejezetten kereskedelmi promóciós felületként is felhasználható lenne.

Termékkategória megjelenítés ajánlóval

Eredmények

A fejléc és a kategória megjelenítés változtatásának hatásait többek között a felhasználók visszajelzései alapján is kiértékeltük. A kérdőívre érkezett válaszok alapján a látogatók 68%-a adott 6-7 pontot (7-es skálán) arra a kérdésre, hogy mennyire könnyen találja meg a kívánt kategóriákat és termékeket az oldalon, a válaszadók 22%-a adott 5 pontos értéket erre a megoldásra.

A módosított ikonok, felhasználói belépés és személyes menü kapcsán feltett kérdésre a látogatók 72%-a értékelte 6-7 pontra a funkció könnyű használhatóságát.

Termékajánlók

A webshop elemzése kapcsán több olyan pontot azonosítottunk, ahol megfelelő termékajánló elhelyezésével továbbsegíthetjük a látogatót a böngészésben, csökkenthetjük a kilépési arányt. Azokon a pontokon, ahol a felhasználó valamilyen hibába ütközik, nem a várt eredményt kapja (például olyan keresési kifejezést ad meg, amire nincs termék találat, vagy egy hibás linken keresztül nem létező oldalra érkezik), célszerű úgy kialakítani a megjelenített tartalmat, hogy a látogató ne érezze úgy hogy zsákutcába jutott, könnyen legyen lehetősége tovább böngészni és megtalálni amit eredetileg szeretett volna.

Az ilyen esetekben az Extreme Digital webshopban személyre szabott termék ajánlatokat helyeztünk el.

Korábbi hibaoldal ajánló nélkül

 

Újtatervezett hibaoldal ajánlóval

Eredmények

A termékajánlók hatékonyságának eredménye a fejlesztések hatására a következőképpen változott: az ajánlórendszer korábban kb. 1%-ban járult hozzá a termékértékesítésekhez, ez az arány kb. 1,7%-ra növekedett, az ajánlórendszerben megjelenített termékek értékesítési volumene pedig kb. 43%-kal növekedett.

G’Roby

G'Roby

A G’Roby Élelmiszer-szupermarket láncot Gárdonyi Róbert alapította 1992-ben. A Budapesten működõ bolthálózat jelenleg 5 üzletet üzemeltet, 1999-ben indította útjára házhozszállítás szolgáltatását, és Magyarországon az elsõk között, 2000 tavaszán nyitotta meg on-line áruházát.

A BIG FISH és a G’Roby 2016. októberében kezdett egy közös optimalizáló projektbe. A kooperáció során a G’Roby adatforrásokat (Google Analytics, HotJar, teszt fiók) bocsátott a szakértők rendelkezésére, amelyek alapján fejlesztési javaslatok készültek. A cél a felhasználói élmény továbbfejlesztése, valamint a webshop eredményességének további növelése volt.

Az elemzés

Az elemzés során a főbb javaslatok az oldal teljesítményének optimalizálására, az organikus keresési elérés növelésére, a vizuális tartalmak egyszerűsítésére, a kereső és egyéb, konverziót nagyban támogató elemek funkcionalitásának fejlesztésére vonatkoztak.

Az oldal grafikai elemeinek elrendezéséve, a kereső funkcionalitásának továbbfejlesztéséve, a vevői tájékoztatás pontosításáva, és a vásárlási folyamat egyes lépéseivel (a regisztrációtól kezdve a vásárlási folyamaton át az after sales-ig és az e-mail kommunikációig) kapcsolatban egyaránt születtek javaslatok.

Az elemzés eredményének közös kiértékelése után a javaslatokból kiválasztottuk azokat a feladatokat, amiket a rendelkezésre álló fejlesztési keretben megvalósíthatónak, és a lehető legnagyobb várható haszonnal rendelkezőnek ítéltünk.

A fejlesztések

A megvalósított fejlesztések alapvetően öt témakörre csoportosíthatóak:

  • az oldal sebességének növelése,
  • az organikus elérés fejlesztése,
  • az e-mail kampányok optimalizálása,
  • a kereső optimalizálása,
  • kisebb, az oldal átláthatóságát, egyértelműsítését szolgáló fejlesztések.

Az oldal sebességének növelése

A weboldal sebessége nem csupán a keresőmotorokban való helyezés miatt fontos, hatással van a felhasználói élményre, valamint befolyásolhatja az AdWords és az egyéb online hirdetések költségét is. Indikert módon kihat az oldalak megtekintésének számaira, a visszafordulási arányra, és természetesen a konverziós arányra is. Összességében elmondhatjuk, hogy az oldal sebessége az egyik legfontosabb technikai jellegű mérőszám, amely közvetlen hatással lehet minden más adatra is.

A G’Roby webshopban a sebességgel kapcsolatos fejlesztések főleg a grafikai elemek és kódrészletek tömörítését és a Google irányelveinek megfelelő optimalizálását érintették, valamint egyes kódrészletek átszervezését jelentették.

Az organikus keresésekből érkező átkattintások számának növelése

Az oldal az elemzés idején nem rendelkezett a keresési találatokat többlet információkkal ellátó adatmegjelöléssel (strukturált adatok), aminek segítségével a G’Roby webáruházára mutató linkek gazdagabban jelenhetnek meg (pl.bélyegképpel, illetve egyéb plusz információval) a keresők találati listáiban, ezzel nagyobb átkattintási arányt eredményezve.

E-mail kampányok optimalizálása

Az elemzés a marketing hírlevelek megjelenésénél mutatott rá további fejlesztési lehetőségekre: mobil optimalizációval a levelek több átkattintást eredményeznének – ehhez az emailben szereplő képek erőteljes tömörítésére adott javaslat mellett döntöttünk, valamint, hogy a képekre ne kerüljön szöveg. Ezekre azért van szükség, mert a mobilinterneten böngészők lassabban töltik le a tartalmakat, sőt, sok esetben teljesen blokkolják a fotókat – így az üzenet (vagy a CTA gomb) nem is jut el hozzájuk egyik esetben sem. Az emailek ilyen szempontú optimalizálásától az átkattintási arány növekedését vártuk.

Kereső optimalizálása

Az elemzés idején a G’Roby oldalán termékeket név és vonalkód alapján egyaránt lehetett keresni, valamint termékkategória szerint már előszűrhetőek voltak a találatok a keresősávból. A kereső a leggyakoribb keresések alapján is felajánlott találatokat, valamint használta a teljes termékkínálatot az automatikus kiegészítésre.

A találati oldalon nem megfelelő kulcsszó beírása után üres találati oldal fogadta a felhasználót, a rendszer nem ajánlott valamilyen módon releváns vagy akár véletlenszerű termékeket. A kereséssel kapcsolatos hibaüzenet a keresősávtól távolabb jelent meg.

Az elfogadott javaslat szerint a nem megfelelő kulcsszó beírása utáni “üres” találati oldalt frissítettük a legnépszerűbb, illetve személyre szabott termékekkel. A fejlesztés sikerét a megtekintett oldalak számában mértük, valamint a konverziós arányhoz is hozzájárul a könnyebb keresés.

Egyéb fejlesztések

Az oldallal kapcsolatos bizalom növelése, valamint az átláthatóság növelésének érdekében több kisebb fejlesztés mellett döntött a G’Roby és a BIG FISH:

  • A kosár a szövegezésben egyértelművé tettük, hogy a megjelenített érték a házhozszállítás költségét nem tartalmazza
  • A mobil alkalmazás népszerűsítésére szolgáló kreatívot a láblécbe helyeztük
  • A vevőtájékoztatót (a regisztráció és a vásárlás lépéseit bemutató segédletet) közvetlenebb nyelvezetűre fogalmaztuk, és a tárgyalt funkcióra továbbmutató linkekkel,  gombokkal egészítettük ki.

Eredmények

A fejlesztések visszamérése januárban történt: két hetes időszakot hasonlítottunk össze egy októberi, fejlesztés előtt bázis időszakkal.

  • Az oldal betöltési sebessége közel 20%-kal csökkent. Ez az organikus elérés növekedését, valamint a hirdetési költségek csökkenését is eredményezheti.
  • Az organikus keresésekből érkező átkattintások száma 10%-kal nőtt az oldalt többlet információkkal ellátó strukturált adatok elhelyezésének hatására.
  • A marketing célú emailek optimalizálásával mobilon 44%-kal, tableten pedig 54%-kal nőtt az átkattintások száma.
  • A kereső funkcióinak optimalizálásának határára 20%-kal több oldalt néztek meg a látogatók.

A G’Roby és a BIG FISH ezen együttműködésének eredményeként a G’Roby webshop e-kereskedelmi konverziós arányában 7%-os növekedés volt mérhető.

Háda webshop

Háda webshop

 2013-ban a magyar használtruha kiskereskedelem meghatározó piaci szereplője a Háda Kft és a közép-európai használtruha nagykereskedelem szintén meghatározó piaci szereplője úgy döntött, hogy online kereskedelembe kezd. 2014 szeptemberében indult el Magyarországon a Háda webshop, mely használtruhákat árul és azóta már román, szlovák, lengyel, cseh és horvát piacon is jelen van.

Meghatározó szereplői a magyar használtruha e-kereskedelemnek, valamint két szakmai megmérettetésen indultak: 2015-ben a 3. helyezettek a SzEK.org által szervezett Év internetes kereskedője versenynek, ugyanitt 2016-ban a 2. helyet szerezték meg.

2016-ban már naponta kb. 200 megrendelésük érkezik, és több mint 1000 db ruhát adnak el.

A webáruház az alapvető e-kereskedelmi gyakorlatban megkövetelt funkcionalitásnak és elvárásoknak teljes mértékben megfelelt, a javaslataink az alábbi területre összpontosítanak:

  • apróbb finomítások, amelyek a felhasználói élmény további növelését, kényelmesebb használatot eredményeznek
  • a navigáció és szűrés felületének újratervezése a használati szokásoknak megfelelő optimalizálása
  • az egyedi értékesítési modellre épülő kiegészítő megoldások, amelyek implementálásával a felhasználók további vásárlásra ösztönözhetők, ezáltal az értékesítési volumen és tranzakciószám tovább növelhető

Felhasználói élmény

Szállítási költségek kommunikációjának javítása

Egy webshop vásárlási folyamatában általánosságban követendő irányelv, hogy a kommunikáció legyen mindenhol egyértelmű. A választási opcióknál a lehető leginkább teljes körű, rejtett vagy későn kiderülő költségekkel ne terheljük a vásárló rendelését.

Jellemzően például a szállítási opciók kiválasztásánál lehet az egyik szempont a kényelem és praktikusság mellett az egyes szállítási módok költsége is. Ez a korábbi megoldásban a szállítási adatok megadásánál nem volt feltüntetve, csak két lépéssel később, a megrendelés leadása előtt összegző képernyőn jelent meg először.

Szállítási költségek - előtte

A módosítás után a szállítási adatok megadásál már minden opciónál egyértelműen szerepel a logisztikai szolgáltató megnevezése, a várható kiszállítási időtartam, valamint az adott opciók pontos költsége is.

Szállítási költségek - utána

Figyelmeztető üzenetek használhatóságának javítása

A felhasználói felületek tervezésél törekedni kell arra, hogy a látogató lehetőség szerint soha ne kerüljön “zsákutcába” a böngészési folyamat során. Lehetőség szerint ne forduljon elő az, hogy egy lépés után nem tud az általa kívánt irányba továbblépni, akkor sem ha ez egyébként valamilyen valós indok miatt nem lehetséges.

A figyelmeztető vagy tájékoztató üzenetek esetén előfordult, hogy a látogató megkapta ugyan a pontos tájékoztatást, azonban a webshop nem segítette kellőképpen, hogy a folyamatban továbblépjen.

Például:
Ha webshopba be nem jelentkezett látogatóként a kívánságlistára szeretnénk helyezni egy terméket, megjelenik a tájékoztató üzenet, hogy a funkció használatához be kell jelentkezni, azonban semmilyen opciót nem kínál.Figyelmeztetés - előtte

A módosítás után minden olyan tájékoztató üzenet esetén, ahol releváns további művelet értelmezhető, bekerült a továbblépést segítő, tovább irányító opció, az említett példában a belépés közvetlen elérését lehetővé tevő gomb.

Figyelmeztetés - utána

Navigáció és szűrés felületének újratervezése

A felhasználói felület hőtérképes elemzése során kiderült, hogy böngészés közben a látogatók számára a szűrési opciók fontossági sorrendje nem azonos azzal, ahogyan a webshop megjeleníti őket.

A kategóriák és az “Akciók”, “Újdonságok” blokkok után következnek a méret szűrők, amelyek azonban így minden képernyőméret esetén csak görgetéssel érhetők el. A hőtérkép segítségével sikerült az egyes szűrőtípusok használati mintázatát felmérni és egyértelműen látszódott, hogy a kategóriák után a méretek a legfontosabb szűrési feltételek a látogatók számára.

Szűrő hőtérkép

A probléma kiküszöböléséhez a navigációt, a kategóriastruktúrát és a fejlécet jelentősen újra kellett tervezni ahhoz, hogy a méret szűrők a látogatók számára könnyebben és gyorsabban elérhetők legyenek.

Konverziónövelés

Kosár és kívánságlista működésének átalakítása

A Háda webshop értékesítési modellje eltér az átlagos webáruházakétól, mert minden egyes termék egyedi, mindenből csak egyetlen példány áll rendelkezésre. (A webshop saját, külön raktárkészlettel dolgozik, a fizikai boltok és a webshop készlete teljes egészében elkülönül.) Annak érdekében, hogy ne fordulhasson elő, hogy egy terméket (közel) egyidőben többen is megvásárolnak, a webshop egy kosár zárolási logikát alkalmaz: ha egy látogató a kosarába tett egy terméket, akkor az a termék a webshopban azonnal foglalt státuszba kerül, más látogató nem teheti a kosarába és nem vásárolhatja meg azt.

A zárolások mellékhatásainak kiküszöbölésére minden kosárnak van egy lejárati ideje. Ha ezen időn belül a látogató nem vásárolja meg a kosarában levő termékeket, akkor azok újra felszabadulnak és bármely más látogató számára elérhetővé válnak. A vásárláshoz rendelkezésre álló időről egy visszaszámláló folyamatosan tájékoztatja a felhasználót a kosárban:

Kosár visszaszámláló

A korábbi megoldás a számláló lejárata előtt figyelmeztette a felhasználót, majd lejáratkor a termékeket kivette a kosárból és újra elérhetővé tette. Ez két szempontból jelentett problémát:

  1. ha a látogató a termékeket mégis meg szerette volna vásárolni, újra ki kellett keresnie őket a webshopból
  2. a kosár kiürítésével a vásárló visszahívása, újra megszólítása nehezen volt kivitelezhető

A kosár működési logikája a fejlesztés során úgy változott meg, hogy bejelentkezett felhasználók esetén a határidő lejáratakor a kosarat nem csak kiüríti a webshop, hanem a tartalmát a felhasználó kívánságlistájára helyezi át. A kívánságlistán levő termékek nem zároltak, a többi felhasználó számára elérhetőek, de érdeklődés esetén könnyen újra kikereshetőek.

A funkció működésének támogatására a webshop belépés funkciója kiegészült a “Belépve maradok” opcióval is.

Belépve maradok

Kívánságlista értesítő levelek megvalósítása

Az előző pontban részletezett fejlesztésnek köszönhetően a felhasználók kívánságlistáján már nem csak azok a termékek szerepeltek, amelyeket explicit módon böngészés közben hozzáadtak, hanem azok is, amelyeket a kosárban “felejtetttek” – ezek azonban ugyanúgy értékes információval szolgálnak a webshop számára.

Ezen adatokat felhasználva egy visszahívó kampány készült, amely értesíti a felhasználókat, amennyiben a kívánságlistájukon szereplő valamely terméknek / termékeknek az ára csökken, így ösztönözve őket a visszatérésre és vásárlásra.

Eredmények

A kampány a beüzemelést követő 3 hónapos mért időszakban a magyar webshopban

  • több mint 4000 visszatérő látogatást
  • 4% feletti konverziós arányt
  • több mint másfél millió forintos plusz bevételt

eredményezett.

 

HVG Könyvek

HVG Könyvek

A HVG Kiadó valamennyi kiadványa valós tényekre épít, és a tudásátadást célozza – ezzel a küldetéssel indult útjára a HVG Könyvek is 2003-ban, amely mára a non-fiction kategória legjelentősebb szereplőjévé vált. Évi 50-60 új kiadvánnyal jelentkezik üzlet, menedzsment, pszichológia, önismeret, népszerű tudomány, életrajz, tényfeltáró irodalom témakörökben. 2010-ben ismeretterjesztő gyerekkönyvekkel bővült a kínálat.

A HVG Könyvek oldalát a BIG FISH megbízásából az Ergonómia Kft. elemezte analitikai szempontból – azaz az adatgyűjtésük pontossága, és a beérkezett adatok teljessége és tisztasága szempontjából -, valamint funkcionális, UX szempontból. Az elemzés célja az volt, hogy olyan fejlesztési javaslatokat tegyenek, amiknek segítségével az oldal hatékonyabban és egyszerűbben tudná értékesíteni a webes felületének termékeit. A javaslatokat a HVG Könyvek felelősei és a BIG FISH szakértői 100 órányi fejlesztési térképpé alakították. Az eredményeket 2017 január végén mérték vissza az Ergonómia Kft. szakértői.

Az elemzés

Keresés

UX szempontból vizsgálva a webes felületet, az egyik fő felfedezés a kereső méretének változtatási lehetőségei voltak. Bár a kereső megfelelő helyen – a felhasználók által várható lokáción – helyezkedett el, a mérete nem emelte ki a fejléc többi eleme közül, nehezen volt észrevehető:

 A keresési funkcióhoz kapcsolódótt a találati lista újragondolása is. A lista a túlságosan nagy listaelemek miatt kevéssé volt áttekinthető:

A találati oldalakon a lapozási lehetőség nem volt elég figyelemfelkeltő: több részletre volt osztva, illetve kisebb betűtípust alkalmaztak. Mobilos keresésnél a rosszul beírt keresőszavakra fejlesztőknek szóló hibaüzenetet kaptak a látogatók, mint a lenti “psiholig” kifejezésnél látszik:

Az elemzés alatt kiderült, hogy a felvitt, ékezettel rendelkező könyvekre, ha azok címére vagy szerzőjére ékezet nélkül keresett a felhasználó, nem érkezett találat.

Főoldal

A nyitó oldalon eredetileg nem volt ár, illetve a szerzők sem voltak feltüntetve a könyvek mellett, ami a felhasználók számára könnyen elbizonytalanodást okozhatott.

Hőtérképes elemzés alapján a könykategóriák elrendezésének megváltoztatására is igény mutatkozott: a kategórialista felsorolása duplán jelentkezett, egyrészt egy vertikális, majd pár sorral lejjebb egy horizontális menüként.

Vásárlási folyamat

A vásárlási folyamat elemzése a kosárikonnal kezdődött: egy-egy termék kosárba helyezésekor dupla pop-up ablak jelent meg az oldalon, valamint a kosárba tett termékek számát nem látta a felhasználó folyamatosan.

A kosárban került termékek törlése is nehézkes volt a felhasználók számára. Ami azonban a legsürgetőbb változtatásként felmerült, az volt, hogy a hvgkonyvek.hu checkout folyamatában nem volt átlátható, a vásárlás melyik lépésénél is tart a felhasználó, illetve, hogyan tud visszalépni egy előző lépéshez, amennyiben módosítaná a kosár tartalmát vagy valamilyen megadott adatot.

A fejlesztések

A leglátványosabb változás a hvgkonyvek.hu főoldalán történt: a navigációt egyértelműbbé tették egy nagyobb keresésőfelülettel, swipe-olható sliderképekkel, valamint duplázott, vertikális és horizontális menü helyett csak horizontális menü használatával:

A korábbi fejléc

A korábbi fejléc és navigáció

 

Az újratervezett megoldás

A kosárba tételkor a dupla pop-up ablak helyett csak egy jelzés érkezik, hogy a kosárba tétel megtörtént. A keresés jóval egyértelműbbé vált: már az ékezet nélküli kereséseket is felismeri a rendszer, és releváns találatokat hoz vissza.

A nyitó oldalon ezenkívül a szerzői nevek és árak is megjelentek. A keresés utáni találati listaoldalak pedig a fejlesztések után sokkal több információt tartalmaznak a könyv összefoglaló rövidítésével. A lista azonban áttekinthető maradt:

A korábbi lista

A korábbi lista

 

Az újratervezett lista

Az újratervezett lista

A vásárlási folyamat a fejlesztések során áttekinthetőbbé vált: egy ún. Progress bar bevezetése segítségével a felhasználók tudják, hogy hol járnak a folyamatban, illetve könnyen vissza tudnak lépni.

Az eredmények

A fejlesztések 2016. decemberében zajlottak le, és 2017. január 1-20. között zajlott ezek visszamérése. A januári időszak adatait 2016, ugyanezen időszakával hasonlítottuk össze, a szezonalitás kizárása érdekében.

2016. és 2017. januári eredményeit összehasonlítva az összbevétel 27,91 százalékkal nőtt – pedig az oldal desktop-os felhasználóinak száma nem változott szignifikánsan (1,5 százalékos csökkenést mutatott). A konverziós arány azonban több, mint 10 százalékkal nőtt. A konverziós arány javulása érdekében számos fejlesztést bevezettek, többek között a főoldal áttervezését, ami az ott töltött idő 17,3 százalékos növekedésével sikeresnek mondható. A hvgkonyvek.hu képes volt úgy növelni a tranzakciók számát, hogy a munkamenetek száma nem változott jelentősen – azaz az oldal a már meglévő, a márkát ismerő vevőit tudta aktivizálni.

A vevők kosárértéke is jelentősen, több, mint 12 százalékkal nőtt: ehhez valószínűleg erősen hozzájárul, hogy a fejlesztések során bevezették a termékoldalakon a kapcsolódó termékek megjelenítését.

Összefoglalás

A hvgkonyvek.hu egy kiemelkedően sikeres projektnek nevezhető, ami bemutatta, hogy az oldalt és a márkát már ismerő felhasználókat hogyan tudják UX változtatásokkal (több) vásárlásra buzdítani. Ez is mutatja, hogy minden e-commerce oldalt érdemes rendszeres időközönként refaktorálni, újraelemezni és áttervezéseket végrehajtani rajta analitikai és hőtérképes adatok segítségével.