Case Study: Funkcionalan Shopify webshop u samo dva tjedna

Zamislite da imate odličan proizvod, spreman za tržište, ali webshop vas koči na svakom koraku – sporo se učitava, nije responzivan, i ne znate ni tko vam što radi u pozadini. Upravo to dogodilo se tontau timu. Nakon više loših iskustava s raznim programerima, pronašli su nas preko Shopify podcasta – i pitali možemo li im pomoći da sve konačno profunkcionira. I to – za manje od dva tjedna kada sve mora biti spremno za izlaganje na konferenciji.

ANALIZA PROBLEMA

Klijent je dolaskom k nama već imao relativno gotov webshop, ali je funkcionalnost bila ispod očekivanja. Prvi problem bila je mješavina jezika: dio stranice bio je ispisan na njemačkom, dio na engleskom, što stvara zbunjujuć dojam i umanjuje vjerodostojnost brenda. Uz to, postojeća platforma bila je spora i neresponzivna, što je ozbiljan nedostatak za sve web shopove u e-commerce sektoru. Jednako tako, struktura stranice i navigacija nisu zadovoljavali osnovne UX/UI principe, pa je korisnicima bilo teško pronaći proizvode ili dovršiti kupnju.


Klijent nam je jasno dao do znanja da webshop mora biti funkcionalan i spreman unutar tri tjedna, jer su trebali sudjelovati na konferenciji gdje će predstaviti svoj proizvod. U tom trenutku postalo je ključno osmisliti rješenje koje će zadovoljiti sve marketinške, vizualne i tehničke zahtjeve, a da pritom ne premašimo ograničeni budžet i rok.

KAKO SMO RIJEŠILI PROBLEM

S obzirom na to da je klijent već imao gotov logotip i vizualni identitet, nismo se morali baviti izgradnjom brenda. Umjesto toga, fokusirali smo se isključivo na izradu webshopa prema postojećem brandu, koristeći Figmu, Flaticon i Adobe Illustrator za grafičke dodatke i ikonografiju kojom smo dodatno osnažili vizualni dojam.

Kako bi ubrzali proces, iskoristili smo postojeći webshop kao bazu informacija – analizirali smo sve kritične dijelove, raspravili s klijentom što je funkcioniralo, a što ne, i potom sve izgradili ispočetka. Taj je pristup omogućio da izbjegnemo očite pogreške iz prethodnih verzija i da izradimo webshop u skladu s najnovijim UX/UI standardima. Klijent je redovito slao materijale (tekstove, slike, prijevode) te je, zahvaljujući izvanrednoj komunikaciji, svaka iteracija bila provedena u rekordnom vremenu.

FUNKCIONALNOSTI TONTAU WEBSHOPA

Shopify tema koju smo odabrali u potpunosti smo prilagodili vizualnom identitetu tontau branda: boje, tipografiju i ikonografiju. Kako bismo dodatno poboljšali korisničko iskustvo, dodali smo „sticky Add to Cart“ gumb koji prati korisnika dok listaju proizvode. U slučaju da netko želi usporediti karakteristike dvaju proizvoda, omogućili smo usporedbu putem intuitivnog slidera. Webshop smo lansirali na dva jezika (njemački i engleski), kako bi svi korisnici, bez obzira na jezične preferencije, mogli bez poteškoća kupovati. Preporuke proizvoda („You may also like“) dinamički se temelje na korisnikovoj povijesti pregledavanja, a posebna sekcija odbrojavanja do besplatne dostave dodatno motivira posjetitelje da dovrše narudžbu. Konačno, košarica je prikazana kao ladica („slide-in cart“), što znači da se otvara iz bočne strane ekrana bez napuštanja trenutne stranice – time smo osigurali neometano iskustvo kupnje.

REZULTATI

Zahvaljujući marljivom radu cijelog tima i izvanrednoj podršci klijenta, webshop je bio u potpunosti funkcionalan i lansiran u roku od dva tjedna, nekoliko dana prije nego što je klijent trebao nastupiti na konferenciji. Sama brzina učitavanja stranice znatno se poboljšala u odnosu na prijašnje rješenje, što je potvrđeno internim testovima i Google PageSpeed Insights analizom. Rezultat je bio ponovno pokrenut Shopify webshop koji je optimiziran za sve uređaje (desktop, tablet i mobilne telefone), pruža besprijekoran UX, a vizualno je usklađen s najnovijim UI trendovima. Zahvaljujući responzivnom dizajnu i intuitivnoj navigaciji, korisnici su brže dolazili do proizvoda i dovršavali akciju kupnje, što se odrazilo u većoj stopi konverzije.

KLJUČNE TOČKE ZA USPJEH

Za ovaj je projekt bilo presudno da je klijent bio izuzetno ažuran i dostavio sve tražene materijale točno na vrijeme. Njihovo povjerenje omogućilo nam je slobodu donošenja ključnih dizajnerskih i tehničkih odluka, bez nepotrebnog odugovlačenja. Upravo ta sinkronizirana suradnja omogućila je da u kratkom roku isporučimo funkcionalan Shopify webshop, optimiziran za performanse i usklađen s najboljim praksama za UX/UI.