Prenovljena spletna trgovina Mami Design

Grozota od stare verzije spletne trgovine za nosečniška oblačila Mami Design je končno odpravljena :).

Razlogi za posodobitev so bili naslednji:
- Spletna trgovina se naj bi prenovila po defaultu na 2-3 leta (ni sicer nujno da se prenovi grafični del, lahko so tudi drugi večji backend popravki).
- Nujnost podpore responzivnosti.
- Prehod na Wordpress.
- Precej večje marketinško znanje, kot pred slabimi 2 leti.

V osnovi spletna trgovina torej stoji na Wordpressu. Razlogov zato je več (prosimo, ne navajajte mi, zakaj ne Magento ali kaj temu podobnega :) ). Nekateri izmed njih so:
- velikost ponudbe, ki v tem trenutku ne presega niti 60 izdelkov;
- znanje Wordpress-a, ki sem ga pridobil v zadnjih 2 letih;
- izjemna všečnost Woocommerc-a;
- razpon ljudi, v kolikor jih potrebujem, da se kaj popravi.

Za osnovo sem si izbral temo The Retailer, ki jo lahko mimogrede vidite tudi na U-lace.si. Trgovinski del Wordpress-a podpira Woocommerce z nekaterimi dodatnimi plugini.

Nekaj trenutnih prednosti in pomankljivosti:

  • Šele ko sem bil precej v razvoju trgovine, sem ugotovil, da je sama tema sicer precej lepa in omogoča precej možnosti, vendar se je dostikrat tepla s kodo Woocommerca.
  • Našel sem izjemnega programerja, ki mi uredi malenkosti za majhen denar (Romun) :).
  • Sam Woocommerce je sicer brezplačen, vendar je potrebno za res "ornk" marketinško podporo imeti kar konkretne plugine, ki pa niso poceni. (implementacija na ravni kode strani bi seveda prišla veliko več...)
  • Sama optimizacija je mogoče malce slabša, kar se pozna tudi pri sami hitrosti nalaganja strani - v primerjavi z namembnim programjem, kot je Magento/Prestashop ipd.

Še veliko več podrobnosti pa verjetno spišem v posebni objavi na blogu, ki prihaja :). Aja, kar se cene tiče (za radovedneže):
- Template 50$
- Programer 200$
- Plugini (rajši ne štejem - med 500$ in 800$; nekatere sem imel že prej)
- 2 meseca mojega dela

Če boste naleteli na kakšne napake, bom vesel, če mi jih sporočite. Prav tako bom vesel za kakšno mnenje.

Tilen

p.s. SSL certifikat bo aktiviran v roku 48 ur, ker ga je bilo potrebno obnoviti.

20 odgovorov

Žal ni nek presežek, glede na to, da si vložil 2 meseca svojega dela. Bi bilo boljše, če bi porabljen čas in posledično denar vložil v nekoga drugega. Je pa res, da je napredek od stare strani, žal pa ni občuten napredek.

1

Biata, presežek v smislu grafičnega dizajna verjetno res ne more biti, ker gre za kupljeno predlogo v sami osnovi. Moč se skriva predvsem v marketinških prijemih. Če sem se kaj naučil v zadnjih dveh letih v tem poslu, potem je to, da se na grafični dizajn nikakor ne smeš zanašati in da imajo (poleg nekih skupnih prijemov) res vsake oči svojega malarja. Važna je funkcionalnost. Vedno znova se namreč zgrozim, kako imajo lahko nekatere landing pages tako velik CTR in zgledajo, kot da jih je nekdo postavil v letu 1996...

1

Meni se zdi zadeva malo "busy". Ko odpreš ti spodaj levo vrže ven mnenja strank, potem popup za e-novice čez ekran, zgoraj se pripelje tisti trak "imate vprašanje..." Vse skup malo odvrača pozornost od izdelkov, ki so nekako bistvena stvar :)

Potem imaš tale "Product Enquiry", ki se meni zdi totalno nelogičen.

  1. Zakaj v angleščini. Deluje precej nekredibilno.
  2. Kaj je z naročilom? A dejansko kaj naročam, a pošiljam povpraševanje...

Napiši jasno kaj naj naredim. Je izdelek na zalogi, je dobavljiv v roku 14 dni? Naredi knof slovenski (pošlji povpraševanje ali še boljše Naroči)

Potem so tu slike izdelkov in key visuali na prvi strani. Slike naj bodo čim bolj poenotene. Ene imajo zdaj belo ozadje in se lepo zlijejo s stranjo, druge so porezane. Naredi vse v istem stilu ali dodaj okvir okoli slike, da bo zgledalo poenoteno.

Za key visuale na 1. strani uporabi slike višje resolucije. Slika ženske na kavču je meglena, teksti na sliki se čisto nič ne skladajo s CGPjem strani. Tisto voščilo za božič je tudi odveč, če ga ne izkoristiš za promocijo (npr. ob božičnih praznikih vam podarjamo 1233% popusta na vse izdelke, vpišite kodo kupona "BOŽIČ"...).

Drugače sem pa tudi sam ravno postavil eno trgovino na woocommercu, pa je zadeva precej awesome. V dogovoru s Cebelca.biz bomo naredili povezavo, ki bo avtomatično izvažala račune in zalogo. Če rabiš software za izdajo računov in materialno poslovanje je pomoje dobra izbira.

Zanima me tudi katere plačljive module imaš.

3

Vedno, ko design ni na nivoju se najdejo takšni "izgovori". Lep design ne pomeni slabše funkcionalnosti in nižjega CTRja, je pa dejstvo, da je lep in obenem funkcionalen design težko narediti, zato tudi v veliki večini pride do takšnih in drugačnih izgovorov.

Sicer pa ni težava samo v vizualnem delu strani ampak o določenih šumih, kot je omenil sasok in pa dodatkih (Product Enquiry), ki dodajo neko neprofesionalno noto celotnemu izdelku.

Je pa to konec koncev samo moje mnenje, ki je pač, da bi lahko bila stran občutno boljša.

Sasok - se podpišem pod skoraj vse, kar si napisal. "Product Enquiry" se sploh ne bi smel prikazovati (sem ga pozabil izklopiti..blush). Za prenasičenost stvari se strinjam in tukaj sem še v dilemi kako pa kaj - bom naredil nekaj split testov + heatmape, za dokončno odločitev.

Za same slike izdelkov je zaenkrat problem, ker še ni foto postavitve doma - tiste slike, ki jih dobimo od dobaviteljev so pa bolj tako tako. Kar se pa tiče slik na sliderju, pa še iščem ta pravo "sredino" - slike so v osnovi sicer vse velike resolucije, a sem jih tu znižal ravno zaradi hitrosti nalaganja strani (okoli 70k na sliko trenutno).

Toliko zaenkrat.

Nah biata - ni izgovorov, vsak ima pravico do svojega mnenja - jaz tudi samo povem, kako mislim, da stvari stojijo.

Takoj ko se mi odpre popup za novicke cez cel ekran, zapustim stran. Fak, kaj mate s temi popupi, to bi prepovedal z zakonom.

3

Za sprejet kritiko je ponavadi treba kar nekaj predihanih vaj :)
To skušaj vedno jemat za pozitivno ... potem pač sam preceniš kaj ti je smiselno in kaj lahko apliciraš dalje.

Da se fokusiram na štacunco.

Prva dva slajda recimo mi ne povesta prav dosti, a priori pa bi bilo nujno, da nekam peljeta. V pričakovanju neke praznične simbolične ugodnosti sem skušala kliknit na čestitko, pa se nič ne zgodi. Okej ... Kliknem na drugega, sem spet pričakovala nekakšen "vodič" po nosečniški garderobi ali kaj podobnega. Pa ponovno ne pelje nikamor. Kliknem na znižane izdelke, prazno. Wait, what? Okej, še pajkice. 16 eur. In kaj zdaj? CTA pojačaj.

Tako izgubiš verjetno malo morje klikov v prazno, uporabnik je pa tudi že malce zbegan za sekundo ali dve in se za trenutek vpraša, če je priletel na testno trgovino.

Ko ženska pristane na vstopni strani, že ve, da je v trgovini za nosečke (saj je kliknila tja).

Zato bi bilo smiselno imeti tudi pod bannerji (ki naj nujno vodijo nekam zelo premišljeno) nekako sistematično razdeljene vstope v posamezne rubrike. Trenutno se na tem mestu nahaja le "priporočamo", ki je precej splošen. Mene recimo ta trenutek zdaj ne zanima kaj vi priporočate, ker tega enostavno ne potrebujem. Me pa zanima kaj vse imate sploh v trgovini in da to izvem, moram it klikat po meniju, ki pa mi je še en klik odmaknjen -> ker ni direktno zgoraj celega primarnega menija, ampak kot primaren link deluje knofek Trgovina, šele znotraj tega pa potem posamezne rubrike in še kasneje podrubrike.

Skratka, zdaj ste me "prisilili" v že kar nekaj klikanja, še preden sem si lahko ogledala eno rubriko in izdelek, ki bi me zanimal in bi bil morda zdaj lahko že v košarici.

Kar se tiče dizajna pa - odvisno kaj zate oblikovanje pomeni. Nekaterim je enostavno le muka in "fensijada", drugim pa služi, kot orodje za kontroliranje gibanja uporabnika po informacijah, ki jih podajaš. Smo pa v letu 2013, kar pomeni, da tudi ljudje, ki v življenju niso odprli programa za grafično obdelavo, že znajo precenit ali je nekaj dobro ali ne. In slab dizajn ne pomeni, da je (le) grd (ker je to delno res stvar posameznika), predvsem pomeni, da je nefunkcionalen.

Tema, ki si jo kupil, zgleda dobesedno super, pa si jo malo pokvaril :) Vem, da zaboli, ko ti nekdo to reče, sploh po ful vloženega truda ... ampak glej, če želiš bit odličen, potem se moraš posvetit detajlom in poiskati navdih (če ti ga manjka - pa vsakemu ga kdaj) v trend dizajnih. Dizajnerji po svetu se ne afnajo, ampak iščejo nove pristope za enostavno in prijazno neverbalno komuniciranje.

Zelo me zmotijo
- neenotne velikosti fotk
- neizvirna tipografija (pa ima privzeta tema res lepo kombinacijo, ki tudi služi svojemu namenu)
- ta oranžna (rožnata bi bila mnogo boljša po mojem mnenju)
- da si odstranil te nežno sive pasice, ki delijo stran na content in usmerjanje/povzetke

Da pa ne bom samo pametna, ti prilagam še svojo verzijo (čeprav prosim, je na hitro narejeno in brez, da poznam tvojo znamko), kako jaz mislim, da bi minimalno mogla zgledat neka vstopna pasica. Lahko ju mirno pokritiziraš :))), če se ti dopadeta, pa ju seveda lahko tudi uporabiš. Podarim za Božička :)

8

lili - najlepša hvala za tvoje mnenje! Slajdi se bojo popravili - kar se pa klikanja tiče bom pa to definitivno vedel po rezultatih heatmapa čez par dni (vsaj za orientacijo). To da je relacija Trgovina --> Kategorije --> Podkategorije, je stvar trenutne izbire. Prejšna verzija trgovine je imela takoj prikazane vse kategorije. Kar se tiče velikosti fotk, bom vzel na znanje, saj je bilo omenjeno že prej. Kar se tiče neizvirne tipografije, ne razumem najbolje (primarna je Ariel, ki je spremenjena v Helvetico). Kar se pa tiče sivih pasic - bo to tudi stvar testiranja :).

Za sliki se ti pa najlepše zahvaljujem in jih bom tudi uporabil! :)

Tilen

Se podpišem pod post od lili, poudaril bi pa to kar je že omenila: oblikovanje spletne strani pomeni, da ti najdeš dober odnos med tem kaj hočeš povedat in kako hočeš to povedat; gre se za uporabo tehnoloških zmožnosti za prenos določenih informacij. To se sicer mogoče sliši malo zafilozofirano, ampak dejstvo je, da se vsebino spletne strani razbira ravno skozi 'izgled' spletne strani, vsebino namreč gledamo, beremo. In tako kot ni vseeno kako bom jaz nekaj povedal v besedah, tako tudi ni vseeno če zadevo postavimo v kontekst vizualnega sporočanja; predstavljaj si, da ti nekdo pove nekaj v prijaznem in spoštljivem tonu, ali pa če se dere nate s polnimi usti in pljuva ko govori - čeprav bo povedal iste besede, je končni učinek prenosa informacije drugačen. Podobno je tudi pri spletni strani.

Osebno me stran ne prepriča. Ko pridem na stran mi celosten pristop komunikacije deluje razmeroma cenen. Celotna struktura je nekonsistentna (odmiki elementov, velikosti in barve črk, poravnava teksta, barve na strani, ...), elementi so razdrobljeni, predvsem pa izdajajo detajli - veliko različnih barv, velikosti in vrst tipografije, slabe kvalitete določenih sličic (banner, logo) in pogrešam več visoko-kvalitetnega foto materiala - velike, zgovorne in lepe fotografije.

Pa še ob nekaj sem se spotaknil ... ko govoriš o marketinških prijemih. Marketing je v končni fazi umetnost komuniciranja, prepričevanja; če izgleda že sama spletna stran, kot da je bilo nekje nekaj 'prišparano' se ne morem znebit občutka, da se bo šparalo tudi na meni kot stranki, kje in kako se 'špara' si pa lahko samo mislim ...

Skratka, osnova je dobra, vendar je po mojem mnenju potrebno dodelat detajle (odmiki, tipografija) in priskrbet visokokvaliteten fotomaterial ('hude' in lepe fotke), pa bo veliko boljši končni efekt.

Ok, toliko iz moje strani, srečno s trgovino :)

3