MIRTA je mala obiteljska tvrtka čija je osnovna misija proizvodnjom prirodnih kozmetičkih proizvoda od ljekovitog bilja s otoka Lošinja pomoći onima koji žele unaprijediti svoje zdravlje.
Mirta d.o.o. se ne obraća samo domaćim i inozemnim turistima, koji ponekad navrate na Lošinj, već svoje proizvode želi ponuditi globalnom tržištu. S obzirom da u svom vlastitom poslu (razvoj kozmetičkih proizvoda) vode računa o usavršavanju, nadograđivanju i trendovima, isto su učinili i kad je riječ o prodajnim kanalima. Tu na scenu stupamo mi, s kojima je dogovorena izrada web trgovine i još poneka stavka iz svijeta digitalnog marketinga.
Nedostaci stare web trgovine
Tvrtka Mirta d.o.o. obratila nam se nezadovoljna postojećom web stranicom, koja nije zadovoljavala njihove poslovne potrebe. Ukratko, radilo se o sljedećim problemima:
- ranija web trgovina bila je temeljena na kupljenom WordPress predlošku i nije bila dodatno prilagođena potrebama ovog klijenta,
- kao i mnoge druge web stranice temeljene na komercijalnom predlošku, ona je radila sporo, s povremenim problemima s učitavanjem sadržaja,
- povelik broj generičkih tekstualnih elementa na web trgovini nisu bili prevedeni na hrvatski jezik (ostali su na izvornom engleskom), pa je sve skupa djelovalo pomalo neprofesionalno i bez kredibiliteta,
- multijezičnost (dodatna jezična verzija) djelovala je nedovršeno – hrvatski i engleski sadržaji su se miješali, a neki od sadržaja uopće nisu bili prevedeni na engleski jezik.
Ova 4 razloga bila su sasvim dovoljna da vlasnica tvrtke, gospođa Mirta Lozančić razmišlja krenuti ispočetka – s izradom potpuno nove web trgovine koja će u svakom smislu biti prilagođena potrebama njene tvrtke.
Nova web trgovina – malo drukčija od onoga što se na internetu uglavnom viđa
Kada smo krenuli s planiranjem nove web trgovine znali smo da ćemo napraviti odmak od klasike – barem što se tiče našeg tržišta. Tu prije svega mislimo na dizjan kojeg smo htjeli prilagoditi najnovijim trendovima, a što se na prvi pogled ogleda u velikim formatima fotografija, krupnim stilističkim elementima, fontovima i sl.. Ekrani korisnika veći su nego ikada prije i web stranica “krupnih kadrova” ugodnija je za korištenje.
CMS
As with all of our web development projects, we did not use a commercial (purchased) WordPress theme, but we developed the theme from scratch. This is a prerequisite for a stable and fast website, which will later be easy (and affordable) to maintain.
Kao i kod svih naših projekata, nismo koristili komercijalne WordPress teme, već smo razvili vlastitu od nule. Ovo je preduvjet za stabilnu i brzu web stranicu, koju će kasnije biti jednostavno i financijski prihvatljivo održavati.
Nova web trgovina – malo drukčija od onoga što se na internetu uglavnom viđa
Kada smo krenuli s planiranjem nove web trgovine znali smo da ćemo napraviti odmak od klasike – barem što se tiče našeg tržišta. Tu prije svega mislimo na dizjan kojeg smo htjeli prilagoditi najnovijim trendovima, a što se na prvi pogled ogleda u velikim formatima fotografija, krupnim stilističkim elementima, fontovima i sl.. Ekrani korisnika veći su nego ikada prije i web stranica “krupnih kadrova” ugodnija je za korištenje.
U nastavku ćemo ukratko prezentirati najupečatljivije specifičnosti web trgovine prirodna-kozmetika-mirta.com:
Statična slika umjesto slidera
U dogovoru s klijenticom odlučili smo na gornjem dijelu naslovnice ne kreirati klasični slideshow s izmjenjujućim fotografijama, već koristiti statičnu fotografiju s blokom teksta i tipkom putem koje se otvara katalog proizvoda u PDF-u. Odluka je pala iz dva razloga:
- prije svega, jer smo htjeli napraviti odmak od tipične koncepcije koja se može vidjeti na web stranicama,
- iz razloga jer su istraživanja pokazala upitnu korisnost slideshow-a kao takvog – rijetki obraćaju pozornost na sve fotografije koje slijede nakon prve, a još su rjeđi oni koji čitaju tekstove na svim fotografijama koje se izmjenjuju.
Na ovaj način smo podigli prvi dojam koji korisnik dobiva nakon otvaranja web stranice – on vidi grupu najvažnijih proizvoda tvrtke Mirta d.o.o. i može bez žurbe pročitati najvažniju poruku koju ova tvrtka odašilje.
Mega navigacija
Kod web stranica i trgovina s puno sadržaja i razgranatim asortimanom je važno postići preglednost i upravo tome služi tzv. mega navigacija (vidljiva s naslovnice i sa svake unutarnje stranice). Glavne grupe proizvoda smo prezentirali kroz tematski pogodnu sliku, naslov glavne kategorije, izlistanje potkategorija ili pripadajućih proizvoda. Ovaj sadržajni modul smo dizajnirali u skladu ostatkom web stranice, čime smo postigli konzistentnost dizajna.
Stranica proizvoda
Velik odmak u odnosu na tipične web trgovine uspjeli smo postići specifičnim konceptom stranice proizvoda (primjer možete vidjeti na linku https://prirodna-kozmetika-mirta.com/proizvod/losinjski-melem-50-ml/). “Krupni kadar” i ovdje dominira, pri čemu velik dio stranice zauzima sama fotografija- jer, kažu, ona govori tisuću riječi 🙂
Transformirali smo klasični WooCommerce layout, uklonili nepraktične kartice u kojima su se nalazili opisni sadržaji, tablica s atributima i ocjene korisnika, te sve te elemente posložili linearno, jedan ispod drugoga. Kreirali smo dodatne sadržajne okvire za prezentaciju specifičnosti proizvoda (sastav, način upotrebe i sl.), čime smo proširili standardne mogućnosti korištenog e-commerce rješenja, i pritom vodili računa da se ovim sadržajnim okvirima jednostavno upravlja iz sučelja stranice svakog proizvoda.
Sve skupa je vodilo ka tome da proizvodi budu preglednije prezentirani i na taj je način korisničko iskustvo odvedeno na jednu višu razinu.
Gornji segment stranice proizvoda 
Dodatni sadržajni okviri za prezentaciju proizvoda 
Pozadinsko sučelje za uređivanje sadržaja dodatnih blokova
Slanje upita umjesto kupovine
Naše je načelo da ništa ne treba prepuštati slučaju. Svjesni smo da se mnogi kupci dvoume oko kupovine i imaju stotine pitanja prije nego zaista izvrše narudžbu. Stoga smo se odlučili uz svaki proizvod postaviti formular za upit koji se otvara klikom na upečatljivu tipku (Pošaljite upit). Formular se otvara u modalnom prozoru, čime smo uštedjeli ponešto i na prostoru, te nismo narušili preglednost prezentacije.
Želimo naglasiti da smo i ovoga puta u glavi imali širu sliku, pa smo se pobrinuli da zaobiđemo potencijalne nesporazume. Programski smo riješili automatizirano popunjavanje polja formulara s naslovom proizvoda, ovisno o tome za koji se proizvod upit šalje (s koje točno stranice proizvoda), čime smo korisnika poštedjeli da ručno upisuje naziv proizvoda koji ga zanima, te time izbjegli i potencijalne greške. Upit dolazi administratoru na e-mail, i automatizirana e-mail notifikacija sadrži informaciju iz ovog polja, pa on bez previše promišljanja zna o kojem se točno proizvodu korisnik raspituje.
Isprobajete sami na link u https://prirodna-kozmetika-mirta.com/proizvod/losinjski-melem-50-ml/, zgodno je, zar ne?
Odmak od klasičnog izgleda WooCommerce elemenata
Kada izrađujemo web stranice ili trgovine po mjeri, nastojimo gdje god je moguće udahnuti dašak jedinstvenog i ne držati se uvijek predefiniranog koncepta i dizajna koje donose WordPress ili WooCommerce. Upravo tu i leži odgovor na pitanje zašto razvoj custom projekata traje minimalno dva mjeseca.
U tom smislu ćemo spomenuti nekoliko specifičnosti koje karakteriziraju web trgovinu prirodna-kozmetika-mirta.com.
Prije svega, odlučili smo se promijeniti standardnu WooCommerce-ovu poziciju filtera za pretragu, pa smo ih iz bočnog izbornika premjestili na poziciju iznad izlistanja proizvoda. Na ovaj način smo postigli veću preglednost i svježiji dizajn.
Klasični WooCommerce-ov element košarice smo prilagodili, čime smo dobili na interaktivnosti web stranice i boljem korisničkom iskustvu.
Ugradili smo funkcionalnosti za dodavanje proizvoda na listu želja i u modul za usporedbu, a riječ je o vrlo interaktivnim elementima koji se otvaraju u modalnim prozorima.
Filteri 
Košarica 
Lista želja 
Usporedba proizvoda
Specifičan izgled proizvoda – paketi
Aspekt web trgovine prirodna-kozmetika-mirta.com na koji smo veoma ponosni jeste prezentacija više proizvoda na istoj stranici (grupa proizvoda koja se prodaje kao jedan). Naime, tvrtka Mirta d.o.o. u svom asortimanu ima nekoliko takvih paketa, sastavljenih od individualnih proizvoda (koje je moguće kupiti kao samostalne), ali koji u paketu eventualno imaju nižu cijenu i dolaze u zanimljivom pakiranju pogodnom za poklone. Primjer takvog proizvoda možete vidjeti na linku https://prirodna-kozmetika-mirta.com/proizvod/poklon-kutija-smilje-lavanda/.
Prezentacija paketa se sastoji od preglednog prikaza svih proizvoda koji se nalaze u paketu, pri čemu su nazivi tih proizvoda klikabilni i vode na više informacija o svakome od njih (stranice pojedinačnih proizvoda). Tu je i galerija fotografija, klasičan opis proizvoda i mogućnost ocjenjivanja, a što spada u standardne prezentacijske elemente proizvoda na WooCommerce trgovini.
Kreiranje paketa unutar sučelja web stranice odvija se vrlo jednostavno. U sučelju svake stranice proizvoda nalazi se modul na kojem je moguće odabrati da li se radi o standardnom proizvodu ili paketu, a ako odaberete paket, otvaraju se dodatne opcije pomoću kojih birate proizvode koje želite integrirati u njega.
Dodatni jezični okvir (na vlastitoj domeni)
Zbog važnosti inozemne publike, i to ne samo turista koji povremeno navraćaju na Lošinj, već i puno šire publike zainteresirane za prirodne proizvode, važan aspekt bio je izvedba multijezičnosti. Ona je riješena kroz najnapredniji plugin za multijezičnost za WordPress – WMPL, a naš zadatak je bio sljedeći:
- integrirati plugin na način da funkcionira ispravno u kombinaciji sa svim drugim ugrađenim rješenjima i pomoću njega kreirati dodatni jezični okvir,
- prevesti na engleski jezik sve statičke elemente, a kojih je na ovakvom jednom webshopu jako puno,
- unijeti i rasporediti sav engleski sadržaj na predviđene podstranice.
Ono što je također vrijedno spomena, jeste činjenica da smo engleski jezični okvir postavili na vlastitu domenu (naturalcosmetics-mirta.com), čime on egzistira kao neovisna web stranica, a zapravo to nije – engleskom jezičnom okviru se pristupa kroz isto sučelja kao i hrvatskom. WPML omogućava takve intervencije i kad god imamo priliku, koristimo ovu funkcionalnost. Na taj način se podiže kredibilitet web stranice i poslovanja koje iza nje stoji, jer korisnik stječe dojam da kupuje na inozemnom shopu. Recite sami, da ste Englez, Šveđanin ili Njemac, da li biste imali više povjerenja u dućan na adresi prirodna-kozmetika-mirta.com ili naturalcosmetics-mirta.com?
U svakom slučaju, prednost jezičnog okvira kreiranog kroz WPML je ta da je njega moguće optimizirati za tražilice neovisno o hrvatskoj jezičnoj verziji, jer su predviđeni tehnički preduvjeti za to (meta opisi i oznake, alt oznake i svi drugi elementi za strateško optimiziranje sadržaja).
E-mail marketing alati
E-mail marketing je alat koji uvijek iznova predlažemo svim klijentima jer je njegov potencijal jednostavno neiscrpan. Na web trgovinama implementiramo tzv. trofaznu e-mail marketing strategiju, koja se sastoji od sljedećeg:
- kreiranje klasičnog newsletter formulara i njegova integracija s e-mail marketing servisom Mailchimp,
- kreiranje dodatnog web formulara putem kojeg korisnici mogu naručiti besplatan kupon za popust (koji im dolazi automatizirano na e-mail), također povezan s Mailchimp-om,
- integracija klasičnog formulara na blagajni s Mailchimp-om.
Kada spominjemo integraciju s Mailchimp-om (ili nekim drugim e-mail marketing servisom), to znači da se svi podaci posjetitelja web stranice koji koriste ove formulare (pretplaćuju se na newsletter, naručuju kupon s popustom, obavljaju kupovinu i sl.) pohranjuju u mailing listu na Mailchimp-u, na čijem se sučelju ti podaci direktno koriste kod slanja promotivnih newsletter-a. Mailchimp posjeduje vrlo napredne opcije za kreiranje i vođenje promotivnih e-mail kampanja, zbog čega spada među najpopularnije servise za e-mail marketing na internetu.
Također, želimo naglasiti da klijentica, i bez programerskog znanja, može upravljati većim dijelom elemenata e-mail marketing alata koji su vidljivi na web stranici – mijenjati tekst koji stoji pokraj formulara, fotografije, pa čaj izvršiti povezivanje s nekim drugim web formularom kreiranim na Mailchimp-u (putem ID koda).
Klasičan newsletter formular 
Formular za preuzimanje kupona s popustom 
Upravljanje formularom na pozadinskom sučelju 
Prijava na newsletter na blagajni
Pozadinsko sučelje na hrvatskom jeziku
Kao i kod svih drugih custom web stranica koje izrađujemo, naš je posao omogućiti klijentima da jednostavno upravljaju sadržajima u budućnosti, i pritom reduciraju troškove na minimum. Stoga proširujemo standardne mogućnsti CMS-a i na njega integriramo dodatni framework koji našim klijentima omogućava da samostalno mijenjaju gotovo sve sadržajne elemente koji su prisutni na web stranici.
Mogućnosti uređivanja naslovnice 
Mogućnosti uređivanja naslovnice
Godišnje održavanje
S tvrtkom Mirta d.o.o. dogovorili smo održavanje njihove web trgovine u periodu od godine dana, a ta usluga obuhvaća sljedeće:
- smještaj na serverima u Hrvatskoj,
- backupiranje datoteka web stranice na eksterni server,
- konstantna podrška našeg tima,
- čišćenje web stranice od virusa, u slučaju zaraze,
- mjesečni update pluginova, teme i WordPress CMS-a,
- mjesečno anti-virusno skeniranje hosting računa,
- real-time monitoring zdravlja datoteka web trgovine,
- firewall, blokiranje malicioznih IP adresa, i login brute force zaštita.
Možda vam ove tehnikalije ne govore puno, ali, ukratko, riječ je o tome da vodimo računa o svim potrebnim aspektima kako bi web trgovine prirodna-kozmetika-mirta.com bila uvijek dostupna, radila stabilno i brzo.
Što su sljedeći koraci za trgovinu prirodna-kozmetika-mirta.com?
Sljedeći koraci dolaze sami po sebi i mogu stati u jednu riječ: RAST.
Voditi računa da web trgovina bude zanimljiva i uvijek aktualna – a to će se postići kroz dinamiku sadržajem. Više tekstova o praktičnoj primjeni proizvoda pomoću kojih će Mirta d.o.o. oko sebe okupljati vjernu publiku upravo putem svoje web stranice, kvalitetnije fotografije proizvoda zahvaljujući kojima će porasti kredibilitet same web trgovine (a time i poslovanja koje stoji iza nje) – samo su neki od koraka koje gospođa Mirta Lozančić namjerava poduzeti u bliskoj budućnosti.
Naši koraci odnosit će se na vođenje brige oko funkcionalnih aspekata i usklađivanja web trgovine prirodna-kozmetika-mirta.com uvijek iznova s novim tehnologijama i trendovima.
Gospođi Mirti želimo zahvaliti na povjerenju koje nam je ukazala i poželjeti puno uspjeha s novom web trgovinom.
