The Ecwid Blog>Online Merchandising: How to Layout Products in Online Store

Online Merchandising: How to Layout Products in Online Store

Posted po Anna Koneva, Ecwid Team

Jeste li se ikada zapitali zašto trgovine mješovitom robom stavljaju mlijeko u stražnji dio trgovine, a čokolade blizu kase?

Jednostavan: postavljanje osnovnih potrepština u stražnjem dijelu trgovine potiče kupce da hodaju uokolo i pregledavaju druge proizvode. Postavljanje malih predmeta (kao čokolade) u blizini blagajne potiče impulzivnu kupnju.

Sve je to dio znanosti o dizajnu trgovine. The pravi raspored trgovine može povećati prodaju, poboljšati lojalnost i pomoći klijentima da brže pronađu ono što žele.

Vaša online trgovina nije ništa drugačija. Organizacija i raspored vaših proizvoda imaju veliki utjecaj na što (i kako) kupci kupuju od vas.

U ovom članku, pokazat ćemo vam kako rasporediti svoje proizvode kako biste povećali prodaju i konverzije.

3 Stvari koje treba uzeti u obzir pri odabiru izgleda proizvoda

Izgled proizvoda može zvučati kao jednostavan problem kada mu prvi put pristupite. Međutim, kao i većina stvari u e-trgovini, složenosti se pojavljuju nakon što uronite u detalje. Postoje tri stvari koje morate uzeti u obzir kada birate izgled proizvoda:

1. Izbor

Izbor je dvosjekli mač za trgovine e-trgovine. Nedostatak izbora znači da ograničavate mogućnosti. Previše izbora, međutim, a posjetitelje ćete ostaviti zbunjenima.

Učinkovit izgled proizvoda u biti je proces balansiranja ove dualnosti. To je: ostavljajući dojam obilja izbora, dok je stranica još uvijek jednostavna za korištenje i navigaciju.

Znanost kaže da je donošenje odluka psihički naporno. Kada suočite kupce s previše izbora, skloni su da uopće ne naprave izbor.

Dakle, kako prevladati ovaj problem u izgledu vaše trgovine?

Jedno je rješenje korištenje istaknutih slika koje vode do dodatnih proizvoda. Na primjer, primijetiti kako Made.com koristi zasebne slike za cijele kategorije proizvoda (kao što je "vrtni namještaj"):

Zamislite ovo kao zadirkivanje za privlačenje kupaca.

Idealno, htjet ćete svoje najprodavanije ili najpoželjnije proizvode držati u prvom planu.

Stoga, prije nego započnete proces postavljanja, navedite sljedeće:

Sljedeći korak je korištenje ovih informacija za izradu dobro organiziranog navigacijskog izbornika. Primijetite kako Amazon organizira proizvode u kategorije u svom izborniku.

Time ćete kupcima pomoći da pronađu ono što žele, a da ih ne zatrpate prevelikim izborom.

Ako je vaša Ecwid trgovina dodana na web stranicu, možete dodati navigacijski izbornik dodavanjem dijela koda:

Here are the instructions for Ecwid stores added on WordPress i Wix web stranice, isto. Na Ecwid Instant stranici, dostupan je samo horizontalni izbornik.

2. Informacije o Proizvodu

Evo još jednog čina balansiranja koji biste trebali izvesti pri odabiru izgleda trgovine: prikazivanje informacija o proizvodu.

Korisnicima želite dati informacije koje su im potrebne da kliknu i izvrše kupnju. U isto vrijeme, you don’t want to overwhelm them with too many details – at least not before they are on the actual product page.

Vaš mentalni model u ovoj situaciji trebao bi biti olakšanje donošenja odluka i poticanje interesa kupaca. Zapitaj se: što minimum informacija trebaju li moji kupci kliknuti na proizvod?

Vidjet ćete da se ovaj odgovor razlikuje od trgovine do trgovine i proizvoda do proizvoda.

Na primjer, primijetite kako vam Amazon daje samo četiri informacijske točke na stranici kategorije: ime proizvoda, cijena (uključujući popust), ocjena i vrhunska dostupnost:

U Ecwidu, možete dodati slične ocjene i recenzije uz pomoć aplikacije Stampled.io.

Iako su ove informacije neophodne za velikog trgovca poput Amazona, za manje tvrtke poput Pijesak & Kameni nakit, ocjene nisu toliko bitne. Stoga, stranice kategorije prikazuju samo naziv proizvoda i cijenu.

Lako je upasti u zamku davanja premalo informacija na stranicama kategorija. Najbolji način da to izbjegnete je intervjuirati svoje kupce i pitati ih koje informacije koriste za donošenje odluka o kupnji.

3. Dizajn trgovine

Način na koji ste dizajnirali svoju trgovinu imat će veliki utjecaj na izgled vašeg proizvoda.

Trgovina e-trgovine obično ima tri ključne stranice:

Koji proizvodi odaberete za izlaganje na svakoj vrsti stranice odlučit će koje će proizvode vaši kupci na kraju kupiti.

Na primjer, imajte na umu kako Amazon promovira vlastite proizvode na svojoj početnoj stranici ako se niste prijavili:

Uobičajeno je da trgovine promoviraju najnovije ponude na početnoj stranici. Obavezno uskladite ove ponude s vašom ciljanom publikom. BestMadeCo, na primjer, vodi promotivnu akciju za Očev dan imajući na umu svoju većinom mušku klijentelu.

Usredotočite se na:

Bilo da odlučite istaknuti svoje najprodavanije proizvode ili novosti, Ecwid vam omogućuje stvaranje kategorije za istaknuti proizvodi na početnoj stranici i nazovite ga prema svojim potrebama.

6 Najbolji primjeri iz prakse za izgled proizvoda e-trgovine

Iako sigurno možete stvoriti jedinstvenu shemu izgleda za svoju trgovinu e-trgovine, pomaže slijediti nekoliko najboljih praksi.

1. Gurnite vrhunske proizvode i ponude na gornju stranicu

Područje "iznad preklopa" dio je zaslona koji je vidljiv kada korisnici prvi put dođu na vašu web-lokaciju. Zapravo, ovo područje računa 80% pozornosti gledatelja na većini stranica.

S obzirom na pozornost koju ovaj prostor dobiva, dobra je ideja postaviti svoje vrhunske proizvode na gornju stranu stranice. Ovo može uključivati:

Na Target.com, na primjer, vidjet ćete najnovije ponude na vrhu stranice:

Ako imate puno ponuda, razmislite o dodavanju klizača, poput ovog primjera iz Walmarta. Također imajte na umu promocije koje se prikazuju ispod navigacijskog izbornika:

Neki modni trgovci izbjegavaju konvencionalne rasporede u korist promicanja imidža robne marke. Na ASOS, na primjer, dobivate imidž robne marke s opcijom "Kupujte muškarce" ili "Kupujte žene".

Ova taktika funkcionira kada pokušavate promovirati viziju robne marke s lookbookom. Većina trgovaca na malo, međutim, bolje će funkcionirati s uobičajenim izgledom proizvoda prvo na preklopu.

Slijedite istu ideju na stranicama kategorija: gurnite svoje najprodavanije i najbolje ocijenjene proizvode na vrh stranice. Na primjer, pogledajte Amazonove stranice kategorija:

2. Kombinirajte vodoravne i okomite rasporede

U biti postoje dva načina na koje možete rasporediti svoje proizvode na bilo kojoj stranici: vodoravno ili okomito.

Vodoravni raspored ostaje statičan. Na rubu stranice nalazi se gumb za daljnje pomicanje popisa.

Ovaj primjer iz Amazona bolje ilustrira stvari:

U Ecwidu, nedavno pregledani proizvodi prikazani su i vodoravno. Možete odabrati broj stavki koje želite prikazati na vrhu ili na dnu izloga.

Povezani proizvodi je još jedan vodoravno orijentirani dio. Proizvodi u ovoj grupi postavljaju se zasebno za svaku stranicu proizvoda što omogućuje ciljanje vaših kupaca s vrlo relevantnim dodacima njihovim narudžbama. Možete ih prikazati na stranicama proizvoda i na stranici košarice.

U kontrastu, vertikalni raspored nema ove tipke za pomicanje. Umjesto toga, vidite sve više proizvoda u rešetkastom poravnanju dok se pomičete prema dolje. Kao ovo:

Idealno, trebali biste koristiti kombinaciju oba ova izgleda:

3. Slijedite konvencije i očekivanja korisnika

Postoje situacije kada želite biti nekonvencionalni sa svojim dizajnom. Izgled proizvoda nije jedan od njih.

Izgled vašeg proizvoda namijenjen je orijentaciji korisnika kada dođu na vašu web-lokaciju. Konvencionalni raspored osigurava da pronađu ono što žele i da se ne dezorijentiraju.

konvencije, naravno, razlikuju od sektora do sektora. Međutim, postoji nekoliko stvari koje morate uzeti u obzir:

Koristite raspored mreže

U rasporedu mreže, proizvodi su raspoređeni u pravokutne kutije jednake veličine, kao ovo:

Ovaj izgled dugo je bio konvencija za web stranice e-trgovine. Ne samo da bi vaši kupci već bili upoznati s tim, također je dobar za izlaganje proizvoda. Unaprijediti, it scales well – you can display just one box on small screens, ili proširiti na nekoliko kutija na većim.

Prilikom korištenja ovog rasporeda, pazite da kutije budu jednake veličine. Kako pokazuje ova studija slučaja, korištenje okvira jednake veličine može povećati prihod po posjetitelju za onoliko koliko 17%.

Ako prodajete s Ecwidom, to vam nije problem – Ecwid ima mrežu jednake veličine koja se automatski prilagođava različitim zaslonima.

Prikaži navigaciju na vrhu popisa proizvoda

Još jedna konvencija koju biste trebali slijediti je postavljanje opcija sortiranja na vrh stranice.

Kupci su očekivali ovaj položaj i prirodno će pogledati ovdje kada dođu na stranicu kategorije.

Orijentirajte kupce s krušnim mrvicama

Breadcrumbs su navigacijski elementi koji korisnicima pokazuju njihov put od početne stranice, kao ovo:

Njihovo dodavanje na vrh stranice pomaže u orijentaciji posjetitelja. Govori im na kojoj se stranici ili kategoriji nalaze i kako se mogu vratiti na početnu stranicu.

4. Usredotočite se na vizualne elemente, ali ne zaboravite tekst na stranicama proizvoda

Na liniji, jedini način da prikažete svoje proizvode je kroz vizualne elemente. Zbog toga je poznato da velike slike proizvoda povećavaju konverzije u e-trgovini.

Međutim, dok su vizualni elementi važni, vaš izgled također treba imati mjesta za opisni tekst. Dobar primjerak ne opisuje samo proizvod, ali također pomaže u prodaji njega i vašeg brenda.

Na primjer, razmislite o tome kako BestMadeCo koristi snažan tekst na svojoj početnoj stranici za prodaju nedavno lansiranog proizvoda. Raspored pomaže da se tekst savršeno poigrava sa slikom.

Kopija proizvoda posebno je važno na stranicama proizvoda. Your layout should give customers all the key information they need to make a decision right above the fold. This should include:

This is an example of how not to layout products. The product page has no copy at all – it’s difficult to make a decision.

As with most things, Amazon’s layout is perfect here, dajući kupcima sve što im je potrebno za donošenje odluke.

5. Dodajte preporuke proizvoda i srodne proizvode

Na stranicama proizvoda, imaš dva cilja:

Za ovo drugo, trebao bi imati odjeljak za preporučene ili povezane proizvode. Ovo možete staviti ili iza informacija o proizvodu ili prije njih.

Amazon to čini posebno dobro. Obratite pažnju na povezane proizvode i popise "također pregledanih" ispod preklopa:

Ako imate više proizvoda u istoj kolekciji, pobrinite se da ih također prikažete. Evo dobrog primjera sa WorldMarketa:

Popisi povezanih proizvoda ne moraju uvijek biti vizualni. Također možete prikazati povezana pretraživanja kako biste klijente usmjerili na artikle koji bi ih mogli zanimati.

Eksperimentirajte s različitim izgledima za srodne/preporučene proizvode. Pokušajte ih postaviti iznad podnožja, ispod opisa proizvoda, itd.

6. Eksperimentirajte s detaljima prelaska mišem na stranicama kategorija

Jedan od načina za poboljšanje stope klikanja jest ponuditi dodatne pojedinosti kada kupac prijeđe mišem preko slike proizvoda na stranicama kategorije.

Na primjer, ova stranica prikazuje pojedinosti o proizvodu i gumb za dodavanje u košaricu pri lebdenju mišem:

Svrha ove taktike je dati korisnicima ključne informacije na prvi pogled. Najbolje funkcionira kada očekujete da će korisnici brzo pregledavati veliki broj proizvoda, kao na primjer u trgovinama odjećom. Možda neće raditi za druge kategorije, ali svejedno možete pokrenuti nekoliko split testova i vidjeti rezultate.

U Ecwidu, možete omogućiti gumbe "Kupite sada" na popisima proizvoda kako biste svojim kupcima pomogli u brzom pregledavanju (i kupiti) svoje proizvode.

Kada kupac klikne takav gumb, vaša trgovina neće otvoriti cijelu stranicu proizvoda. Umjesto toga, vaš će kupac vidjeti skočni prozor s opcijama proizvoda:

Ako vaš proizvod nema mogućnosti, ići će ravno u kolica.

Zaključak

Kada je u pitanju raspored proizvoda, najbolje je držati se konvencije i slijediti ono što tržišni lideri već rade. Detaljno katalogizirajte svoje proizvode, temeljito ih kategorizirajte, then organize them out in a standard grid layout.

The best practices shared above will work for most stores across sectors. Try them at your own store!

About The Author
Anna is a content creator at Ecwid. She loves big cities, pasta and Woody Allen's films.

Start selling on your website

Prijavite se besplatno