Case study – igorlimitededition.eu

PROJEKT: Izrada web trgovine igorlimitededitioneu.com

NARUČITELJ: VESTIMENTA d.o.o. i Obrt za modni design, Vl. Igor Dobranić

TRAJANJE: 8 tjedana

Iza tvrtke VESTIMENTA d.o.o. i Obrta za modni design, Vl. Igor Dobranić stoji isti vlasnik, a primarna djelatnost im je proizvodnja i distribucija modne odjeće. Brand IGOR je u regiji i šire dobro poznat poznavateljima modne industrije, a svojim kreacijama već neko vrijeme oduševljava ne samo europsko, već i američko tržište.

Nakon nekoliko mjeseci pripreme (tu prije svega mislimo na pripremu nove kolekcije odjeće i photoshooting koji su odradili unutar svoje tvrtke), na red je došla i izrada web trgovine – alata koji će ubrzo postati jedan od važnijih kanala za prodaju njihovih jedinstvenih uradaka.

Naš klijent Igor Dobranić je do nas došao preko preporuke, i ovom prilikom mu želimo zahvaliti na ukazanom povjerenju. Nadamo se da smo ga opravdali.

 

 

  • Nataša Salapura Pavlačić, VESTIMENTA d.o.o., igorlimitededitioneu.com

    "Susretljivost, lojalnost, savjetovanje, profesionalnost..."

    Jako sam zadovoljna suradnjom i rezultatima iste. Iskusan i profesionalan tim, odmjeren a ipak spreman izaći u susret kad god je to moguće. Svakako bih vas, i hoću, preporučila dalje. Izuzetno cijenimo savjete i preporuke koje nam dajete tijekom cijelog ovog projekta, kao i lojalnost koju pokazujete prema klijentu. Profesionalni, korektni i odradili i dosta više nego smo očekivali i dogovorili prvobitno.

Jednostavna i minimalistička web trgovina s naglaskom na proizvodima

U ovom članku vam želimo prezentirati projekt izrade web trgovine igorlimitededitioneu.com kroz nekoliko specifičnosti koje ovaj portal karakteriziraju.

Jednostavan dizajn naslovnice

Prilikom prvog javljanja, klijent nam je jasno dao do znanja da ne želi nikakve “karefeke”, niti “leteće objekte” na svom budućem shopu, već izgledom minimalističku web trgovinu s naglaskom na proizvodima.

Jedan od zahtjeva klijenta je bio jednostavna naslovnica, na kojoj će biti tek nekoliko elemenata – kratak uvodni tekst o poslovanju, praćen slikom, te moduli podnožja. Ostali dijelovi portala su zapravo predstavljali segmente web trgovine, s tipičnim e-commerce funkcionalnostima, ali i određenim specifičnim dizajnerskim elementima koje ćemo u nastavku opisati.

Web trgovina na engleskom jeziku

Multisite – ready instalacija

Web trgovina igorlimitededitioneu.com namijenjena je prvenstveno europskom tržištu, ali u planu je izlazak na američko u vrlo bliskoj budućnosti. Stoga je jedan od zahtjeva klijenta bio da ona bude na engleskom jeziku. Jezik pozadinskog sučelja je također engleski, jer administratori ove web trgovine neće biti isključivo iz Hrvatske.

Cijeli e-commerce sustav kreirali smo sa tzv. multisite podlogom za jednostavnije proširivanje trgovine onog trenutka kada se klijent odluči proširiti na druga tržišta, gdje će biti potrebno funkcioniranje web trgovine na drugim jezicima, drugim web adresama, drugim valutama, i sl.. Multisite će omogućiti centralno upravljanje web stranicama koje se nalaze u okviru njega, a ujedno, ako se pokaže potreba za time, omogućiti i različite administracijske ovlasti – dakle, više administratora koji neće ulaziti u prostor administriranja jedni drugima. Također, multisite pruža i mogućnost različitog sadržaja na web stranicama, pa čak i različitih funkcionalnih i dizajnerskih elemenata na njima – ako su takve distinkcije potrebne.

Prikaz pojedinačnog proizvoda

Kako smo na početku naglasili, na web trgovini igorlimitededitioneu.com proizvod je u fokusu, pa ćemo prilikom opisivanja projekta krenuti upravo od stranice proizvoda.

Dizajn pune širine – kako bi stranica bila maksimalno user friendly na svim uređajima

Cilj je bio prikazati proizvod pomoću atraktivne fotografije velikih dimenzija bez otežavanja iskustva kupovine. Zato smo odlučili 50% ekrana posvetiti fotografiji (na lijevoj strani), te 50% e-commerce funkcionalnostima (cijena, odabir veličina, tipka za dodavanje u košaricu, itd.) s desne strane. Pri tome nismo ograničavali širinu web stranice – koristili smo punu dostupnu širinu korisnikova ekrana, bez obzira na njegovu veličinu. Time smo neupitno stvorili “wow” efekt za prikaz proizvoda zbog vrlo atraktivne i velike fotografije.

U nastavku su fotografije koje demonstriraju razliku između custom predloška stranice proizvoda i standardnog WooCommerce prikaza, kojem ponajviše zamjeramo sljedeće – puno neiskorištenog prostora (upravo jer se ne radi o konceptu pune širine), a što otežava korisničko iskustvo.

Odabir atributa proizvoda (veličine)

Standardni Woocommerce odabir atributa (u ovom slučaju veličina proizvoda, npr. veličina haljine) odvija se putem padajućeg izbornika (dropdown) – iako ovo nije loše rješenje, ipak često nije dovoljno intuitivno, a svakako nije atraktivno. Zato smo se odlučili atribute prikazati u jednom redu, izlistane s lijeva na desno, te klikabilne (veličina se bira klikom na željeni broj ili slova).

Lista želja

WooCommerce nativno ne posjeduje funkcionalnost liste želja. Zato smo integrirali plugin koji ovu funkcionalnost dodaje jednostavnom instalacijom u standardno WordPress sučelje, te smo prilagodili njegov izgled, kako bi ga uklopili u cjelokupni dizajn web trgovine.

Lista želja – nestandardna WooCommerce funkcionalnost

Uklopili smo tipku za dodavanje proizvoda u listu želja zajedno sa tipkom za dodavanje u košaricu, te ih prikladno stilizirali, kako bi cijelo iskustvo kupovine u ovom segmentu bilo konzistentno i fluidno.

Dodavanje proizvoda na listu želja

Prilagođene kartice (tabovi)

Tabovi su zgodna stvar – omogućavaju prikaz informacija (ako je potrebno i podužeg teksta), bez da stvaraju “gužvu” na stranici. Današnja e-commerce rješenja uglavnom u pravilu imaju tablice na stranicama proizvoda, pa tako i WooCommerce. Standardne WooCommerce kartice podržavaju tri vrste kartica: tekstualni opis, prikaz atributa, te komentari. Po želji klijenta, u našem dizajnu uklonili smo karticu s komentarima i atributima, te kreirali novu karticu koju klijent koristi za prikaz tablice veličina proizvoda – ta tablica služi kupcima kako bi bolje razumjeli veličine proizvoda, te lakše za sebe odabrali ispravnu veličinu. Ono što moramo napomenuti je da smo klijentu u sučelju CMS-a osigurali modul kroz koji može samostalno uređivati te prilagođene tablice, tj. mijenjati sadržaj i unositi novi.

Galerija fotografija

Galerija fotografija dobila je minimalan estetski zahvat u obliku blur efekta (efekt zamućivanja) neaktivne fotografije, te smo integrirali Pinterest tipku (“Save”) za izravno postavljanje fotografije na Pinterest zid.

U nastavku je video koji pokazuje galeriju i njenu integraciju s Pinterestom.

Konverter valuta

Kako smo na početku naglasili, web trgovina igorlimitededitioneu.com je namijenjena domaćem i inozemnom tržištu, stoga je bilo važno učiniti ju intuitivnom za kupce iz svih dijelova Europe. Iz tog razloga je iznad cijene svakog proizvoda postavljen padajući izbornik koji omogućava prikaz cijene u kunama ili eurima. Promjenom valute, kupac može izvršiti cijelu kupovinu u željenoj valuti, bez obzira na zadanu osnovnu valutu web trgovine. Napomenut ćemo da klijent samostalno može upravljati ovom funkcionalnošću unutar CMS-a, te vrlo jednostavno po potrebi mijenjati tečaj.

Prilagodba dizajna drugih unutarnjih stranica

Konzistentan dizajn je važan za konzistentno iskustvo kupovine na web trgovini. Iz tog razloga smo sve vrste unutarnjih stranica (predloške) prilagodili na način da ih karakterizira isti vizualni identitet i na način da jednostavnost i minimalizam ostanu dominantni. U nastavku je galerija fotografija koja prikazuje dizajn unutarnjih stranica na kojima smo također napravili odmak od standardnog WordPressovog i WooCommerceovog izgleda.

Za prikaz slike u većoj dimenziji, kliknite na istu.

E-mail marketing

Newsletter popup

Prilikom prvog dolaska na web stranicu, posjetitelju se prikazuje javascript popup sa newsletter formularom i kratkim opisom koji za cilj ima zainteresirati posjetitelje da se predbilježe za newsletter web trgovine. Svrha je skupljanje e-mail adresa te slanje promotivnih e-mail kampanja. U pozadini se koristi MailChimp, za spremanje e-mailova i slanje e-mail kampanja. Popup se prikazuje samo posjetiteljima koji se nisu pretplatili na newsletter (dakle, nisu kliknuli na tipku za slanje podataka).

Newsletter popup – za skupljanje e-mail adresa.

Važan aspekt e-mail marketing alata na web stranici igorlimitededitioneu.com je taj što smo u CMS integrirali modul koji administratoru osigurava sljedeće:

  • mogućnost unosa slike koja se pokazuje na newsletter popupu, kako bi ju u budućnosti mogao samostalno mijenjati po potrebi,
  • mogućnost unosa tekstualnog sadržaja na newsletter popupu, u slučaju da postojeći želi proširiti ili promijeniti,
  • definiranje mailing liste u koju se podaci korisnika pohranjuju, s obzirom da ih u MailChimp sučelju može biti više od jedne (po potrebi),
  • mogućnost unosa i mijenjanja obavijesti koja se korisniku pokazuje na stranici nakon prijave na newsletter,
  • mogućnost unosa i mijenjanja poruke za prihvaćanje uvjeta korištenja (privola važna u kontekstu GDPR-a).

Prijava na newsletter na blagajni

Dodatna integracija s MailChimpom napravljena je i na blagajni, na način da se korisnici prilikom zaključivanja kupovine jednim klikom mogu prijaviti na mailing listu našeg klijenta. Integracijom je omogućeno automatsko pohranjivanje korisničkih podataka iz polja blagajne u sučelje Mailchimpa, u kojem se direktno kreiraju i prate promotivne e-mail kampanje.

Modul za prijavu na newsletter na blagajni (kliknite na sliku za veći prikaz)

Integracija s društvenim mrežama

U kontekstu društvenih mreža naš klijent tvrtka VESTIMENTA d.o.o. koristi sve one platforme koje su danas ključne za promociju vlastitih usluga, ali među njima svakako dominira Instagram. S obzirom da su vrlo aktivni na Instagramu, te da se mogu pohvaliti vrhunskim fotografijama (kakve na Instagramu i trebaju doći do izražaja), njihovu web trgovinu smo povezali s ovom društvenom mrežom na način da se u njenom podnožju automatizmom pokazuju posljednje objave na Instagram profilu ovog poslovanja.

Instagram galerija

U jednom od prethodnih ulomaka smo opisali (i u videu pokazali) na koji način smo napravili integraciju s društvenom mrežom Pinterest, koja je po svojoj prirodi vrlo slična Instagramu – fotografija je u fokusu, tj. po svojoj je važnosti ispred teksta (za razliku od drugih društvenih mreža poput Facebook-a, Twitter-a i sl., koje su po svojoj prirodi drukčije, pa našem klijentu samim time nisu u toj mjeri zanimljive).

Jednostavno, jedan drukčiji shop…

U svom radu se susrećemo sa svakakvim zahtjevima – neki klijenti žele web stranicu koja će biti šarena, prepuna dizajnerskih i funkcionalnih elemenata, nakrcana sadržajem, dok drugi inzistiraju na jednostavnosti i konvencionalnom. Kažu da se o ukusima ne raspravlja, i mi se toga držimo. Važno nam je da su nas mnogi prepoznali kao tvrtku koja je spremna ispuniti i najizazovnije zahtjeve i poštivati želje klijenta – čak i kad se s njima u potpunosti ne slažemo.

Web trgovina igorlimitededitioneu.com je sigurno drukčija od većine trgovina s kojima ćete se susresti (i koje smo mi osobno do sada izrađivali), ali je baš zato vrijedna da joj se da prostora u našoj rubrici Case Studies. Jednostavna, pregledna, moderna i izrazito funkcionalna su epiteti koje ju opisuju, pa upravo njima može zahvaliti svoj uspjeh na europskom i američkom online tržištu.

Posebna ponuda od 6. do 16.11.2018. kojom želimo nagraditi vaše povjerenje i koja vam nosi uštedu od 1.500 kn i više…

U želji da i vas učinimo jednim od naših zadovoljnih klijenata, pozivamo vas da prihvatite našu posebnu ponudu, aktualnu od 6. do 16.11.2018., kojom vam osiguravamo sljedeće pogodnosti:

 

  • Mogućnost plaćanja u 3 rate.
  • Mogućnost ostvarivanja popusta od 20% i uštede od 1.500 kn i više.
  • Mogućnost ostvarivanja pogodnosti od godine dana besplatnog smještaja i održavanja web stranice ili web trgovine

 

Naša ponuda obuhvaća sljedeće stavke:

  1. Izradu custom (responzivne) web stranice ili web trgovine baziranih na najpopularnijem CMS-u na svijetu WordPress-u i WooCommerce rješenju za online prodaju.
  2. Moderan dizajn i koncept web stranice ili web trgovine prilagođen vašim potrebama (izrada od nule, bez korištenja komercijalnih predložaka).
  3. Unos sadržaja na web stranicu ili web trgovinu.
  4. Inicijalnu optimizaciju za tražilice i prijavu na Google servise.
  5. Video edukaciju za samostalno upravljanje web stranicom ili web trgovinom koja će vam reducirati buduće troškove (jer za mnoge intervencije na web stranici više nećete trebati stručnjaka).
  6. Besplatnu tehničku podršku za pomoć u radu s novom web stranicom.
  7. Jamstvo na isporučenu uslugu.

 

Ne čekajte, odmah saznajte što vam nudimo

 

Obratite nam se putem web formulara, e-maila info@webizrada.org ili broja telefona 091 / 455 – 1066 (12-17h) i pitajte nas o svim detaljima naše ponude. Više informacija o našoj usluzi izrade web dućana saznajte ovdje. Naš tim spremno čeka vaše javljanje!

*Napomena: Izrada web trgovine nije jedina usluga koju nudimo, u mogućnosti smo vam po povoljnim cijenama pružiti niz drugih usluga internet marketinga.