digitaalne värskenduskuur Eesti tipp-mööblimüüjale

märksõnad

Projektijuhtimine, veebidisain, UX/UI disain, front-end arendus (Vue.js), brauseritevaheline testimine, disainisüsteemid, e-poe arendus

tiim

Vladislav Stafinjak arendaja
Tanel Marran arendaja
Kertu Ilves arendaja
Janeli Õun disainer (NOPE)
Siim Sups projektijuht

new responsive website for ON24

taust

ON24 on Eesti üks esimesi ja suurimaid mööblimüüjaid, kes on tuntud oma laia mööbli- ja sisustuskaupade valiku poolest. Nende veebileht on väga suure külastatavusega, kuna kliendid usaldavad ON24 pühendumust pakkuda kvaliteetseid tooteid taskukohase hinnaga – see on ka kinnistanud nende positsiooni eelistatud valikuna Eesti turul.

Mõistes e-kaubanduse kasvavat populaarsust, nägi ON24 vajadust parandada oma digitaalset kohalolu. Nende senine veebileht, millel olid eraldi versioonid mobiili ja töölaua jaoks, tekitas väljakutseid nii arendusressursside kui ka kasutajakogemuse osas. Kuna üha enam kliente külastas poodi mobiilseadmetega, muutus oluliseks luua mobiilisõbralik veebileht (responsive website), mis pakuks sujuvat ja ühtset kogemust igas seadmes.

Nende eesmärkide elluviimiseks pöördus ON24 meie poole. Meie ülesandeks oli keskenduda veebilehe visuaalsele ja interaktiivsele poolele, tagades samal ajal täieliku ühilduvuse nii mobiili- kui ka arvutiekraanidega. Sihiks oli luua kaasaegne ja kasutajasõbralik ostukeskkond kõigile ON24 e-poe külastajatele. Disainiga tulid sellesse projekti appi meie sõbrad agentuurist NOPE Creative.

mobiilisõbralik veebileht ON24-le

protsess

Lükkasime projektile hoo sisse 2023. aasta veebruaris ning koostöö ON24 meeskonnaga sujus algusest peale suurepäraselt. Esimesel kohtumisel seadsime paika olulised eesmärgid ning järgnevatel kuudel liikus see mahukas e-poe arendus edasi vastavalt kokkulepitud plaanile. Projekti õnnestumises mängis olulist rolli ka ON24 enda arendusmeeskond, kes vastutas äriloogika ja erinevate back-end funktsionaalsuste juurutamise eest.

Kuna meie peamine fookus oli luua mobiilisõbralik veebileht, mis kohanduks ideaalselt iga seadmega, võtsime arvesse laia valikut ekraanisuurusi – alates kitsastest nutitelefonidest kuni ülilaia formaadiga monitorideni. See e-poe arendus ei piirdunud vaid komponentide suuruse muutmisega, vaid kohandasime ka interaktsioone, et need vastaksid paremini konkreetsele seadmele või ekraanile.

Erilist tähelepanu pöörasime ostuprotsessile, kuna see on kliendi teekonna kõige kriitilisem osa. Oluline oli kuvada kassas vaid vajalikku teavet, et vältida kasutaja ülekoormamist infoga. Selle lahendamiseks lõime peidetavad sektsioonid, mis võimaldavad kasutajal teatud info soovi korral peitu panna. Samuti pidime arvestama ON24 pikaajaliste klientidega, kes olid aastaid kasutusel olnud ostuprotsessiga harjunud. Meie eesmärk oli tagada, et kõik muudatused tunduksid neile mugavad ja tuttavad – tahtsime säilitada harjumuspärase tunde, muutes samal ajal kogemuse paremaks.

Veebilehe esimene versioon läks avalikuks 2023. aasta septembris ning projekt sai lõplikult valmis 2024. aasta aprillis.

väljakutsed

Kogu protsessi vältel seisime silmitsi mitmete takistustega, mis nõudsid meilt loovust ja paindlikkust. Üks peamisi väljakutseid oli tagada, et uus mobiilisõbralik veebileht vastaks ON24 esialgsele visioonile – luua nende brändist puhtam ja detailsem versioon. Kui me arendusega alustasime, oli meil kliendi poolt olemas disain, mis lähemal uurimisel osutus pigem suuniseks selle kohta, milline ON24 e-poe tulevane välimus võiks olla. Sel hetkel kaasasime projekti ühe NOPE disaineritest. Algselt vaid kaheks nädalaks planeeritud koostöö käigus vormistas disainer kiiresti lõplikud juhised, mis võimaldas arendusmeeskonnal tööga pihta hakata.

Kuna kliendi enda disaineri töökoormus oli suur ja nad jäid NOPE disaineri tulemustega väga rahule, sooviti tema osalust projektis pikendada ka pärast esialgset tähtaega. See võimaldas meil iga komponenti ja selle kohanduvust erinevatel ekraanidel põhjalikult kontrollida. Väljakutseks oli leida õige tasakaal mikroanimatsioonide ja teiste elementide vahel – eesmärk oli parandada kasutajakogemust, kuid mitte kasutajat infoga üle koormata. Näiteks katsetasime nuppudele ikoonide või teksti lisamist, kui hiirega neile peale liikuda, kuid otsustasime lõpuks need lahendused lihtsuse huvides eemaldada.

Tehes tihedat koostööd arendusmeeskonnaga, mängis NOPE disainer olulist rolli silla loomisel disaini ja arenduse vahel. See hõlmas komponentide stiilide ühtlustamist, UX-alast nõustamist ja selle tagamist, et mobiilisõbralik veebileht toimiks sujuvalt igas seadmes. Seega tegi disainer ühelt poolt väga tehnilist tööd ning teiselt poolt mõtles süvitsi läbi kasutajakogemuse ja disaini aspektid.

Arendusprotsessi käigus puutusime kokku ka tehniliste väljakutsetega, näiteks front-end disaini liidestamisega back-end API-ga. See nõudis meilt teatud funktsionaalsuste matkimist (mocking), kuni API oli valmis vajalikke andmeid edastama.

tulemused

  • Uus ON24 e-pood, millel on puhas ja intuitiivne kasutajaliides, kaasaegsed disainielemendid ning sujuv navigeerimine.

  • Mobiilisõbralik veebileht, mis toimib laitmatult igasuguse suurusega ekraanidel.

  • Optimeeritud ostuprotsess, mis on selge ja kiire, tõstes seeläbi klientide üldist rahulolu.

koos saavutasime imelise tulemuse

Minu silmis sujus koostöö ladusalt ja teiega oli meeldiv seda projekti ellu viia. Suhtlus oli samuti suurepärane ja asjad liikusid pidevalt edasi. Jäime rahule ka tehnilise teostusega. Saavutasime üheskoos imelise tulemuse, mis on nüüdseks edukalt avalikustatud.

Silver Saul
IT juht at ON24