Veb-dizajn za e-commerce: šta kupcu olakšava odluku

Ilustracija dizajna internet prodavnice: stranica proizvoda na telefonu sa fotografijama, cenom, dostupnošću i dugmetom za kupovinu, uz kartice sa ključnim elementima poverenja

Dizajn internet prodavnice ne prodaje lepotom, već time što uklanja prepreke između kupca i odluke: jasna navigacija i filteri koji vode do pravog proizvoda za dva klika, stranica proizvoda koja odgovara na sva pitanja pre kupovine (fotografije, cena, dostupnost, dostava, povrat), i checkout koji na telefonu prolazi u tri koraka bez obaveznog naloga. Prosečna prodavnica gubi 70 % kupaca u korpi; dobar dizajn tu brojku spušta na 50 do 60, što je za istu prodavnicu i isti saobraćaj 30 do 50 % više porudžbina. Ovaj vodič prolazi kroz put kupca od kategorije do potvrde, sa proverljivim pravilima i načinom da izmerite gde vam kupci odustaju.

Za dodatnu proveru preporuka iz ovog vodiča pogledajte zvaničnu WooCommerce dokumentaciju i Google smernice za e-commerce podatke.

Ukratko

  • Kupac odlučuje na stranici proizvoda: fotografije, cena sa dostavom, dostupnost i rok, povrat. Sve iznad preloma, na telefonu.
  • Checkout bez trenja: kupovina bez naloga, trošak dostave poznat pre korpe, tri koraka, plaćanje koje kupac očekuje.
  • Poverenje se gradi elementima, ne obećanjima: uslovi povrata, kontakt, ocene, pravni podaci firme, sigurno plaćanje.
  • Merite funnel po koraku i menjajte jednu stvar odjednom; test koji obori prodaju je gori od nikakvog.

Prodavnica koja „lepo izgleda“ i prodavnica koja prodaje često nisu ista stvar. Kupac ne dolazi da gleda dizajn; dolazi da nađe proizvod, uveri se da je pravi i kupi ga uz što manje odluka. Svaka nejasnoća (koliko košta dostava, kad stiže, šta ako ne odgovara) je razlog da odloži kupovinu, a odložena kupovina se retko vraća. Ovaj tekst je o dizajnu kao uklanjanju tih nejasnoća; tehničku stranu (platforma, plaćanje, fiskalizacija, cena izrade) obrađuje vodič za izradu internet prodavnice.

Od kategorije do proizvoda

Put kupca počinje pre stranice proizvoda: u pretrazi, kategoriji ili na početnoj. Cilj tog dela je jedan: da kupac za najviše dva-tri klika stigne do proizvoda koji mu odgovara, i da usput ne izgubi poverenje.

Put kupca kroz internet prodavnicu od kategorije do proizvoda: pretraga, filteri, lista proizvoda, stranica proizvoda sa fotografijama, opisom i dostupnošću, sa tačkama odustajanja
Četiri koraka do odluke i gde kupci najčešće odustaju na svakom.

Pretraga, filteri i navigacija

Navigacija prati način na koji kupac razmišlja o proizvodima, ne vašu internu šemu ili dobavljače: „Ženska obuća › Patike“ radi, „Kolekcija FW26 › Linija Urban“ ne. Do sedam glavnih kategorija u meniju, podkategorije vidljive na jednom nivou, i na telefonu meni koji se otvara na dodir sa jasnim nazivima, ne ikonama. Pretraga je za prodavnice sa više od 50 proizvoda obavezna i mora da toleriše greške u kucanju, ćirilicu i latinicu, šifre proizvoda i sinonime; kupci koji koriste pretragu konvertuju dva do tri puta bolje, ako pretraga radi. Prazan rezultat pretrage nikad nije prazan: nudi slične proizvode i kontakt. Filteri na listi proizvoda odgovaraju atributima po kojima kupac stvarno bira (veličina, boja, cena, brend, dostupnost), rade bez ponovnog učitavanja stranice, pokazuju broj rezultata i lako se poništavaju. Na telefonu su u posebnom panelu sa dugmetom „Prikaži 24 proizvoda“, ne rasuti po stranici. Sortiranje po ceni, popularnosti i novom je dovoljno.

Fotografije, opis i dostupnost

Stranica proizvoda je mesto odluke i ono što je na njoj iznad preloma na telefonu određuje konverziju. Fotografije: najmanje četiri, na neutralnoj pozadini i u upotrebi, sa uvećanjem; za odeću na osobi sa navedenom veličinom, za nameštaj sa dimenzijama u prostoru; video od 15 sekundi gde ima smisla. Ovo je najveći pojedinačni faktor i najčešće se štedi baš na njemu. Cena jasna, sa PDV-om, uz staru cenu ako je snižena, i sa informacijom o dostavi odmah pored („Dostava 390 din · besplatna preko 5.000“); kupac koji trošak dostave sazna tek u korpi je kupac koji odlazi. Dostupnost i rok: „Na stanju · isporuka za 1–2 radna dana“ ili iskreno „Poručuje se · 7–10 dana“; nedostupne varijante jasno označene, sa opcijom obaveštenja. Opis odgovara na pitanja koja bi kupac postavio prodavcu: za koga je, šta rešava, dimenzije, materijal, šta je u pakovanju, kompatibilnost; tabela specifikacija odvojena od prodajnog teksta. Dugme za kupovinu uvek vidljivo (na telefonu lepljivo pri dnu), sa jasnom radnjom „Dodaj u korpu“, i posle dodavanja jasna potvrda sa izborom „Nastavi kupovinu“ ili „Idi na plaćanje“. Ispod preloma: ocene sa fotografijama kupaca, uslovi povrata, pitanja i odgovori, slični proizvodi.

Korpa i naplata

Sedam od deset kupaca koji stave proizvod u korpu ne završe kupovinu. Deo njih nikad nije ni nameravao; ali najveći deo odustaje zbog iznenađenja i trenja u koracima koji slede, i to je najjeftinije mesto za poboljšanje prodaje.

Mobilni checkout u tri koraka koji ne gubi kupce: korpa sa troškom dostave, podaci bez obaveznog naloga, plaćanje i potvrda, sa listom elemenata poverenja
Tri koraka na telefonu. Svako dodatno polje i svako iznenađenje košta porudžbine.

Mobilni checkout

Korpa prikazuje proizvode sa slikom, varijantom i mogućnošću promene količine, ukupan iznos sa dostavom već izračunatom (ili jasnim pravilom), polje za kupon koje nije napadno (napadno polje tera kupce da odu da traže kod) i jedno veliko dugme ka plaćanju. Korak 1: podaci. Kupovina bez naloga je obavezna; nalog se nudi posle kupovine, jednim klikom. Polja: ime, telefon, email, adresa; sa automatskim popunjavanjem grada po poštanskom broju, bez „ponovite email“, bez naslova i firme osim ako kupac izabere račun za firmu. Na telefonu tastatura odgovara polju (brojevi za telefon). Korak 2: dostava i plaćanje. Načini dostave sa cenom i rokom; načini plaćanja koje kupci u Srbiji očekuju: pouzeće (i dalje najčešće), kartice, po potrebi IPS QR i plaćanje na rate; izbor koji ne skače i ne menja ukupan iznos bez objašnjenja. Korak 3: pregled i potvrda. Sve na jednom ekranu, sa mogućnošću izmene bez gubitka unetog, i dugme „Potvrdi porudžbinu“ koje jasno kaže šta se dešava. Posle: stranica i email sa brojem porudžbine, rokom, kontaktom i onim što sledi. Indikator koraka („1 od 3“) na vrhu, bez menija i ometanja tokom checkouta, i greške koje se prikazuju odmah uz polje, ne posle klika na dugme.

Dostava, povrat i poverenje

Kupac koji vas ne poznaje odlučuje o poverenju po detaljima koji njemu smanjuju rizik. Uslovi dostave i povrata na jednoj čitljivoj stranici, linkovanoj sa svake stranice proizvoda i iz checkouta: ko plaća povrat, u kom roku, kako se vraća novac; zakonski rok za odustanak od kupovine na daljinu u Srbiji je 14 dana i to treba da piše. Podaci o firmi u podnožju: naziv, adresa, PIB, matični broj, telefon i email; prodavnica bez tih podataka deluje kao da nema koga da pitate kad nešto krene naopako. Kontakt koji radi: telefon i chat ili WhatsApp u radno vreme, sa navedenim radnim vremenom. Ocene proizvoda od stvarnih kupaca, sa fotografijama gde je moguće, i odgovori na negativne. Sigurnost plaćanja vidljiva na koraku plaćanja (logotipi kartica i banke, HTTPS), bez lažnih „bedževa“. Doslednost: ista cena, isti rokovi i isti uslovi na proizvodu, u korpi i u emailu; svaka razlika je razlog za odustajanje ili reklamaciju.

ElementGdeZašto kupac odustaje bez njega
Trošak dostaveStranica proizvoda, korpaIznenađenje u korpi; najčešći razlog odustajanja
Rok isporuke i dostupnostStranica proizvodaNe zna da li stiže na vreme
Kupovina bez nalogaCheckout, korak 1Ne želi još jednu lozinku
Očekivani načini plaćanjaCheckout, korak 2; podnožjeNema pouzeća ili kartice
Uslovi povrata (14 dana)Proizvod, checkout, podnožjeStrah da „ostane“ sa proizvodom
Podaci o firmi i kontaktPodnožje, kontaktNe zna ko stoji iza prodavnice
Ocene sa fotografijamaStranica proizvodaNema tuđeg iskustva
Potvrda porudžbine (stranica + email)Posle plaćanjaNe zna da li je prošlo

Merenje i poboljšanje

Dizajn prodavnice nije gotov na dan objave. Razlika između prodavnice koja raste i one koja stagnira je u tome da li vlasnik zna gde kupci odustaju i menja to sistematski.

Merenje funnela internet prodavnice od posete do kupovine sa stopama odustajanja po koraku i pravila za testove koji ne ugrožavaju prodaju
Funnel sa tipičnim stopama i pravila za testove. Najveći skok je obično u koraku koji niko ne meri.

Funnel i odustajanje

U Google Analytics-u (GA4 sa e-commerce događajima, koje WooCommerce i drugi sistemi šalju uz podešavanje) pratite pet koraka: poseta → pregled proizvoda → dodavanje u korpu → početak checkouta → kupovina. Za svaki korak gledate koliko procenata prelazi u sledeći, po uređaju (telefon vs. računar) i po izvoru saobraćaja. Tipične vrednosti za prodavnicu koja radi solidno: 40–50 % posetilaca pogleda proizvod, 8–12 % doda u korpu, 40–60 % njih započne checkout, 50–70 % od tih završi kupovinu; ukupna konverzija 1–3 %. Vaše brojke će se razlikovati, ali obrazac odustajanja pokazuje gde je problem: nizak prelazak sa proizvoda u korpu govori o stranici proizvoda (fotografije, cena, dostupnost), veliki pad između korpe i checkouta o trošku dostave i iznenađenjima, pad unutar checkouta o formi i plaćanju. Uz to: snimci sesija i toplotne mape (Microsoft Clarity je besplatan) pokazuju šta kupci rade na telefonu, a interna pretraga bez rezultata pokazuje šta traže, a nemate.

Testovi koji ne ugrožavaju prodaju

Promene se uvode jedna po jedna, sa merenjem pre i posle na dovoljno porudžbina (najmanje dve nedelje ili 100 porudžbina po varijanti, šta je duže), inače ne znate šta je delovalo. Redosled po uticaju: prvo ono što uklanja iznenađenja (dostava na proizvodu, kupovina bez naloga), pa stranica proizvoda (fotografije, dostupnost, ocene), pa checkout (broj polja, načini plaćanja), pa tek onda boje dugmadi i naslovi. A/B testiranje ima smisla tek iznad nekoliko stotina porudžbina mesečno; ispod toga poredite periode i gledajte velike promene, ne procente. Test se nikad ne radi na plaćanju i potvrdi u sezoni ili tokom kampanje, i uvek postoji način da se za pet minuta vrati staro. Sve navedeno je deo onoga što gradimo pri izradi prodavnice i pratimo posle objave; šta ulazi u projekat i kako izgleda proces, opisano je na stranici izrada internet prodavnice. Brzina, koja kod prodavnica direktno utiče na konverziju, ima poseban vodič.

Najčešća pitanja o dizajnu internet prodavnice

Šta najviše utiče na konverziju internet prodavnice?

Stranica proizvoda (fotografije, cena sa dostavom, dostupnost) i checkout bez trenja (bez obaveznog naloga, tri koraka, očekivani načini plaćanja). Boje i animacije su na dnu liste.

Zašto kupci napuštaju korpu?

Najčešće zbog troška dostave koji vide tek u korpi, obaveznog otvaranja naloga, predugačke forme, nedostatka očekivanog načina plaćanja i nejasnih uslova povrata. Prosečna stopa napuštanja je oko 70 %; dobar dizajn je spušta na 50–60 %.

Da li je pouzeće još uvek potrebno?

U Srbiji da; za mnoge kupce je i dalje prvi izbor, naročito kod prve kupovine. Kartice su obavezne uz to, a IPS QR i rate zavise od publike i prosečne vrednosti porudžbine.

Koliko fotografija treba po proizvodu?

Najmanje četiri: na neutralnoj pozadini iz više uglova, u upotrebi ili u prostoru, detalj. Za odeću na osobi sa navedenom veličinom; za tehniku sa priborom; kratak video gde ima smisla. Fotografije su najveći pojedinačni faktor odluke.

Kako da znam gde kupci odustaju?

Podesite e-commerce događaje u GA4 i pratite pet koraka funnela po uređaju; dodajte snimke sesija (Clarity) i pregled internih pretraga bez rezultata. Korak sa najvećim padom je prvo što se popravlja.

Vaša prodavnica gubi kupce u korpi?

Pošaljite adresu prodavnice. Proći ćemo put kupca na telefonu, pogledati funnel ako imate analitiku i reći vam tri stvari koje prvo treba promeniti.


O autoru

Pozovite nas 069 515 8186