Preskoči na sadržaj

Interni razvoj i operativa

100% Smart Food

Webshop sportske prehrane prebačen s gotove WordPress teme na vlastiti Next.js storefront — bez gašenja prodaje i bez preseljenja kataloga.

Moja uloga
Vodim razvoj i puštanje u rad: arhitektura storefronta, vlastiti konektor prema WordPressu, plaćanja i dostava, mjerenje, izvozi prema usporedbama cijena i operativa koja sve to drži na nogama.
Status
Lansirano
Naslovnica 100% Smart Fooda: akcijski banner s proizvodima i trake pogodnosti ispod njega.

01Uživo

Prošetajte se kroz web

Snimke cijelih stranica — pomičite ih unutar okvira. Nisu ugrađene kroz iframe jer web s dobrim razlogom ne dopušta da ga tuđa stranica uokviri.
Problem
Gotova tema je došla do svoje granice. Stranica proizvoda se dugo otvarala, pravila kupnje nisu stala u predloške, a svaka izmjena značila je borbu s nečim tuđim. Katalog se pritom nije smio seliti — ljudi koji svaki dan rade u administraciji ne smiju preko noći ostati bez alata koji znaju.
Komplikacije
  • Prelazak se morao dogoditi bez gašenja prodaje — webshop je cijelo vrijeme radio na živom prometu
  • Svaka izmjena na gotovoj temi značila je borbu s nečim tuđim
  • Katalog se nije smio seliti — ljudi koji svaki dan rade u administraciji ne smiju ostati bez alata koji znaju
  • Omnibus pravila o prikazu cijene morala su biti dio proizvoda, a ne plugin zalijepljen sa strane
  • Plaćanja se nisu smjela puštati dok testne narudžbe ne prođu čiste
Rješenje
  • Next.js storefront: naslovnica, katalog s filterima, stranica proizvoda, košarica i blagajna
  • Konektor prema WordPressu koji nosi katalog, cijene, zalihe, narudžbe i medijsku knjižnicu
  • Kartično plaćanje i plaćanje na rate, uz dostavu na adresu i u paketomate
  • Sidrena cijena i najniža cijena u 30 dana, recenzije i prednarudžbe na stranici proizvoda
Rezultat
  • Nova naslovnica i stranice proizvoda rade na živom prometu, uz nepromijenjen tijek narudžbe za operativu
  • Katalog se i dalje vodi na jednom mjestu, bez dvostrukog unosa
  • Stranica proizvoda otvara se bez čekanja koje je prije dolazilo od gotove teme
  • Pravila kupnje — paketi, ograničenja po okusu, akcije — opisana su u kodu, pa se mijenjaju bez pregovora s predloškom
Moj doprinos
Vodim razvoj i puštanje u rad: arhitektura storefronta, vlastiti konektor prema WordPressu, plaćanja i dostava, mjerenje, izvozi prema usporedbama cijena i operativa koja sve to drži na nogama.

Kontekst

100% Smart Food prodaje dodatke prehrani na više tržišta, kroz maloprodaju i B2B. Katalog, cijene, akcije i narudžbe godinama žive u WordPressu i WooCommerceu, na kojima radi cijela operativa: nabava, zalihe, računovodstvo, podrška.

Izazov

Gotova tema je došla do svoje granice. Stranica proizvoda se dugo otvarala, pravila kupnje nisu stala u predloške, a svaka izmjena značila je borbu s nečim tuđim. Katalog se pritom nije smio seliti — ljudi koji svaki dan rade u administraciji ne smiju preko noći ostati bez alata koji znaju.

Odluke

  • Razdvojiti glavu od repa: WordPress ostaje mjesto gdje se vodi katalog, a Next.js preuzima ono što kupac vidi
  • Vlastiti konektor umjesto gotovog REST-a — jedan ugovor o podacima između dva sustava, koji se verzionira i može vratiti unatrag
  • Jedan predložak proizvoda za sve vrste artikala, umjesto šume iznimki
  • Prikaz cijene po Omnibus pravilima ugrađen u sam proizvod, a ne nalijepljen pluginom
  • Puštanje u rad u fazama, s kontrolnim točkama — plaćanja idu zadnja i tek kad testne narudžbe prođu čiste

Isporučeno

  • Next.js storefront: naslovnica, katalog s filterima, stranica proizvoda, košarica i blagajna
  • Konektor prema WordPressu koji nosi katalog, cijene, zalihe, narudžbe i medijsku knjižnicu
  • Kartično plaćanje i plaćanje na rate, uz dostavu na adresu i u paketomate
  • Sidrena cijena i najniža cijena u 30 dana, recenzije i prednarudžbe na stranici proizvoda
  • Izvozi prema Google Merchantu i usporedbama cijena
  • Mjerenje kroz GTM i GA4, uključujući serversko slanje kupnje
  • Operativa: deployment, keširanje i revalidacija, nadzor i vraćanje na prethodnu verziju

Rezultat

  • Nova naslovnica i stranice proizvoda rade na živom prometu, uz nepromijenjen tijek narudžbe za operativu
  • Katalog se i dalje vodi na jednom mjestu, bez dvostrukog unosa
  • Stranica proizvoda otvara se bez čekanja koje je prije dolazilo od gotove teme
  • Pravila kupnje — paketi, ograničenja po okusu, akcije — opisana su u kodu, pa se mijenjaju bez pregovora s predloškom
  • Mjerenje i izvozi rade iz istog izvora podataka kao i trgovina

U planu

  • Savjetnik u trgovini: chatbot koji odgovara iz stvarnog kataloga i deklaracija, a ne iz općih fraza
  • Novi B2B storefront na istoj osnovi kao maloprodajni
  • Povezivanje sa zalihama i ERP-om, da stanje na webu prati stvarno skladište
  • Širenje na preostala tržišta po istom receptu

Imate webshop koji je prerastao gotovu temu, ali ne smijete stati s prodajom?

06 Ajmo riješiti taj problem

Imate problem? Krasno. Već imamo nešto zajedničko.

Možda Vam treba novi web.

Možda webshop ne prodaje koliko bi mogao.

Možda Vas marketing košta više nego što donosi.

A možda imate poslovni proces koji funkcionira isključivo zato što Marija već 12 godina zna gdje treba kliknuti.

Kakva god situacija bila, javite se. Ne morate znati koje tehnologije trebate. Dovoljno je da mi objasnite što želite postići.

Matija, imam problem. Naravno da imam!

Bez obveze. Bez prodajnog cirkusa. Samo razgovor.