iSTYLE

iSTYLE

Az iSTYLE profilja számítástechnikai műszaki cikkek online kiskeresdelemben való értékesítése, különös tekintettel az Apple-termékekre és azok kiegészítőire (Apple Hivatalos Viszonteladói státusz). Forgalma 2015-ben meghaladta a 12 mrd Ft-ot.

Az iSTYLE webáruház funkcionalitásában megfelel az e-kereskedelmi gyakorlat követelményeinek, a vásárlási élményt azonban néhány megjelenéssel, működéssel kapcsolatos elem kedvezőtlenül befolyásolta.


 

Oldalbetöltés sebessége

Az oldal betöltési sebesség jelentősen befolyásolja a felhasználói élményt, és hatással van a keresőoldalakon elérhető helyezésre is. A Google PageSpeed Insights alkalmazásával az oldal sebessége mérhető, és javítási javaslatokat is kapunk. A nem használt modulok törlésével, valamint a Google front-endre vonatkozó javaslatainak alkalmazásával átlagosan 13%-os javulást sikerült elérni az iSTYLE webáruháza esetén.

Google PageSpeed Insights értékelések:

  • Asztali megjelenés: 9 pontról 54 pontra (100 pontból)
  • Mobil megjelenés: 29 pontról 53 pontra (100 pontból)

Az elért eredmények mellett célszerűnek tartjuk ezeket a mutatókat további optimalizációval 75-80 pontig növelni.

 


 

A kereső működése 

A webáruház keresőjében komolyabb hibának minősül, ha egy keresőszóra nem kap találatot a felhasználó, annak ellenére, hogy elérhető ilyen nevű termék. Kényelmetlenség volt továbbá, hogy egy eredménytelen keresés után a felhasználónak vissza kellett navigálnia a keresőhöz, amely plusz kattintásokat és időt jelent.

Korábban:

istyle-kereso-elotte

Megoldás:

A “nincs találat” oldalon megjelenik a keresősáv, így könnyedén indíthat a felhasználó új keresést egy másik kifejezéssel.

istyle-kereso-utana


 

Vásárlási folyamat 

A korábbi működésben a vizuális megjelenés nem támogatta kellő mértékben a felhasználót, nehezebb volt megtalálni a továbblépéshez szükséges gombot, követni a folyamatot.

istyle-penztar-elotte

Megoldás:

Az űrlapot célszerű úgy megtervezni, hogy a felhasználó minél kisebb fáradsággal tudja azt kitölteni. Ehhez járul hozzá a mezők megfelelő elrendezése, súgószövegek elhelyezése, a kötelező mezők jelölése, valamint a továbblépéshez szükséges gomb kiemelése. Megszűnt a fax mező, illetve könnyebben használhatóvá vált a születési dátum választó.

istyle-penztar-utana


 

A termékoldalak elérhetősége

A diagnosztika során hőtérkép készül a kritikusan fontos oldalakról, amely segít megérteni a felhasználói viselkedést, így lehetőséget adva a további finomhangolásokra. A hőtérképes vizsgálat alapján kiderült, hogy a felhasználók olyan helyen igyekeznek a termékkártyákra kattintani, ahol azok nem kattinthatók – korábban a termékkártyákon csak a kép volt kattintható.

istyle-kartya-elotte
Megoldás:

A termékkártya teljes területe kattinthatóvá vált, így kényelmesebbé téve a felhasználó számára a navigációt.

istyle-kartya-utana


 

Termékek listájának rendezése

A termékek a listájában növelhető a konverziós arány, ha azokat a termékeket vesszük előre, amelyek készleten is vannak, így nagyobb eséllyel érkezik rájuk rendelés.

istyle-keszlet-elotte

Megoldás:

A termékek közötti szűrés, rendezés kiegészítésre került a “készleten lévők elöl” jelölőnégyzettel.

istyle-keszlet-utana

 


 

Bankkártyás fizetési módok elnevezése

A bankkártyás fizetésnél különösen fontos a felhasználói bizalom elnyerése, megtartása, hiszen érzékeny adatokat kell majd kiadnia a fizetési folyamatban. Ebben az esetben nem szerencsés a “külső oldal” megnevezés.

istyle-fizetes-elotte

Megoldás:

A bizalom megszerzését segíthetjük a fizetési módok kiválasztásánál a szolgáltatók nevének feltüntetésével, valamint a fizetési mód néhány mondatos leírásával.

istyle-fizetes-utana


 

A webáruház mérőszámainak változása 

Az iSTYLE webáruházának legfőbb mérőszámai a bázis időszakhoz képest a visszamérés időszakában jelentősen javultak:

  • Betöltési sebesség: Az oldalak átlagosan 13%-kal töltöttek be gyorsabban a módosításokat követően
  • Munkamenetek: A munkamenetek hossza átlagosan 23%-kal nőtt
  • Visszafordulás: A látogatók közül 25%-kal kevesebben hagyták el az oldalt további lapok megnyitása nélkül

 

JátékNet

JátékNet.hu webáruház

A JátékNet.hu 10 éve alakult családi vállalkozásként, 2 házaspár ötletéből, mára az ország legnagyobb játék webáruházává vált. A webshop havonta átlagosan ~200.000 egyedi látogatót szolgál ki, a napi csomagszám a szezonális időszakban a ~4.000 db-ot is eléri.

A JátékNet.hu webáruház az alapvető e-kereskedelmi  gyakorlatban megkövetelt funkcionalitásnak és elvárásoknak teljes mértékben megfelel, több ponton túl is teljesíti azokat.

Egyértelmű mérési hiányosságot, a vásárlási élményt drasztikusan rontó működést az elemzés nem tapasztaltunk, a javaslataink két 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
  • plusz értékesítési és konverziónövelési 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

Mobilos használhatóság

A mobilos használatósággal kapcsolatos észlelt problémák 2016. márciusában drasztikusan lecsökkentek, amikor a webshop mobilra optimalizált változata elkészült, ezt a Goole Search Console vonatkozó riportja is alátámasztja:

JátékNet - mobilos használhatóság

A továbbra is előforduló hibák két esetre tipizálhatók:

  • “A tartalom szélesebb a képernyőnél”
  • “A kattintható elemek túl közel vannak egymáshoz”

Az ellenőrzés során kiderült, hogy a hibák jellemzően a korábban létrehozott, és továbbra is elérhető kampányoldalak esetén jelentkeznek.

Megoldás:

A korábban létrehozott és már nem aktuális kampány oldalak inaktiválásával, valamint a még élő kampány oldalak tartalmának mobil eszközökre optimalizálásával a fennmaradó hibák is kiküszöbölhetőek voltak.

Konverzió és értékesítési teljesítmény

Kereső

Követendő példaként érdemes kiemelni, hogy a kulcsszavas kereső már gépelés közben ajánl keresési kifejezést és konkrét terméket is, ez a megoldás hatékonyan segíti a látogatókat. A tipikus elgépelésekre, illetve helytelenül írt angol kifejezésekre a kereső intelligens találatokat ad, tehát a felhasználói hibák nagy részét automatikusan javítja és segít a keresett termékek megtalálásában.

JátékNet kereső


 

Navigáció

A főmenüben mind kategóriára, mind márkára, mind mesehősre lehet listázni a termékeket, amely így a tipikus vásárlói megközelítéseket lefedi, a böngészést megkönnyíti.

Apróbb probléma volt, hogy ahhoz, hogy az akciós termékek kilistázhatóak legyenek, a főmenü Akciók pontjában a lenyíló rétegben a “Minden akciós termék” gombra kellett kattintani, azonban ahogy az egérrel efelé közelítettünk, a rétegben megjelenő termék kerete magát a gombot letakarta.

Korábban:

JátékNet akciók

Megoldás:

JátékNet akciók


 

Belépés, regisztráció

A belépés képernyő felépítése átlátható, egyértelmű.
A regisztrációs űrlap csak a szükséges adatokat kéri be, az ÁSZF és hírlevél opciók kezelése a jogszabályoknak megfelelő.

Hiányosság volt, hogy a Facebook és Google belépés opció csak a belépés képernyőn jelent meg, a regisztrációnál nem – így ha valaki tudatosan azonnal a regisztráció menüpontra kattintott, nem is találkozott azzal a lehetőséggel, hogy ezekkel a fiókokkal is be tud lépni.

A belépés során nem volt “belépve maradok” opció.

Megoldás:

A Facebook és Google belépés opciókat a belépés mellett a regisztrációs oldalon is célszerű elérhetővé tenni. A belépés során hasznos a “belépve maradok” opciót megjeleníteni, ami alapértelmezés szerint be is van kapcsolva. Így a belépett és később visszatérő felhasználók könnyebben azonosíthatók, követhetők és célzottabban újra elérhetők.

Eredmények:

A funkció bevezetése után a teszt időszakban a “Belépve maradok” opciót a felhasználók 32%-a aktiválta.


Kosár elhagyás visszahívó levél

A “belépve maradok” opcióra alapozva kialakítható egy visszahívó kampány, amely emlékezteti a vásárlókat, ha a kosárba helyeztek termékeket, de a vásárlást mégsem fejezték be.

A kiküldött levélben célszerű az adott termék(ek) képének, megnevezésének és árának feltüntetése, hogy vizuálisan is ösztönzőbb legyen. Amennyiben az adott termék értékelése pozitív, úgy a termék mellett a pontszámot, illetve egy szöveges értékelést is célszerű lehet megjeleníteni. A levélben a kosárba visszavezető linket érdemes úgy kialakítani, hogy arra kattintva közvetlenül a webshop kosarába érkezzen a felhasználó, anélkül hogy be kelljen jelentkeznie, azért hogy a vásárlást a lehető legkönnyebben, a legkisebb lemorzsolódási lehetőséggel be tudja fejezni.

Fentieken felül szükséges minden, a levélben szereplő linket megfelelő követőparaméterekkel ellátni, hogy egyértelműen kimutatható és elemezhető legyen ezen levelek forgalomterelő hatása.

Eredmények:

A teszt időszakban az elhagyott kosárral kapcsolatban kiküldött levelek 42%-os megnyitási arányt, 16,7%-os átkattintási arányt és több mint 200 sikeres vásárlási tranzakciót eredményeztek.


 

Szülinapi klub

Az elemzés idején a webshopban regisztrált felhasználó a gyermek születésnapja előtt 4 héttel kapott egy üdvözlő e-mailt (amennyiben megadhat a születésnapját), amely egy 500 Ft-os kupont tartalmazott. A szülinapi klub értesítő leveleinek konverziós aránya a 2016-os év első felében 3,4% volt (a kiállított és ebből beváltott kuponok száma alapján).

Javaslat:

A levél nem tartalmazott konkrét termékeket, célszerűnek tartjuk néhány terméket figyelemfelkeltésként már a levélben is elhelyezni.

Az egyszeri levélküldés helyett érdemes legalább még egy alkalommal (pl. két héttel a születésnap előtt) újabb levelet küldeni, ha az előző levél hatására nem vásárolt a felhasználó.

A felajánlott kedvezményt ilyen esetben érdemes több féle opcióval kipróbálni:

  • fix összegű kedvezmény különböző értékben
  • %-os kedvezmény különböző értékben
  • ajándék termék
  • ajándék party kellékek
  • ingyenes szállítás kedvezmény

A fent javasolt opciók hatását számszerűen pl. A/B teszteléssel lehet kimérni és a leghatékonyabb kombinációt így tényadatok alapján lehet kiválasztani.

Fentieken felül szükséges minden, a levélben szereplő linket megfelelő követőparaméterekkel ellátni, hogy egyértelműen kimutatható és elemezhető legyen ezen levelek forgalomterelő hatása.

Eredmények:

Az újratervezett Szülinapi klub értesítőre az előző év azonos időszakához képest 47%-kal többen iratkoztak fel az újonnan regisztráló felhasználók közül.


 


 

KPI változások

Összességében a JátékNet webshop e-kereskedelmi mutatószámai az alábbiak szerint változtak az előző év azonos időszakához képest:

  • E-kereskedelmi konverziós arány: 4%-os növekedés
  • Átlagos kosár érték: 5%-os csökkenés
  • Tranzakciók száma: 26%-os növekedés

jegy.hu

jegy.hu

Az 1995 óta működő InterTicket Magyarország piacvezető cége a jegyértékesítési rendszerek üzemeltetésében a kultúra területén. A cég országos hálózatán a hazai színházak, koncerthelyszínek, fesztiválok mintegy 50.000 rendezvényének teljes jegykészlete érhető el évente.

Az InterTicket és a BIG FISH júliusban kezdte meg együttműködését azért, hogy a jegy.hu felületét a felhasználók számára a lehető legjobban optimalizáljuk. A jegy.hu-t évek óta örömmel használja több szézezezer felhasználó ahhoz, hogy kulturális élményeit gyarapítsa. Az elemzés során  azonban kiderült, hogy egy jól működő oldalt is érdemes időről időre frissíteni, hogy minél felhasználóbarátabb legyen. A fejlesztések eredményeit aztán szeptemberben és októberben vizsgáltuk, a jegy.hu előző évi adataival összehasonlítva.

Az elemzés

Az elemzés Google Analytics adatok és hőtérképek felhasználása alapján készült, és kitért többek között a keresőfelület újragondolására, a menük átstrukturálására, a listaoldalak újradizájnolására. Az InterTicket csapatával történő közös munka során azonban a következő fókuszpontokban állapodtunk meg:

  • Az organikus elérés növelése
  • A szűrő átgondolása
  • A termékoldalak újradizájnolása
  • A vásárlási (checkout) folyamat egyszerűsítése

A fejlesztések

A fenti célok érdekében az oldalhoz webhelytérképet adtunk, majd – szintén az organikus elérés és a felhasználói élmény növelése érdekében – az oldal sebességét is fejlesztettük többek között az oldal cache-elésével, a Javascript és CSS minimalizálásával.

A másik nagy fejlesztési terület a szűrő volt, amit egyrészt vizuálisan jobban elkülönítettünk az ajánlatoktól a könnyebb használhatóság érdekében, másrészt levettük az olyan kevéssé használt, de figyelemelterelő funkciókat, mint például a Facebook like gomb.

A termékoldal újradizájnolása a sebesség gyorsítása mellett a legtöbb erőforrást vette igénybe. Az eredeti termékoldalakon sok üres tér volt, és az előadások időpontjait is lehetett volna jobban hangsúlyozni.

A vásárlási folyamat egyszerűsítésének a lényege az volt, hogy a felhasználó minél gyorsabban és egyszerűbben be tudja fejezni a kosárba tett jegy(ek) megvásárlását. A hőtérképekből egyértelmű volt, hogy a kosároldal eredeti verziója túl hosszú volt, így annak rövidítése a kevéssé használt funkciók (pl. hírlevél sáv) levétele által megoldható, valamint a fizetési és szállítási módok egyszerűsítése is elvégezhető (az alternatív, kevéssé használt módok kisebb hangsúlyozásával).

Az eredeti kosároldal hőtérképe

Az eredeti kosároldal hőtérképe

Eredmények

Az organikus elérés növelése lassú folyamat, de összehasonlítva a 2016-os szeptember-októberi eredményeket 2015-tel, robbanásszerű növekedést látunk: az organikus keresésekből érkező munkamenetek száma közel 50 százalékkal nőtt, és az innen érkező tranzakciók száma több, mint 9 000 százalékkal nőtt. Ehhez az oldal sebességének növekedése nagy valószínűséggel hozzájárul: míg a júliusi elemzés idején 4,69 másodperc volt az oldalbetöltés átlagos ideje, ez a fejlesztéseket követően szeptemberre minden oldalon körülbelül 30 százalékkal csökkent.

A szűrő vizuális elkülönítésével lehetővé tették, hogy többen keressenek, és így többen kerüljenek be a vásárlói funnel-be – összehasonlítva a 2016 nyári adatokkal, átlagosan 22 százalékkal több munkamenet ért el egy-egy termékoldalra, azaz a felhasználók, úgy tűnik, valóban könnyebben tájékozódnak a szűrő átstrukturálása után.

A termékoldal újradizájnolása során a lényeg az események és dátumaik erőteljesebb hangsúlyozása volt. A termékoldal fejlesztésével kapcsolatban a fő mérőszám a konverziós arány volt, ami – bár egyértelműen több fejlesztés, márkaépítés és marketingkampánynak köszönhetően is – az előző évhez képest asztali gépeken több, mint 14 százalékot nőttek.

A korábbi termékoldal

A korábbi termékoldal

 

Az átalakított termékoldal

Az átalakított termékoldal

A vásárlási folyamat egyszerűsítése abból az alapvetésből indult ki, hogy a kosárba tett jegyeket minél gyorsabban és kényelmesebben tudják megvásárolni a felhasználók. A felhasználók viselkedését elemezve kiderült, hogy a legtöbben az OTP rendszerén keresztül történő bankkártyás fizetést választják, ezért a többi vásárlási módot egy link mögé rakták. Így a kosároldal hosszát jelentősen rövidíteni tudta a jegy.hu.

Az eredeti kosár oldal

Az átalakított fizetési mód megjelenítés

A 2016 nyári adatokkal összehasonlítva a fejlesztések után, ősszel, átlagosan 4 százalékkal többen léptek tovább a vevőadatok megadásához, így a kosároldali fejlesztés sikeresnek tekinthető.

Összegzés

2015-höz képest összesen 18,9 százalékkal nőtt a bevétel a jegy.hu oldalán. Ez különösen szép eredmény egy olyan szaturált és érett piacon, mint az online jegyértékesítés.

A bevétel legkiugróbban a mobilos felhasználóknál nőtt – 67,35 százalékkal költenek többet mobilon ma, mint 2015-ben az oldalon mobileszközről. Tekintve, hogy a legtöbb felhasználó, illetve online platform küzd a mobilos felhasználók fizetéshez szoktatásához, ez nagyon jó eredmény.

A fejlesztések hatására az oldal sebessége 30 százalékkal nőtt, a kosároldalról pedig 4 százalékkal nőtt a továbblépők aránya.

 

Jegymester

Jegymester

A Jegymester Magyarország első számú online jegyértékesítő felülete. Évi több, mint 7 millió darab jegyet forgalmaz, online regisztrált vásárlóinak száma 600 ezer.

A BIG FISH és a Jegymester 2016. októberében kezdett együttműködni annak érdekében, hogy a Jegymester online felületét minél kényelmesebben tudják használni a felhasználók. A BIG FISH a Google Analytics adatai, hőtérképek, és felhasználók oldalon történő viselkedését mutató videók felhasználásával átfogó UX-elemzést készített.

Az elemzés

Az elemzés több fejleszthető pontra is rávilágított. Ilyen volt többek között a kereső működése, a fejléc felépítése, és a termékoldalak struktúrája és a checkout folyamat optimizálása. Több SEO-t érintő javaslatot is tettünk, mint például a robots.txt és a sitemap elérhetővé tételére vonatkozóan, valamint felhívtuk a figyelmet a megnövekedett mennyiségű nem talált, illetve szerverhibára futó oldalakra.

A javasolt fejlesztés

Azonban legsürgetőbbnek a a mobil látogatók kiszolgálásának optimizálása bizonyult: a jegymester.hu webes verzióját a látogatók 27 százaléka mobil eszközről használta – és átlagosan a bevétel 10 százalékát mobil eszközről generálták. Bár a mobil és tablet eszközökön a konverziós arány a mobil oldal megjelenése előtt is nagyon magas volt (3,9 százalék), Magyarországon több, mint 2,3 millióan vásárolnak mobileszközről – az ő igényeiket ki kell szolgálni. Annál is inkább, mert a Google köztudottan bünteti azokat az oldalakat, amelyek nem rendelkeznek mobilra optimalizált verzióval.

A fejlesztés előtt a jegymester.hu nem volt mobilbarát:

A Jegymester.hu csapatának szeptemberi és októberi fejlesztéseinek köszönhetően az oldal mobil verziója elérhetővé vált:

jegymester-4

A főoldal mobilos betöltési indexe pedig a korábbi 52/100-ról a mobiloldal megjelenésével 61/100-ra nőtt. Egy-egy mobilról böngésző felhasználó átlagosan 3 másodperc elteltével elhagyja az oldalt, ha annyi idő alatt az nem töltött be, így a betöltési sebesség javulása nagyon fontos eredmény.

Az eredmények

A Jegymester mobiloldalán az eddig megszokottakhoz képest jelentősen más megjelenés fogadta a usereket. Az m.jegymester.hu bevezető kampány nélkül indult el a fejlesztést követően, eleinte nem is minden forgalom terelődött direktben a mobiloldalra, mindez hatással volt az eredményekre is: a mobileszközről látogatók 110 százalékkal nagyobb arányban konvertáltak a desktop verzió mobilról elérhető felületén, mint az új mobiloldalon. A mobiloldal látogatottsága a desktop verzió mobilos elérése alatt maradt, illetve kevesebb időt is töltöttek átlagosan a mobiloldalon, mint a desktop verzión. Sokan választották a „Váltás desktop verzió” funkciót hogy a megszokott felülete gyorsan eligazodjanak. Az eredmények fényében a mobiloldal további hőtérképes elemzését, illetve fejlesztését javasoltuk.

 

Libri

Libri

A Libri 2000-ben indította el internetes könyváruházát. A vállalat legfőbb törekvése, hogy korszerű, napjaink fejlődésével lépést tartó, intellektuális élményszállítóvá váljon vásárlói számára. A meglévő könyváruházi szolgáltatások sorát és színvonalát folyamatosan bővítik színház- és koncertjegyek értékesítésével, egyedi könyvrendelési- és pénztárcakímélő könyvátvételi lehetőséggel. A Libri 600 fő foglalkoztatásával, 48 Libri Könyvesbolttal, a libri.hu internetes áruházzal és közel tizenegy milliárd forintos éves forgalommal az ország egyik legnagyobb könyvértékesítője. A vállalat 2016-ban ünnepelte fennállásának 25. évfordulóját.

A libri.hu átfogó elemzését 2016. októberében végeztük el. A cél az volt, hogy olyan fejlesztési lehetőségeket találjunk, amikkel

  • csökkenthető a lemorzsolódás
  • tovább növelhető a konverziós arány
  • a vásárlók kényelemérzete, a vásárlási élmény tovább növelhető

Ahhoz, hogy az oldalban rejlő fejleszthető pontokat megtaláljuk, a Google Analytics és Google Search Console szolgáltatásait, valamint az oldaláról készített hőtérképeket és felhasználói videókat használtunk.

Az elemzés

Az elemzés során úgy találtuk, hogy a Libri webshop fejlesztése és karbantartásra során különösen nagy hangsúlyt fektetnek a keresőoptimalizálásra, amellyel korábban több belső projekt is foglalkozott. Ennek eredményeképpen a 2016. jan. 1 – szept 31. időszakban a látogatások több mint 55%-a és a bevétel több, mint 35 százaléka olyan felhasználóktól származott, akik organikus kereséssel jutottak el az oldalra.

Ezen a területen mindössze két olyan pontot tártunk fel, ahol tovább fejlesztéseket javasoltunk:

  • a termékoldalakon az ún. bővített kivonatok alkalmazásával az organikus elérés, valamint a keresők találati listáiban való megjelenítés tovább fejleszthető
  • a Google Search Console riportjai alapján a kereső indexében találhatóak olyan oldalak, amelyek azóta megszűntek a webshopban és ezért a látogatóknak „A keresett oldal nem található!” hibaüzenetet adnak. Ezeknek a karbantartásával, valamint az ide érkező látogatók megfelelő segítésével és irányításával az oldalon eltöltött idő, valamint a sikeres tranzakcióval végződő látogatások száma növehető

A felhasználói felületek vizsgálata és a hőtérképes felvételek elemzése során több olyan pontot azonosítottunk (jellemzően az oldal fejlécében, valamint a kereső működésében), amelyek további fejlesztéséhez a megalapozott döntéshozatal érdekében A/B tesztelést javasoltunk.

Az elemzés legfontosabb pontja a fentieken felül azonban a libri.hu mobil eszközökön való használhatóságára tért ki.

Az auditálás időpontjában a webshop még nem volt mobil eszközökre optimalizálva, annak a használatra csak desktop eszközökről volt igazán kényelmes.

Az oldal mobilos megjelenítése a fejlesztések előtt: kis betűméret és érinthető felületek, egymáshoz túl közel elhelyezkedő linkek, a képernyőn túlnyúló tartalom

 

A vizsgált 2016. jan. 1. – szept. 31. időszakban a látogatók közel egy harmada mobil vagy tablet eszközről érkezett a webshopba, azonban a kialakítás miatt az asztali gépekről érkező látogatók 3,34%-os e-kereskedelmi konverziós arányához képest mobilon 1,21% volt mérhető.

Bár a magyar e-kereskedelmi szektorra általánosan jellemző a mobil eszközt használó látogatók alacsonyabb vásárlási hajlandósága, a GKI felmérése szerint Magyarországon 2,3 millióan vásárolnak online – és a a piac meghatározó szereplőinek az ő igényeiket is ki kell tudni szolgálni.

A elemzések eredménye megerősítette a Librit abban a szándékában, hogy mobil optimalizálással kapcsolatos fejlesztéseket végezzen. A javaslatok mérlegelése után az a döntés született, hogy ezt a témakört kezelik elsődleges prioritással, és ennek a hatását értékeljük ki egy későbbi visszamérés során.

Az eredmények

A fejlesztést követően a mobil eszközökre optimalizált oldal bevezetésének hatásait 2016. nov. 1., és nov. 14. között vizsgáltuk, és annak érdekében, hogy a szezonalitásból adódó torzításokat a lehető legjobban kiküszöböljük, a számokat az előző év azonos időszakával hasonlítottuk össze.

A libri.hu nyitólapja az átalakítás után

 

A Google mobilbarát teszt eredménye az átalakítás után

A Google mobilbarát teszt eredménye az átalakítás után

 

Bár a fejlődésben elkerülhetetlenül része volt az általános piaci trendeknek – a mobilos vásárlás egyre szélesebb körű elfogadásának – az árbevétel és a konverziós arány növekedése mobileszközök esetében egyértelmű eredményeket mutatott:

A mobil eszközt használó látogatók által generált árbevétel 116,43%-kal nőtt, az e-kereskedelmi konverziós arány pedig 57,35%-kal emelkedett a bázis időszakhoz képest.

Érdemes megemlíteni, hogy a libri.hu mobil platformokat használó látogatóinak egyik legfőbb forgalmi forrása a közösségi média, amelynek hatékony kiaknázása stratégiai célja is a könyváruháznak. Ebből a szempontból is kiemelt fontosságú volt az oldal optimalizálása, hiszen a közösségi média felületeket az emberek ma már túlnyomórészt mobil eszközről – akár útközben, vagy sorban várakozva – használják. Ha innen egy bejegyzésre vagy hirdetésre kattintva egy mobil eszközöket nem teljes mértékben támogató oldalra érkeznek, akkor a közösségi média elérésük a webshop látogatószámát növelni fogja ugyan, azonban a visszafordulási arány megnő, az oldalon eltöltött idő és a konverziós arány alacsony lesz.

A bázis időszakban a mobil eszközökön a közösségi médiából érkező látogatások konverziós aránya 0,44% volt, míg a kontroll időszakban ez már 2,25%-ot mutatott, ami ötszörös növekedést jelentett.

Összegzés

A libri.hu oldal elemzése alapján egyértelmű volt, hogy a konverziós arány és a felhasználási élmény további javulásához elengedhetetlen az optimalizált oldal elkészítése. A mobil eszközök használatának támogatására tett lépések eredménye megfelelt a várakozásoknak és igazolta azt, hogy a mobil eszközökre optimalizálással jelentős konverziós arány növekedés érhető el.

LifeStyleShop.hu

LifeStyleShop

A LifeStyleShop.hu webáruház női és férfi divatcipőkkel, sportcipőkkel, papucsokkal, táskákkal és kiegészítőkkel foglalkozik. Főbb márkái: Ipanema, Birkenstock, New Balance, Bugatti, Desigual, s.Oliver, Geox, Rieker. Fő céljuk, hogy a nagyobb márkákból nagy modell és méretválasztékot kínáljanak a vevőiknek és megkönnyítsék a vásárlást.

Összességében elmondható, hogy a LifeStyleShop funkcionalitásában megfelel az e-kereskedelmi gyakorlat követelményeinek. A fejlesztések főleg

  • a bevétel és a konverziós arány növekedését,
  • a jobb felhasználói élményt és
  • a gazdaságosabb üzemeltethetőséget

célozták.

 


 

Ajánlók elhelyezése

A termékajánlók szerves részét képezik egy webáruháznak, azonban fontos, hogy megfelelő helyre és tartalommal kerüljenek fel. A tesztek során kiderült, hogy a kosároldalon a termékajánlóban található termékekre kattintóknak egy jelentős része (38%) nem fejezi be a vásárlást. Emellett az ajánlókra kattintók csak egészen alacsony többlet bevételt generálnak.

Voltak azonban olyan oldalak, ahol indokolt volt termékajánló elhelyezése, lehetőséget adva így a látogatóknak a továbblépésre, termékek megtekintésére, kosárba helyezésére.

Megoldás:

Törlésre került a kosároldalon található termékajánló, valamint termékajánlót helyeztek el a 404-es, nem létező oldalról tájékoztató oldalon, így segítve a látogató visszatalálását. A kategóriaoldalakon elhelyezett termékajánlót is eltávolították, így erősebb figyelem vetül a termékek listájára.

A kosároldalon egy esetben maradt meg a termékajánló: amennyiben semmilyen termék nem volt a kosárban.

Eredmények: 

A checkout folyamat az alábbiak szerint javult (az adott lépésben lemorzsolódó felhasználók számait alapul véve):

  • A személyes adatok megadásánál 10%-kal
  • A szállítási adatok megadásánál 33%-kal
  • A számlázási adatok megadásánál 29%-kal
  • Valamint a tranzakciók száma is növekedett 1,5%-kal

 

Időzített árak

A korábbi működésben a kedvezmények beállítása hosszas manuális munkával volt csak megvalósítható. Emiatt a rövid időszakra kiterjedő, intenzív akciókra csak nagy erőforrás ráfordítással lehetett felkészülni.

Megoldás:

Az új funkció lényege, hogy bizonyos termékek előre beállítható módon egy adott időszakban kedvezménnyel érhetők el. A felhasználói felületen a látogató tájékozódhat a kedvezmény mértéke mellett arról is, hogy még mennyi idő van hátra a kedvezményes időszak végéig.

 

image06

 

Eredmények:

A látogatóra ösztönzőleg hat a kedvezmény lejártára vonatkozó információ, így 2015 és 2016 azonos időszakában ugyanarra az akciós időszakra kiemelkedő, 137%-kal nagyobb bevételt tudott produkálni a webáruház.

 

Ingyenes házhozszállítás kiemelése

A LifeStyleShop webáruházban bizonyos vásárlási érték felett a házhozszállítás ingyenes. A felhasználói felület ezt korábban nem megfelelő mértékben hangsúlyozta, noha ez az információ ösztönzőleg hathat a vásárlókra az értékhatár elérésére. A felhasználói tesztekből az is kiderült, hogy sok felhasználó próbál rákattintani erre a feliratra.

Megoldás:

Ennek támogatására az oldalak tetején egy kattintható, erősen kontrasztos dobozban került ez az információ kiemelésre. A dobozra kattintva az érdeklődő a szállítási feltételek leírásához jut.

image10

 

Oldalon töltött idő

A vásárlók oldalon töltött idejének növelését két szándék vezérelte: az egyik a felhasználói élmény növelése, a másik pedig az az alapvetés, hogy minél több ideig nézelődik egy-egy felhasználó az oldalon, annál valószínűbb, hogy vásárolni fog.

Megoldás:

Ennek elősegítésére az oldal tetején található vízszintes navigációs menü “ragadós” lett, így az oldalon lejjebb görgetve sem tűnik el, lehetőségünk adódik új termékkategóriákra könnyedén átugrani.
image07

Eredmények:

A márkaoldalakon, illetve a keresési találatok oldalán töltött idő 4, illetve 6 százalékkal nőtt.

 


 

Az oldal sebessége

Az oldal sebességének növelésében nagy szerepet játszott a szerveroldali technológia frissítése. Ez 30-40%-os gyorsulást eredményezett, amely nem csak a felhasználói élmény javítása szempontjából fontos eredmény, hanem segít abban is, hogy a Google találati listáján jobb helyezést érhessen el az oldal, ezáltal növekedjenek az organikus forrásból érkező látogatások.

 

Közösségi média elérés

Az OpenGraph integrációt megvalósították: a normál HTML adatok mellett lehetőség van az OpenGraph adatok megadására a “szöveges” és landing oldalakon, és automatikus generálásukra a termék és terméklista oldalakon. Ezzel a Lifestyleshop befolyásolni tudja, hogyan jelennek meg a termékei és a szöveges tartalmai például Facebook-on megosztáskor.

Eredmények:

Bár előző évhez képest a Facebookról érkező munkamenetek száma csökkent, az onnan érkező új munkamenetek száma több, mint 2%-kal nőtt, ami azt jelzi, hogy a posztok több új felhasználót érnek el. Ezen kívül a közösségi médiából származó munkamenetek konverziós aránya is nőtt, több, mint 30 százalékot. Ennek oka feltételezhetően a Facebook posztok jobb megjelenése.

 

Visszáru űrlap

Korábban a megvásárolt árucikkek visszaküldésére nem volt semmilyen automatizált megoldás, csak az ügyfélszolgálattal egyeztetve volt erre lehetőség. A felhasználói tesztek is megerősítették valamilyen erre vonatkozó megoldás szükségességét.

Megoldás:

A webáruházba egy visszáru űrlap került beépítésre.

 

image03

 

Eredmény:

A felhasználói élmény javulását fogja eredményezni mind az online, mind az offline térben, hogy a visszáru űrlapot a honlapba építették. Ez valószínűleg hosszútávon az webáruház költségeit is csökkenteni fogja, mivel kevesebb élő munkát igénylő ügyfél támogatásra lesz szükség.

 


 

A webáruház mérőszámainak változása

A legfontosabb e-kereskedelmi mérőszámok az alábbiak szerint változtak a mért időszakban az előző év azonos időszakához képest:

  • Kosárérték: a kosárérték 4,8%-kal nőtt
  • Konverziós arány: a konverziós arány minden eszközön nőtt, azonban bizonyos fejlesztések hosszabb távon fejtik ki a hatásukat, ezért itt további növekedésre lehet számítani
  • Munkamenetek száma: a munkamenetek száma összességében 8%-ot csökkent, azonban jelentősen, 47%-kal javult a mobil látogatottság