Dizajn – najvažnija stvar pri izradi web shopa?

Izrada web shopa je zahtjevan i opsežan, ali istovremeno zabavan i izazovan proces. Od svih sastavnica projekta kojih se dotaknemo tijekom izrade nove Internet trgovine, jedna od najzanimljivijih jest dizajn same stranice, koji dolazi na samom početku projekta i može poprilično utjecati na trajanje projekta.

Kroz sljedećih nekoliko poglavlja provest ćemo vas kroz teme koje smo kroz godine izrade web shopova identificirali važnima u segmentu dizajna web shopa, sve s istim ciljem – da završni proizvod projekta izrade web shopa bude izgledom atraktivan i korisnicima prilagođen webshop koji će svojim vlasnicima donositi prihode.

  1. Ponuda vs. očekivanja – kako definiramo dizajn na projektima?
  2. Komunikacija, komunikacija, komunikacija!
  3. Što su UX i UI?
  4. Elementi dizajna webshopa

1. Ponuda vs. očekivanja - kako definiramo dizajn na projektima?

Pravilo koje vrijedi u svakoj suradnji je da će obje strane biti zadovoljne ako ostvareno dosegne ili nadmaši očekivanja. U slučaju izrade web shopa naručiteljima je izgled i dizajn web shopa izuzetno bitna stavka, ponekad čak i najbitnija. Stoga nam je jako važno da od samog početka bude jasno što nudimo i što možemo isporučiti u kojem cjenovnom rangu, kako bi klijenti stvorili realna očekivanja.

Konkretno, govoreći o dizajnu webshopa, formirali smo tri razine usluge koje su ovisno o svojoj opsežnosti uključene u odgovarajući paket razvoja webshopa:

  • Predefinirani dizajn
  • Standardni custom dizajn
  • Premium custom dizajn
  • Deluxe custom dizajn

PREDEFINIRANI DIZAJN

U našem osnovnom paketu, SHAPE CORE BASIC, dizajn webshopa temelji se na gotovoj temi koja se klijentima prilagođava u svojim osnovnim elementima: logotip, boje, banneri, font.

Koristi se predefinirani template u kojem je unaprijed definiran raspored elemenata na glavnim stranicama web shopa (naslovnica, stranica kategorije, stranica proizvoda, check-out). Primjerice, na naslovnici je određeno gdje se nalazi logo, kako izgleda izbornik, koliko su veliki i kako su pozicionirani banneri; na stranici kategorije određen je izgled filtera, sortiranja, prikaza proizvoda u grid i list varijanti, dok je na stranici proizvoda određen razmještaj elemenata koji opisuju artikl – slika, naziv, opis, količina, dodavanje u košaricu.

U sklopu ovog paketa moguće je prilagoditi osnovnu color schemu webshopa i naravno logotip, kako bi stranica vizualno predstavljala vizualni identitet branda ili trgovca o kojem se radi. Apliciranjem bannera i kvalitetnih fotografija u opis proizvoda, postiže se moderan izgled stranice koji prije svega osigurava dobro korisničko iskustvo.

Na početku projekta klijentima dostavimo nekoliko linkova s primjerima ove razine dizajne na aktivnim webshopovima, kako bi dobili bolji dojam kako to izgleda u praksi. Template koji se koristi je responsive, odnosno prilagođen za pristup putem mobilnih uređaja.

STANDARDNI CUSTOM DIZAJN

Za razliku od predefiniranog dizajna, u standardnom custom tj. prilagođenom dizajnu web stranica dizajnira se od starta, ali temeljena na predefiniranim wireframeovima. Ova razina dizajna uključena je u paket SHAPE CORE ADVANCED bez dodatne nadoplate.

Nakon prvog kontakta klijenta s Project Managerom i dizajnerom, prolaze se wireframeovi te na temelju njih i klijentovih uputa i želja, dizajner izrađuje prijedlog dizajna naslovnice. Osim samog wireframea, korisno je od klijenta dobiti nekoliko primjera webshopova koji mu se sviđaju, pogotovo stranih koji mu neće biti direktna konkurencija. Ukoliko postoji brand manual ili knjiga standarda, svi elementi na webshopu prilagode se istoj.

Što je to wireframe?

Wireframe je pojednostavljeni prikaz budućeg dizajna koji pokazuje osnovne elemente stranice – razmještaj slika, tekstova, ikona i slično. Ti elementi nisu interaktivni i ne pokazuju detalje, uglavnom niti boje, te služe prvenstveno da dizajneru daju 'temelje' na kojima gradi daljnji dizajn.

Wireframe odgovara na sljedeća pitanja:

  • Sadržaj - Što će točno biti prikazano na stranici?
    pr. slike, tekstovi, ikone, video sadržaj, proizvodi
  • Struktura - Kako rasporediti elemente koje stranica treba sadržavati?
    pr. na gornjem dijelu naslovnice to su logotip webshopa, glavni izbornik, prostor za tražilicu, košarica, pregled favorita, uspoređivanje proizvoda, link za kontakt, broj telefona, promjena jezika/valute itd.
  • Hijerarhija - Kako će se ti elementi prikazati u položaju, označavanju i veličini?
    pr. odnos glavnog bannera i sporednih bannera, istaknuti proizvodi
  • Ponašanje - Kako će ti elementi djelovati u interakciji s korisnikom?
    pr. slideri, flip, hover itd.

Evo što se dizajnira u standardnom custom paketu:

  • uključuje dizajn do pet tipova blokova na naslovnoj stranici (npr. zaglavlje, slider/promo-zona, izdvojeni proizvodi, izdvojeni blogovi/novosti, podnožje...) 
    - jedan tip bloka može se na jednoj stranici (pr. naslovnoj) aplicirati više puta, s različitim sadržajem
  • nakon potvrde dizajna naslovne stranice, dizajn se primjenjuje na stranicu kategorije i stranicu proizvoda, te na sve statične i opće stranice
  • responsive web design za najbolje korisničko iskustvo na mobilnim uređajima i tabletima 
  • sadržaj se za mobilne uređaje prilagođava njegovim rasporedom na stranici, promjenom veličine fonta, veličinom slika, izgledom navigacije i slično 

Pri dizajnu naslovne stranice unutar paketa uključen je jedan krug izmjene tj. korekcije dizajna.

PREMIUM CUSTOM DIZAJN

Još jedan korak više je premium custom tj. prilagođeni dizajn. Ova razina dizajna radi se na zahtjev klijenta te nije uključena u standardne SHAPE CORE pakete već se dodatno ugovara.

U čemu je osnovna razlika između standardnog i premium custom dizajna?

U premium dizajnu radi se prilagođeni wireframe te dizajn svih stranica web shopa. Detaljnije, to znači sljedeće:

  • izrada custom wireframea za do 5 stranica: naslovna stranica, stranica kategorije, stranica proizvoda, košarica, blog, o nama, kontakt - po izboru klijenta
  • na temelju potvrđenog wireframea dizajnira se naslovna stranica, klijent u prvoj iteraciji dobiva dvije verzije dizajna naslovnice
  • nakon odabira preferirane verzije dizajna, slijede do tri kruga izmjena dizajna naslovne stranice
  • uključuje dizajn do 10 tipova blokova na naslovnoj stranici (npr. zaglavlje, glavni izbornik, slider, promo-zona, izdvojeni proizvodi, izdvojeni blogovi/novosti, prijava na newsletter, istaknuti benefiti, podnožje...) - jedan tip bloka može se na jednoj stranici (pr. naslovnoj) aplicirati više puta, s različitim sadržajem
  • slijedi dizajn svih ostalih stranica na temelju potvrđenih wireframeova 
  • uključuje jedan krug izmjena dizajna svake druge stranice koja se dizajnira (pr. stranica kategorije, stranica proizvoda, index stranica bloga, blog, kontakt stranica...)

Dodatno: 

- testiranje i podržan rad u različitim web preglednicima (Edge, Google Chrome, Safari, Firefox)
- finalno testiranje funkcionalnosti, UI (User interface) i UX (User experience) 
- responsive web design za najbolje korisničko iskustvo na mobilnim uređajima i tabletima 
- sadržaj se za mobilne uređaje prilagođava njegovim rasporedom na stranici, promjenom veličine fonta, veličinom slika, izgledom navigacije i slično 

U ovom paketu uključena su tri kruga promjena dizajna početne stranice. Dakle nakon odabira jednog od dva početna prijedloga, kroz tri kruga izmjena na njemu se definira konačan izgled te se potom ide dalje na dizajn ostalih stranica.

Nakon spremanja elemenata u grafike, izrađuje se i optimizira HTML 5 kôd u svrhu što bržeg učitavanja stranice i smanjenja latencije, što posebno bitno postaje prilikom Google oglašavanja. Naime, pri rangiranju oglasa Google posebnu pozornost stavlja na kvalitetu odredišne stranice na koju oglas vodi, pri čemu se posebno boduje vrijeme prvog odaziva, učitavanja najtežeg elementa i potpunog učitavanja stranice.

DELUXE CUSTOM DIZAJN

Najviša razina je deluxe custom tj. prilagođeni dizajn. Također se ugovara dodatno te nema fiksnu cijenu već se cijena definira na temelju kompleksnosti projekta i po broju uloženih radnih sati. 

Što donosi ovaj paket dizajna? 

  • uključuje dizajn svih stranica web shopa, dizajn svih ikona i gumbi i svih izbornika
  • proces dizajna započinje uvodnom radionicom na kojoj klijent, projektni tim i dizajner detaljno analiziraju klijentove želje, primjere webshopova s dobrim dizajnom, specifične potrebe za branšu klijenta i slično 
  • na temelju radionice radi se custom wireframe i custom dizajn svih stranica webshopa (naslovna stranica, stranica kategorije, stranica proizvoda, košarica, check-out, kontakt, o nama, statične stranice, index stranica bloga, blog, korisnički profil, loyalty klub i sl...) 
  • uključuje proizvoljan broj tipova blokova na naslovnoj stranici i na svim ostalim stranicama (npr. zaglavlje, slider/promo-zona, izdvojeni proizvodi, izdvojeni blogovi/novosti, podnožje...) 
  • uključuje dizajn svih ikona i buttona na stranici
  • uključuje oblikovanje glavnog izbornika
  • uključena tri kruga promjena dizajna svih stranica 

Dodatno uključuje sve što i Premium custom dizajn, uz jednu dodatnu stvar: korisničko testiranje dizajna, odnosno prikupljanje korisničkog feedbacka prije finalne produkcije.

2. Komunikacija, komunikacija, komunikacija

Kako bi proces dizajniranja webshopa prošao glatko i u planiranom roku, bitno je osigurati efikasnu komunikaciju projektnog tima – project managera, predstavnika klijenata i dizajnera. Najčešće se otvara projekt na Asani kao kolaboracijskom mjestu na kojemu je transparentno prikazano koji su zadaci na to-do listi, tko je zadužen za svaki zadatak, je li za neki zadatak potreban feedback od klijenta i koji su rokovi.

Ovakav način komunikacije, uz redovite sastanke i feedback sessione, omogućuje brze izmjene i promjene smjera u dizajnu.

Kad govorimo o komunikaciji, naglasak stavljamo i na edukaciju klijenata o elementima UX-a i UI-ja koji su bitni za korisnike webshopa. Na taj način klijentima dajemo širu sliku i kontekst u kojem treba promatrati dizajn određenog elementa, pored osnovnog dojma koliko je nešto lijepo.

3. Što su UX i UI?

UX (user experience) i UI (user interface) su termini koji se koriste kod web dizajna i dizajna mobilnih aplikacija. Radi se o dva povezana procesa koji u konačnici predstavljaju istu stvar – dizajn.

Što je UI dizajn?

UI ili User Interface dizajn je zapravo grafički izgled web stranice, web shopa ili mobilne aplikacije. Obuhvaća dizajniranje elemenata dizajna poput bannera, buttona za klikanje, prijelom teksta, obradu fotografija, dizajn ikonica i ostalih elemenata koji korisniku služe za interakciju s web shopom. UI dizajneri su najčešće grafički dizajneri te im je glavni zadatak da nađu idealnu kombinaciju boja, oblika, veličina buttona, prijeloma teksta i ostalih elemenata kako bi kreirali željeni dojam web shopa.

Što je UX dizajn?

UX ili User experience je, kako i samo ime kaže, iskustvo korisnika i određuje način interakcije s web shopom. Nije svejedno je li navigacija logična ili izgleda nabacano i neplanirano, te je li interakcija s korisnikom efikasna i fluidna. UX određuje strukturu i funkcionalnosti, tj. načine na koje se komunicira sa elementima UI-ja.

Ukratko, UI dizajner se brine o izgledu web shopa, a UX dizajner o funkcioniranju istog. Iskustvo u velikom broju projekata i stalno praćenje najnovijih istraživanja korisničkog iskustva na web shopovima daju nam odličnu podlogu u UX-u, te je naš zadatak usmjeravati UI dizajnera kroz klijentove želje, a da se istovremeno zadovolje visoki standardi UX-a.

4. Elementi dizajna webshopa

U zadnjem poglavlju ovog članka htjeli bismo zaokružiti priču o dizajnu s pregledom svih elemenata na koje pri dizajnu web shopa treba obratiti pozornost. 

Prije no što pročešljamo ove elemente, osvrnimo se na još jednu bitnu temu na koju se može utjecati dizajnom i elementima na web shopu, a to je povjerenje. 

Povjerenje i sigurnost

Ono što svakako želite je da vaš web shop korisnicima ulijeva povjerenje i sigurnost. Web shop može biti najljepši i najbolji na svijetu, ali ako je korisniku nešto sumnjivo, neće obaviti kupnju. Većina korisnika zaista pazi na svoju privatnost i na to štiti li stranica njihove osobne podatke, te koristi li se sigurno sučelje za plaćanje.

Evo što možete učiniti da povećate povjerenje kupaca u vaš web shop:

  • jasno navedite podatke o tvrtci koja stoji iza web shopa (naziv tvrtke, OIB, adresa, kontakt email i telefon)
  • postavite linkove na profile webshopa na društvenim mrežama
  • fotografije ljudi iz tima – ionako se danas na LinkedINu može pronaći sve ove informacije, pa zašto ne iste podijeliti na samom web shopu
  • jasno komunicirajte politike privatnosti, obrade i zaštite osobnih podataka
  • na više mjesta istaknite i učinite dostupnim uvjete plaćanja, dostave i povrata – u vezi ove tri stvari budite potpuno transparentni prema kupcima

Opći tekstovi neka budu pisani običnim jezikom, razumljivim svakom korisniku, umjesto kompliciranih pravnih termina i tekstova.

  • Implementirajte SSL certifikat i istaknite SSL certification značku tj. oznaku vjerodostojnosti i sigurnosti stranice.

eCommerce sigurnost

  • Dodajte prepoznatljivi badge povjerenja, pr. za naše područje to su Certified Shop od sMinda ili Safe Shop od eCommerce Hrvatska. Pravi cerifikat daje stranici legitimitet i povećava razinu vjerodostojnosti.
  • Neka cijeli sadržaj web stranice izgleda vjerodostojno, provjereno i profesionalno. Ne koristite Translate za prijevod tekstova, ako niste sigurni u pravopis i gramatiku, tekstove pošaljite na lekturu, koristite samo fotografije za koje imate autorska prava ili su preuzete sa besplatnih Internet servisa, pobrinite se da nemate 404 pogrešaka, da nema praznih pozicija na web shopu ili neprovjerenih informacija.

Za kraj, ako ste zaista sigurni da ste učinili sve što možete po gore navedenim točkama, na stranice webshopa (naslovnica, kategorije, proizvodi) aplicirajte afirmativne elemente koji dodatno podstiču sigurnost.

Što dizajniramo?

  1. Web shop dizajn – naslovnica

Posjetitelj formira prvi dojam o web shopu već u prvih 50 milisekundi nakon otvaranja naslovnice. Stoga naslovnica mora odmah uhvatiti pozornost potencijalnog kupca, jasno i brzo iskomunicirati što prodaje i gdje se pozicionira na tržištu – radi li se o pristupačnoj robi, srednjem segmentu ili o premium ponudi.

Primjerice, webshop koji prodaje skupi dizajnerski nakit trebao bi izgledati znatno drukčije od lokalnog trgovca zdravom hranom. Glavna poruka koju brand šalje treba se očitovati u odabiru fonta, palete boja, stila fotografija koje se koriste i drugih elemenata poput CTA (Call-to-action) gumba i slično.

U ovom trenutku definiranja dizajna bitno je zapamtiti da je ono što svaki webshop prodaje vlastiti brand. Webshop može u ponudi imati mnogo renomiranih svjetskih ili lokalnih brandova, ali korisnik odluku o kupnji donosi prvenstveno na temelju svoje percepcije branda trgovca.

Kratki reality-check za naslovnicu:

  1. vidi li se na prvi pogled da se radi o webshopu?
  2. vidi li se na prvi pogled što webshop prodaje?
  3. dobiva li se na prvi pogled osjećaj je li roba koja se prodaje povoljna, srednje skupa ili premium?
  4. navodi li se u prvom pogledu (above the fold, prije nego što korisnik mora scrollati ili klinuti za dalje) jasan CTA (call-to-action), primjerice KUPI, DODAJ U KOŠARICU, ISTRAŽI AKCIJU ili slično?

Ako je odgovor na sva 4 pitanja DA, na dobrom ste putu. Ako ima poneki NE, porazgovarajte sa svojim dizajnerima što bi se moglo učiniti da se poboljša dojam.

  1. Tražilica proizvoda, istraživanje kategorija

O tražilici proizvoda na web shopovima već smo detaljno pisali, te svakako preporučujemo da ovo područje dobro istražite prilikom projekta izrade web shopa.

U ovom odlomku osvrnuli bismo se na pozicioniranje tražilice prilikom dizajniranja zaglavlja webshopa. Pojednostavljeno, 3 su opcije:

  • povećalo kao oznaka tražilice
  • povećalo i polje za unos traženog pojma
  • dominantno polje za unos traženog pojma

Koju opciju odabrati ponajviše ovisi o asortimanu webshopa i o tome kako je složena navigacija kroz webshop. Tražilica može, ali i ne mora biti jednako pozicionirana na naslovnici ili na nekoj drugoj stranici web shopa, no treba biti oprezan jer se navike lako stvaraju i prečesta izmjena pozicije nekog elementa može imati kontraefekt.

UX istraživanja da čak 60% kupaca koji webshopu pristupaju preko mobitela ide direktno na tražilicu, tako da je za mobilne verzije shopova svakako preporučena jasna i velika tražilica na svim stranicama webshopa.

Kategorije u koje su složeni proizvodi promatrajte kao odjele u velikom dućanu. To mogu biti muško/žensko/dječji odjeli, po brandovima, po vrstama proizvoda (pr. kućanski aparati u velikoj robnoj kući) ili pak sezonski odjeli (pr. božićni asortiman ili sve za kampiranje, od cipela do metalnih šalica).

Moderna webshop rješenja omogućuju jednostavno preslagivanje artikala u nove kategorije (bilo sezonske, bilo trajne) bez potrebe za ručnim mijenjanjem URL-ova ili povezivanjem filtera.

Bitno je da su kategorije jasno predstavljene, dostupne klikom - izbjegavajte 'lovljenje' izbornika mišem po ekranu, i da nisu preduboko razgranate. Nepisano zlatno pravilo kaže da bi svaki proizvod trebao biti dostupan u 3 klika. Previše podkategorija može jednako zbuniti kupca kao i premalo.

  1. Stranica proizvoda, istraživanje karakteristika proizvoda

Kad je posjetitelj došao na stranicu proizvoda, imamo jedan glavni cilj – potaknuti ga da doda proizvod u košaricu.

  • Korisnik nikad ne bi trebao doći u situaciju da razmišlja kako učiniti sljedeći korak, posebno kad se radi o bitnim koracima poput dodavanja u košaricu ili odlaska na plaćanje. To su takozvane primarne akcije na webshopu i za njih se stavljaju uočljivi CTA buttoni s pozivom na akciju: KUPI, DODAJ U KOŠARICU ili slično.
  • Buttoni se pozicioniraju tako da se vide bez potrebe za scrollanjem, te da se vizualno ističu u odnosu na ostatak sadržaja (primarno bojom koja je kontrastna u odnosu na ostatak dizajna).
  • Ispod osnovnih informacija o proizvodu (fotografije, kratki opis, cijena, osnovne karakteristike) zatim se navode detaljniji opis, tehničke specifikacije, korisnički reviewovi i slično, sve s ciljem da posjetitelj ne ode sa stranice proizvoda osim ako baš mora. No i taj sadržaj mora biti promišljeno prikazan, dio po dio, kako korisnik napreduje niz stranicu. Najvažnije informacije stavljamo na vrh, a detalje niže na stranicu. Duge opise razbijamo u odlomke, s odgovarajućim podnaslovima. Koristimo tabove ili proširi/sakrij navigacijske elemente za dodatne vrste sadržaja. Sve to pridonosi dinamici korisnikova istraživanja sadržaja i sprječava da ga odjednom bombardiramo sa previše informacija.
  • Kad korisnik doda proizvod u košaricu, na jasan način pružimo mu povratnu informaciju da je proizvod dodan.
  1. Košarica

Jasno prikažite sažetak narudžbe, tako da je na prvu vidljiv popis svih naručenih proizvoda, količina i cijena svakog od njih, vrijednost ukupne narudžbe kao i aplicirani popusti i promocije, te najvažnije – trošak dostave ili preuzimanja.

Dozvolite korisnicima da u samoj košarici imaju mogućnost izmjene količina i/ili veličina proizvoda, micanje iz košarice ili dodavanje u listu favorita.

Na kraju popisa, dakle na dnu ispod ili direktno pored ukupnog iznosa naružbe idealno je mjesto za CTA button sa sljedećom akcijom koju želimo da kupac napravi – plaćanje. ZAVRŠI KUPOVINU, PLATI ili NASTAVI NA PLAĆANJE jasne su poruke koje kupca navode na daljnji korak.

  1. Checkout proces

O checkout procesima mnogo se pisalo i raspravljalo, posebno na početku razvoja online trgovine kada kupci još nisu imali iskustva s online kupovinom. Treba li checkout proces biti maksimalno pojednostavljen ili pak ponuditi kupcima više opcija, treba li biti na jednom ekranu ili u koracima kroz nekoliko ekrana? Zapravo nema univerzalnog odgovora, no bitno je da se poštuje nekoliko načela:

  • omogućite kupnju kao gost – dajući mogućnost kupnje bez logiranja i registracije, pridobit ćete cijelu jednu skupinu kupaca koja to jednostavno ne radi. To su uglavnom impulsni kupci kojima je registracija samo ometajući korak u procesu kupnje, a mi nikako ne želimo da radi toga odustanu.
  • vizualno prikažite kupcu napredak check-out procesa – bilo putem brojanja koraka pr. 2/3 koraka ili progress bara koji grafički prikazuje napredak, kupcu mora biti jasno u kojoj fazi završetka kupnje se nalaz
  • ponudite više oblika plaćanja, uzimajući u obzir i lokalno popularne oblike plaćanja poput KEKS Paya ili Payceka za plaćanje kriptovalutama

  1. Korisnički račun

Trgovci koji veliki dio kupnji dobivaju od postojećih korisnika trebaju posvetiti dodatnu pažnju dizajniranju korisničkog računa gdje korisnik može provjeriti svoje prošle kupovine, napraviti povrat robe ili potražiti support kod korisničke službe.

Odličan primjer je AboutYou koji je odnedavno prisutan u Hrvatskoj, koji svoj poslovni model temelji na personaliziranom marketingu i stalnom povećanju životne vrijednosti kupca, što postižu za kupca povoljnim i jednostavnim modelom povrata robe i pregledom cijelog procesa na jednom mjestu.

Ukoliko trgovac koristi loyalty program, korisnički račun je pravo mjesto za pružanje svih informacija i pogodnosti koje kupac dobiva sudjelovanjem u loyalty programu.

Obratite pozornost na dosljedno korištenje elemenata branda i gradbenih elemenata samo web-shopa, kako bi korisničko iskustvo bilo jednako kroz sve faze kupovine.

--

Zaključno, pokušajmo sumirati najvažnije po pitanju dizajna u projektu izrade web shopa:

  • jasno postaviti očekivanja klijenata u odnosu na ponuđeno u paketu izrade web shopa
  • održavati otvorenu i stalnu komunikaciju s brojnim feedback iteracijama tijekom faze dizajna
  • uzeti u obzir UX i UI dizajnerske elemente, budući da je jedino kombinacijom oba moguće dobiti dobar webshop kao rezultat
  • obratiti pozornost na elemente dizajna web shopa kroz sve glavne stranice (naslovnica, stranica kategorije, stranica proizvoda, košarica, checkout, korisnički račun).

Praćenje gornjih savjeta svakako olakšava razvoj projekta, iako dizajn nikad nije konačan i uobičajeno je da se elementi s vremenom mijenjaju ovisno o trendovima i performansama. 

 

Još eCommerce tema: