Za DR. GRANDEL Srbija razvili smo novu eCommerce platformu koja povezuje prezentaciju međunarodno prepoznatog kozmetičkog brenda sa jednostavnim i pouzdanim procesom online kupovine.
Projekat je obuhvatio kompletan UX/UI dizajn, razvoj custom WordPress i WooCommerce rešenja, integraciju kartičnog plaćanja i razvoj posebnog sistema za automatsku sinhronizaciju stanja proizvoda.
Poseban fokus tokom čitavog procesa bio je na mobilnom iskustvu, kako bi pregled proizvoda, pronalaženje odgovarajuće nege i kompletan proces kupovine bili jednako jednostavni na telefonu kao i na desktop uređajima.
Nakon puštanja sajta u rad saradnja je nastavljena kroz hosting, tehničko održavanje i kontinuirani razvoj novih funkcionalnosti.
O klijentu
DR. GRANDEL je nemačka porodična kompanija čija istorija počinje 1947. godine u Augsburgu. Od prvih proizvoda zasnovanih na pšeničnim klicama, kompanija je izrasla u međunarodni beauty brend sa fokusom na razvoj i proizvodnju profesionalne kozmetike.
Brend danas posluje preko partnera i predstavništava u više od 50 zemalja, a proizvodnja se i dalje nalazi u Nemačkoj. Posebno mesto u istoriji kompanije imaju kozmetičke ampule, koje DR. GRANDEL proizvodi još od 1957. godine.
Na tržištu Srbije proizvodi su dostupni kroz online prodavnicu, kao i kroz mrežu apoteka, beauty salona i drugih prodajnih mesta.
Izazov
Kod beauty eCommerce-a proizvod nije jedini faktor odluke o kupovini. Korisnik često prvo polazi od konkretnog problema ili potrebe svoje kože, a tek zatim dolazi do proizvoda koji mu odgovara.
Zbog toga je bilo potrebno napraviti strukturu koja neće funkcionisati samo kao klasičan katalog proizvoda, već će korisnicima omogućiti da ponudu istražuju prema linijama proizvoda, tipu nege i konkretnim potrebama kože.
Istovremeno, iza jednostavnog korisničkog interfejsa bilo je potrebno povezati online prodavnicu sa postojećim poslovnim procesima klijenta, obezbediti tačno stanje zaliha i implementirati pouzdan proces online plaćanja.
UX/UI Dizajn
Proces dizajna započet je definisanjem strukture sadržaja i načina na koji korisnici dolaze do odgovarajućih proizvoda.
Pored standardne organizacije po linijama proizvoda, korisnicima je omogućeno istraživanje ponude prema konkretnim potrebama kože – od hidratacije i anti-age nege do hiperpigmentacije, liftinga, čišćenja i drugih kategorija.
Vizuelni pravac razvijen je tako da proizvod ostane u prvom planu, uz dovoljno prostora za edukativni sadržaj koji korisniku pomaže pri izboru.
Mobile First
Mobilna verzija nije tretirana kao umanjena verzija desktop sajta.
Navigacija, filteri, stranice proizvoda, korpa i checkout prilagođavani su posebno manjim ekranima kako bi broj koraka od pronalaženja proizvoda do završetka kupovine bio što manji.
Posebna pažnja posvećena je čitljivosti sadržaja, veličini interaktivnih elemenata, preglednosti cena i akcija, kao i jednostavnom korišćenju filtera i kategorija jednom rukom.
Rezultat je potpuno responzivna prodavnica projektovana za jednako kvalitetno iskustvo bez obzira na uređaj sa kog korisnik pristupa sajtu.
Custom rešenja
Pored standardnih WooCommerce funkcionalnosti, projekat je zahtevao niz prilagođenih rešenja kako bi se online prodavnica uklopila u postojeće procese klijenta. Od potpuno custom teme do automatizovane sinhronizacije lagera i kartičnog plaćanja, svaki deo sistema razvijen je sa fokusom na jednostavno korišćenje i pouzdan svakodnevni rad.
Sajt je razvijen od početka kao potpuno prilagođena WordPress i WooCommerce tema, prema prethodno definisanom UX/UI dizajnu. Time smo izbegli ograničenja gotovih template rešenja i dobili potpunu kontrolu nad izgledom, funkcionalnostima i daljim razvojem platforme.
Razvili smo poseban plugin koji automatski sinhronizuje stanje zaliha sa WooCommerce prodavnicom. Na taj način dostupnost proizvoda na sajtu prati podatke iz sistema klijenta, bez potrebe za ručnim ažuriranjem lagera.
Implementirano je sigurno kartično plaćanje direktno u okviru WooCommerce checkout procesa. Integracija je prilagođena postojećem toku kupovine kako bi korisnik mogao jednostavno da završi porudžbinu bez nepotrebnih dodatnih koraka.
QA testiranje
Pre objavljivanja sajta sprovedeno je detaljno funkcionalno i responzivno testiranje.
Testirani su ključni korisnički scenariji – od navigacije i filtriranja proizvoda, preko dodavanja u korpu i checkout procesa, do kartičnog plaćanja i obrade porudžbine.
Posebno su proveravani prikazi i funkcionalnosti na različitim veličinama ekrana, mobilnim uređajima i internet pregledačima, kao i rad custom integracije za sinhronizaciju lagera.
Održavanje
Naša saradnja sa klijentom nije završena objavljivanjem nove web prodavnice.
DR. GRANDEL koristi naš paket kontinuiranog održavanja koji uključuje određeni fond razvojnih sati namenjenih tehničkoj podršci, izmenama postojećih funkcionalnosti i razvoju novih zahteva.
Takav model omogućava da se platforma kontinuirano prilagođava promenama u ponudi, poslovnim procesima i potrebama korisnika, bez potrebe za pokretanjem zasebnog projekta za svaku narednu izmenu.
Rezultat
Rezultat projekta je custom WooCommerce prodavnica koja objedinjuje premium prezentaciju DR. GRANDEL brenda, pregled proizvoda prema različitim potrebama kože i kompletan proces online kupovine.
Iza korisničkog interfejsa nalazi se tehnička infrastruktura koja povezuje WooCommerce sa stanjem zaliha, omogućava kartično plaćanje i klijentu pruža jednostavnu administraciju svakodnevnog sadržaja.
Kontinuirano održavanje i hosting zaokružuju projekat u dugoročnu saradnju u okviru koje se platforma dalje razvija u skladu sa potrebama poslovanja.
