Tematiku vezanu za prilagođenost web stranica i trgovina individualnim potrebama smo “načinjali” puno puta, vodeći se uvijek istim ciljem – objasniti da univerzalne marketinške strategije (u koje spadaju i strategije web marketinga) uglavnom nisu dovoljno dobre. Čak i ako mislite da jesu i to možete potkrijepiti zaradom koju vam one nose, možete biti sigurni da bi vam individualnije osmišljene strategije donijele još više uspjeha.
Također, ranije smo pisali o naprednosti najpopularnijeg e-commerce sustava za WordPress – WooCommerce-a, koji toliko rapidno napreduje, da mu danas među open source sustavima (a rekli bismo i šire), teško ima premca.
WooCommerce danas (05.5.2020.) pokreće preko 5 milijuna web trgovina, a po popularnosti je odavno “prešišao” svoje glavne konkurente – Magento, Open Cart i druge slične platforme.
Što točno WooCommerce čini tako popularnim?
- Prije svega, na tržištu aktivno postoji već niz godina, i u programski kod ovog sustava je utkano mnogo iskustva, znanja i jako puno “izliječenih dječjih bolesti”. Iza ovog sustava stoji ogromna programerska zajednica koja vrijedno radi na njegovom unaprjeđenju, pa tako nova verzija WooCommerce-a s unaprjeđenim i potpuno novim tehničkim mogućnostima svjetlo dana ugleda svakih nekoliko tjedana.
- Ovo što ste pročitali u prvoj točki znači da s WooCommerce-om, baš kao i WordPress-om, nikada niste sami. Postoji ogroman broj programera, marketera i forumaša koji si međusobno pomažu, nude rješenja i podršku za svaki mogući problem na koji možete naletjeti s WooCommerce-om. Upravo činjenica da postoji velik broj stručnjaka specijaliziranih za WooCommerce je zaslužna za relativno povoljan razvoj web trgovina temeljenih na njemu – za razliku npr. od Magento-a, koji iza sebe nema takvu zajednicu, pa je puno teže i skuplje naći iskusnog programera koji će za prihvatljiv iznos pružiti njegov profesionalan razvoj i podršku.
- S obzirom na ogroman broj programera i tvrtki specijaliziranih za razvoj WooCommerce-a, na internet tržištu postoje desetine tisuća ekstenzija (proširenja) za njega, pomoću kojih se proširuju njegove standardne funkcionalnosti. To znači da uglavnom gotovi i ne postoji funkcionalnost koja vam može zatrebati, a da za nju već ne postoji gotovo rješenje koje je moguće dodatno prilagoditi. To također znači ogromnu uštedu vremena i financija, jer za razliku od ranije, i za razliku od nekih drugih e-commerce sustava, dobar WooCommerce programer će za prilagodbu određene funkcionalnosti koju vaš web dućan dobiva uz instalaciju ekstenzije uložiti nekoliko dana ili tjedana vremena, i sukladno tome ju naplatiti, dok bi za programiranje iste od nule možda trebao i nekoliko mjeseci – a što bi samo po sebi koštalo puno više.
Sada kad smo vam dali argumente zbog čega je WooCommerce vrijedan i vašeg povjerenja, želimo vas pozvati da odvojite nekoliko minuta vremena i pročitate,kako je WooCommerce odgovorio na specifične zahtjeve jedne američke tvrtke i pomogao joj da unaprijedi svoju online prezentaciju i prodaju.
Web trgovina CAMSS.com
CAMSS Shelters je tvrtka s adresom u američkoj državi Washington, koja se već 100 godina bavi proizvodnjom profesionalnih (uglavnom vojnih) šatora, te koja jako puno vremena ulaže u razvoj i testiranje svojih proizvoda, čineći ih na taj način jedinstvenima na tržištu.
S obzirom na potrebu da idu u korak s vremenom i zadovolje očekivanja današnjeg korisnika, CAMSS Shelters je svoje proizvode odlučio ponuditi i putem web stranice / trgovine, a što je moralo biti izrazito izazovno. Najveći izazov je ležao upravo u tome što se ne radi o tipskim proizvodima, već proizvodima s jako puno varijacija i specifičnosti, gdje se zapravo kupcu treba omogućiti da sam kreira završni proizvod.
Druga, jednako važna stvar je bila napraviti odmak od klasične online prodaje, tj. koliko je moguće personalizati narudžbu, pri čemu bi neki aspekti ovog procesa ipak ostali automatizirani. To znači da na ovoj web trgovini nećemo vidjeti izražene cijene, pa samim time proizvod nije moguće niti platiti, već se proces narudžbe svodi na samostalno kreiranje željenog proizvoda prema vlastitim potrebama i slanje narudžbenice, nakon čega se komunikacija s CAMSS Shelters nastavlja personalizirano, sukladno njihovim radnim procesima (za pretpostaviti je da nakon zaprimljenih željenih specifikacija proizvoda kreće savjetovanje o najboljem mogućem rješenju, eventualno modifikacije specifikacija, sklapanje ugovora, plaćanje akontacije, isporuka i sl..)
Dakle, u nastavku ćemo vam predstaviti web projekt koji se temelji na WooCommerce sustavu za online prodaju, pri čemu su eliminirani određeni tipični aspekti kao što je online naplata, ali koji je zanimljiv upravo jer je izrazito prilagođen specifičnim zahtjevima tvrtke CAMSS Shelters, te je poslužio kao odličan alat za ostvarivanje prve faze prodajne komunikacije između ove tvrtke i njihovih kupaca.
Dizajn web stranice camss.com
Ovom prilikom ne bismo puno govorili o dizajnu, jer za njega vrijedi ona dobra stara – “u ukusima se ne raspravlja”. Ono što je za neke lijepo, za druge nije, pa, u kontekstu web dizajna postoji tek nekoliko strategija koje u odnosu na korisničko iskustvo vrijedi istaknuti – a to su, “prostranost” web stranica (puno bijelog prostora ili općenito razmaka između segmenata), uočljivi elementi, velik font, diskretan i minimalistički stil uz odabir nekoliko dominirajućih boja i nijansi, interaktivni elementi poput video pozadina, “hover” efekti i neopterećujuće animacije.
Naslovnica web stranice camss.com je upravo takva – korporativna i jednostavna.
Dakle, dizajnerski elementi stvar su individualnih odluka i dogovora između izvođača i naručitelja, i on se kreira u sklopu izrade teme web stranice. To ne znači da WooCommerce i slična rješenja ne predviđaju neke osnovne dizajnerske elemente pomoću kojih se prezentiraju najvažnije funkcionalnosti na prednjem dijelu web trgovina. Čak štoviše, WooCommerce tim pored funkcionalnih aktivno unaprjeđuje i dizajnerske elemente svoje platforme, pa, iako je on spartanski, ne može se reći da su neugledni i sa svakom novom verzijom oni su poboljšani.
Marketing sadržajem je na camss.com odrađen školski
Dakle, zanemarimo dizan, i “bacimo” se na praktičnu stranu priče.
Nekoliko je aspekata koji se po pitanju kvalitetnog marketinga sadržajem na web stranici camss.com mogu istaknuti, no, za sada ćemo se zadržati na onom najvažnijem – prezentaciji grupa proizvoda.
Nepisano je pravilo da najvažnije usluge i proizvodi korisniku trebaju biti prezentirani što prije – po mogućnosti pri samom dolasku na web stranicu, tj. ako je moguće, na gornjem dijelu naslovnice. Na web trgovini camss.com je to odrađeno školski – nimalo napadno, potpuno pregledno, prostrano (po cijeloj širini naslovnice), atraktivno i intuitivno, pomoću ikona, naslova i kratkog opisa svake grupe proizvoda.

Prva stvar koju će poznavatelji WooCommerce-a uočiti prilikom analize web trgovine camss.com jeste način izlistanja proizvoda unutar kategorija (dakle, to je stranica na koju ćete biti preusmjereni kada kliknete na bilo koju pojedinačnu grupu proizvoda na naslovnici – npr. https://camss.com/series/ex/). Tako npr. umjesto klasičnih blokova posloženih horizontalno (slika, opis, cijena i tipka za više detalja), na camss.com ćemo pronaći uvodnu prezentaciju proizvoda prikazanu po cijeloj širini (pozadinska slika, kratak opis i tipka za više informacija), slagane jedna ispod druge.


Ako ste trenutno na stranici https://camss.com/series/ex/ i kliknete na tipku “Learn more” za više informacija o bilo kojem od prikazanih proizvoda, sletjet ćete na stranicu gdje će vas dočekati najviše iznenađenja (npr. https://camss.com/product/camss-16ex/).
U tom kontekstu ćemo ponoviti – trgovina camss.com ne prodaje isključivo tipske proizvode, već je svaki prezentirani proizvod moguće djelomično prilagoditi vlastitim potrebama. Da bi kupcima tako nešto omogućili, i pritom zadržali koncept automatizirane online narudžbe, bilo je potrebno ispuniti određene tehničke preduvjete. U nastavku ćemo ih pokušati što je moguće jasnije artikulirati.
Tzv. tooltipovi umjesto klasične galerije fotografija proizvoda
S obzirom na kompleksnost prozvoda i broj detalja koji, svaki pojedinačno, predstavljaju jedinstven prodajni argument, a u želji da se premosti fizička daljina i nemogućnost osobnog doživljaja proizvoda i svih njegovih specifičnosti, camss.com je odlučio ponuditi inovativan odgovor na zahtjeve korisnika – postaviti tzv. tooltipove na određene pozicije slike proizvoda i omogućiti otvaranje dodatnih informacija koje opisuju tu specifičnost.

Modalni prozor sa tehničkim specifikacijama
S obzirom na ogroman broj tehničkih specifikacija svakog proizvoda, umjesto klasičnog linearnog prikaza u vidu tablice ispod osnovnih informacija proizvoda (kako to WooCommerce nativno predviđa), camss.com je odlučio otići korak dalje, pa ove informacije otvarati u vidu modalnog prozora. Ovo je idealan način da se uštedi na prostoru, a ipak postigne preglednost, što će posebno do izražaja doći na mobilnim uređajima.

Pojednostavljeno preuzimanje i slanje informacija (kreiranje PDF-a, preuzimanje brošure, printanje, slanje informacija e-mailom, dijeljenje na društvenim mrežama…)
I kratka analiza prezentacije proizvoda pokazat će da se na camss.com mislilo ne samo kako osnovne aspekte online prodaje učiniti što učinkovitijima, već se zalazilo i u neke druge detalje pomoću kojih se poboljšava korisničko iskustvo.
Tako korisnicima na raspolaganju stoji mogućnost printanja specifikacija svakog proizvoda, kreiranje PDF sažetka, preuzimanje brošure proizvoda, “povlačenje” odabranih specifikacija proizvoda u e-mail i slanje istog sa stranice proizvoda, dijeljenje na društvenim mrežama i sl. – a sve to jako lijepo dizajnerski usklađeno.
Najvažnija osobina – mogućnost samostalne prilagodbe proizvoda
Najveća zanimljivost na ovoj web trgovini, i ujedno razlog zbog kojeg smo ga uzeli kao primjer ogromnog potencijala kojeg WooCommerce u sebi nosi, jeste ugrađeni sustav za prilagodbu proizvoda – tj. mogućnost da sami odaberete njegove specifikacije i odlučite kako će on na koncu izgledati.
Tako se na camss.com kupcima pruža prilika da odaberu boje, opcije interijera, eksterijera, dodataka i paketa opreme svakog pojedinačnog proizvoda – sve to vrlo jednostavno i intuitivno, uz samo nekoliko klikova. Svaka specifičnost (atribut) dodatno je opisana, a te informacije se također otvaraju modalnom prozoru (ovdje ponovno vidimo težnju da se postigne preglednost informacija, a ujedno zadrži pragmatičnost i točnost opisa).

Vrijedi napomenuti da je za sustav specifikacija korištena tehnologija Ajax, koja omogućava odabir opcija bez osvježavanja stranice, a što samo po sebi pozitivno utječe na brzinu njenog rada i korištenja (više o prednostima Ajax-a čitajte na linku http://www.ajaxdevelopersjournal.com/askusanything/7-benefits-of-using-ajax-technology/).
Još jedna pohvalna stvar leži u tome što se, nakon odabira željenih specifikacija, one automatizmom izlistavaju u tablici kojoj se pristupa putem tipke “Customized specifications” (na prikazu proizvoda), tako da kupac u svakom trenutku može pregledati što je točno odabrao i na koncu naručio.

Nakon što kupac odabere željene specifikacije proizvoda, klikom na tipku “Request quote” mu se otvara napredan web formular. Ugrađeni sustav formulara “pohranjuje” odabrane specifikacije proizvoda i prosljeđuje ih administratoru web trgovine u vidu kupčeva upita tj. zahtjeva za ponudom.

Inače, bez obzira kako izgleda proces kupovine, tj. da li postoji procesuiranje plaćanja na samoj web trgovini ili ne, naša je topla preporuka da svojim online kupcima omogućite jednostavno slanje upita za pojedinačne proizvode – jer velik broj online kupaca nije odmah spremno na konkretnu narudžbu i kupovinu, već se prije toga žele raspitati o željenom proizvodu. Web formular koji je “na dohvat ruke” i omogućava da potencijalni kupac brzo i jednostavno s vama podijeli svoja pitanja i dileme o proizvodu su u online svijetu nužnost i ujedno način da se barem donekle premosti manjak personaliziranosti od koje “pate” sve web trgovine.
Dodatni alati
Vrijedi spomenuti neke dodatne alate i elemente koji su možda i sastavni dio WooCommerce-ovih nativnih mogućnosti, ali su u slučaju camss.com drukčije koncipirani i prezentirani.
Tu bismo napomenuli uočljiv modul s opisom proizvoda, predviđen po cijeloj širini stranice, te linearno (ispod njega) postavljen modul sa specifikacijama proizvoda. Inače, WooCommerce ova dva segmente predviđa u karticama (tabovima), čija je upotrebljivost upitna – upravo jer dio ključnih informacija ostaje uvijek skriven.
Tu je zatim i atraktivna galerija fotografija, također predviđena po cijeloj širini stranice, koja razbija monotoniju tekstualnih modula i podiže atraktivnost prezentacije.
Napomenut ćemo i dva dodatna aspekta – prikaz komplementarnih i sličnih proizvoda koji predstavljaju cross i upsell taktike, kao sastavni dio WooCommerce-ovih nativnih mogućnosti, a ujedno predstavljaju vrlo učinkovite strategije za podizanje dinamike prodaje.
Zaključak
Web trgovina camss.com je idealan primjer kako riješiti online prodaju netipičnih proizvoda. Ovaj članak namijenjen je onima koji su svjesni da u njihovom slučaju klasična online prodaja putem web trgovine ne bi funkcionirala – možda jer njihovi proizvodi nisu tipski, jer prije plaćanja kupcu treba osigurati savjetovanje, jer dostava ne može biti riješena na klasičan način i iz niza drugih razloga…
Pogrešno je misliti da web trgovine, da bi bile učinkovite, moraju imati sve standardne aspekte, uključujući i online naplatu. Vratit ćemo se na početak ove priče i još jednom naglasiti važnost individualno osmišljenih marketinških strategija, prilagođenih vlastitim potrebama i poslovnim ciljevima, gdje online alati trebaju služiti ispunjenju tih ciljeva – pa makar to značilo i potpuni odmak od konvencionalnih koncepata i rješenja, kao što je upravo slučaj s web trgovinom camss.com.
Na koncu, tvrtka Camss Shelters imala je jedan jedini cilj – automatizirati dio svojih radnih procesa, i na taj način uštedjeti na vremenu i radnoj snazi. WooCommerce joj je to itekako omogućio.