Am început să lucrăm cu Weba în urmă cu aproape 10 ani. De-a lungul acestor ani, le-am oferit o gamă largă de servicii: dezvoltare de magazin online, design web, gestionarea campaniilor de reclame, tracking pentru shop. Și lista poate continua. Pe scurt?
Weba este una dintre cele mai strânse colaborări ale noastre, iar relația se bazează pe încredere, răbdare și valori profesionale comune.
Recent, am lansat împreună o funcționalitate importantă: Hyvä checkout. Și suntem bucuroși să povestim despre asta.
Ce am vrut să obținem cu Hyvä checkout
Scopul nostru a fost să transformăm experiența de checkout într-un parcurs intuitiv și orientat spre conversie.
Primul pas a fost documentarea proceselor și a funcționalităților deja implementate. Am definit cerințele noi și am definit întregul parcurs al utilizatorului, am construit wireframe-urile, am planificat partea de backend, am schimbat feedback în echipă și cu clientul, iar odată ce ne-am pus de acord, am stabilit ce avem de livrat.
Provocări legate de backend pentru Hyvä Checkout
Checkout-ul este profund integrat cu sistemul ERP al WEBA. Acesta furnizează validarea adresei (pentru livrare), metode de livrare personalizate pentru fiecare adresă, date disponibile pentru livrare etc. La fiecare pas din procesul de checkout, informațiile circulă constant între sistem și ERP pentru ca toate detaliile să fie colectate corect și afișate ulterior clientului.
Construirea acestei conexiuni cu ERP-ul a fost un proces complex, care a necesitat multă comunicare, dezvoltare și testare de ambele părți.
Lucrul cu Hyvä Checkout și Magewire a fost o provocare. A trebuit să respectăm toate cerințele (să implementăm o experiență de utilizare complexă, dar intuitivă pentru clientul final) și, în același timp, să ne aliniem la pattern-urile de dezvoltare și best-practice-urile promovate de Hyvä și Magewire.
Fluxurile complexe ne-au scos din zona de confort și ne-au determinat să discutăm direct cu echipa Hyvä pentru a găsi cele mai bune soluții la provocările întâlnite.
Ambele tehnologii se află încă într-un stadiu relativ timpuriu. Pe parcursul dezvoltării proiectului nostru, au fost lansate update-uri majore, dar am fost mândri să fim early adopters și să le integrăm în setul nostru de skilluri.
Reasearch și implementarea designului
Inspirându-ne din cercetările ample realizate de Baymard Institute și alte autorități în UX pentru e-commerce, am implementat o serie de îmbunătățiri care vizează atât nevoile utilizatorilor, cât și obiectivele de business. Cum?
- Am prioritizat checkout-ul ca guest
- Am redefinit stepper-ul de checkout
- Am introdus tab switchers
- Am adoptat o abordare address-first
- Am integrat acces la FAQ direct în procesul de checkout
- Am evidențiat prețul total final
- Am implementat un sumar de produse compact, dar expandabil
- Am introdus sugestii subtile pentru ridicarea din magazin
- Am oferit opțiuni de livrare pe etaj
- Am diferențiat clar informațiile de facturare vs. livrare
Am prioritizat checkout-ul ca guest
Una dintre primele schimbări a fost evidențierea opțiunii de checkout ca guest, deoarece majoritatea utilizatorilor preferă să nu fie obligați să își creeze cont.
Anterior, login-ul și guest checkout-ul aveau aceeași greutate vizuală, ceea ce îi obliga pe utilizatori să scaneze mai mult pentru a găsi opțiunea dorită.
Am rezolvat asta simplu: i-am crescut greutatea vizuală. Prin această prioritizare, am eliminat o barieră majoră și ne-am aliniat cu așteptările utilizatorilor.
Am clarificat stările în stepper-ul de checkout
Am rafinat stepper-ul din checkout pentru a indica clar unde se află utilizatorul: pas curent, completat sau următor. Designul anterior reutiliza elemente vizuale și culori care provocau confuzie.
Acum, fiecare stare este vizual distinctă. Asta crește încrederea și ajută utilizatorul să înțeleagă unde se află în proces. Acesta este un factor esențial pentru a reduce abandonul.
Tab switchers pentru opțiunile de livrare
Pentru a gestiona complexitatea opțiunilor de livrare, am introdus un tab switcher. Este un element mai rar folosit, dar extrem de eficient: permite comutarea ușoară între livrare și ridicare, păstrând interfața curată și neîncărcată. Această abordare urmează principiul progressive disclosure, făcând procesul mai prietenos și ușor de parcurs.
Abordare: adresă înainte de toate
Am trecut la o abordare „adresă înainte de toate”. Cerem adresa de livrare cât mai devreme în procesul de cumpărare.
Asta ne permite să calculăm imediat costurile de livrare, prețurile de închiriere a dubei, distanța până la magazine. Chiar și atunci când utilizatorul alege ulterior ridicarea din magazin.
Această strategie ne permite să completăm automat pașii următori și să economisim timp utilizatorilor. În plus, susține logica de business: ridicarea din magazin e gratuită, iar închirierea unei dube e mai ieftină decât livrarea. În acest mod, toată lumea are ceva de câștigat.
Am integrat acces la FAQ direct în procesul de checkout
Am observat că utilizatorii au întrebări frecvente despre livrare, dube, ore de funcționare etc. Așa că am integrat linkuri către FAQ direct în pașii relevanți din checkout.
Astfel, nu mai trebuie să întrerupă procesul de cumpărare ca să caute răspunsuri. Ajutorul e la un clic distanță, exact când și unde e nevoie.
Am evidențiat prețul total final
Am mărit dimensiunea și vizibilitatea prețului final. În experiența anterioară, utilizatorii trebuiau să caute prin reduceri și subtotaluri ca să vadă cât plătesc.
Acum, suma finală e clară, mereu la vedere. Oferim mai multă transparență, mai multă încredere, mai puțin abandon.
Sumar de produse compact și expandabil
Am regândit secțiunea de sumar de produse. E compactă implicit, dar poate fi extinsă la nevoie. Astfel, păstrăm o interfață curată, dar oferim acces rapid la detalii pentru cei care vor să verifice comanda în detaliu.
Sugestii subtile pentru ridicarea din magazin
Încurajăm subtil ridicarea din magazin, fiind cea mai rentabilă și eficientă opțiune pentru WEBA.
Cum?
O afișăm implicit ca opțiune gratuită, arătăm economiile față de livrarea standard și oferim estimări pentru închirierea unei dube.
Practic, oferim toate informațiile de care are nevoie clientul pentru a lua o decizie care aduce câștig ambelor părți.
Livrare pe etajul dorit
Pentru cei care aleg livrarea, am adăugat o opțiune de selectare a etajului. Costurile și restricțiile sunt explicate clar într-un modal.
Această interacțiune dedicată menține interfața scalabilă și intuitivă, chiar și în scenarii mai complexe.
Informații clare legate de facturare vs. livrare
Am separat vizual datele de facturare și livrare, atunci când nu sunt identice. Le-am pus pe fiecare în câte un card distinct.
Rezultatul? Informațiile sunt mai ușor de citit, verificat și editat. Se fac mai puține greșeli, există mai multă claritate, exact ce trebuie într-un flux de checkout.
Ajustări de tracking post implementare Hyvä Checkout
Atât pentru WEBA, cât și pentru Baldwin, luarea deciziilor bazate pe date corecte este o prioritate. O experiență de checkout îmbunătățită a însemnat și un tracking actualizat.
Am revizuit și testat toate evenimentele e-commerce, iar echipele de marketing pot acum să configureze rapoarte și să își ajusteze campaniile digitale pentru un targeting mai bun și un ROAS optimizat.
Ești interesat de Hyvä checkout? Hai să discutăm.
