Počevši s pravim temeljima
Od prvog dana znali smo da tradicionalna “all-in-one” web trgovina neće biti dovoljna.
Maloprodaja vina donosi specifične izazove:
- bogati opisi proizvoda i storytelling
- velike količine medijskog sadržaja (fotografije boca, etiketa, lifestyle fotografije)
- kompleksni atributi proizvoda
- integracija s ERP-om za zalihe i cijene
- strogi zahtjevi za pouzdanošću tijekom kampanja
Zbog toga smo Bear & Merlin osmislili kao modularni sustav, u kojem svaka komponenta ima jasnu odgovornost.
ERP kao operativna kralježnica sustava
U srži naših operacija nalazi se ERP sustav.
ERP je zadužen za:
- matične podatke o proizvodima
- logiku formiranja cijena
- stanje zaliha
- narudžbe i fakturiranje
- financijsku konzistentnost
Umjesto duplirati poslovnu logiku unutar web trgovine, donijeli smo jasnu odluku:
ERP je jedini izvor istine za operativne podatke.
Web trgovina nikad ne “pogađa” cijene ili zalihe.
Svi kritični podaci teku od ERP-a → prema web trgovini, čime osiguravamo:
- nema prodaje iznad raspoloživih zaliha
- konzistentne cijene
- urednu financijsku evidenciju
Ovo razdvajanje omogućuje nam razvoj web trgovine bez rizika za poslovno kritične procese.
Pimcore PIM: jedinstveni izvor istine za podatke o proizvodima
Vinski proizvodi bogati su informacijama — sorta grožđa, regija, godište, note okusa, food pairing, postotak alkohola i još mnogo toga.
Kako bismo upravljali ovom kompleksnošću, uveli smo Pimcore PIM.
Pimcore PIM upravlja:
- strukturiranim atributima proizvoda
- višejezičnim sadržajem proizvoda
- marketinškim opisima
- sustavima klasifikacije
Zašto Pimcore?
- iznimna fleksibilnost u modeliranju podataka
- jasno razdvajanje poslovnih podataka (ERP) od marketinških podataka (PIM)
- savršeno uklapanje za buduću multi-channel ekspanziju
U našoj arhitekturi:
ERP posjeduje “što” (identitet proizvoda, cijenu, zalihe)
PIM posjeduje “kako je prezentirano”
Pimcore CMS: gdje se sadržaj susreće s commerceom
Kako bismo Bear & Merlin održali brzim i vizualno konzistentnim, koristili smo Pimcore DAM thumbnailove kao jedinstveni “sloj za transformaciju slika” i omogućili frontendu da zatraži odgovarajuću veličinu slike za odgovarajući prikaz (mobitel vs desktop, listing vs detalji, itd.).
Što smo napravili u Pimcore DAM-u (Thumbnailovi):
- Definirali smo set thumbnail preseta po slučaju korištenja (ne “jedna veličina za sve”).
- Svaki preset standardizira:
- Strategiju izrezivanja (cover vs contain) kako slike proizvoda ne bi “skakale” u gridovima
- Maksimalne dimenzije (kako nikad ne bismo poslužili sliku od 3000px u tile od 300px)
- Izlazni format (prednost modernim formatima gdje su podržani)
- Opcionalno: padding pozadine za “contain” slučajeve (npr. etikete / fotografije boca)
Frontend implementacija (posluživanje odgovarajuće veličine po prikazu):
- Implementirali smo responzivne slike koristeći + kako bi preglednici automatski odabrali najbolji thumbnail:
- PLP tileovi učitavaju manje thumbnailove na mobitelu, veće na desktopu
- PDP galerija učitava srednje thumbnailove za pregled i veće za glavnu sliku
- Osigurali smo da svaka UI komponenta ima jasan “ugovor o slici”:
- Komponenta zna svoju layout širinu na mobitelu/desktopu
- Komponenta zahtijeva odgovarajući DAM thumbnail preset
- Dodali smo lazy-loading za slike izvan ekrana (PLP, blog listovi) kako bismo smanjili početno učitavanje.
- Izbjegli smo pomake layouta uvijek renderirajući slike s fiksnim omjerom stranica (CSS) koji odgovara strategiji thumbnailova.
Zašto je to važno:
- Brže učitavanje stranica (posebno PLP/kategorija stranica)
- Bolji Core Web Vitals (manje propusnosti, manje pomaka layouta)
- Dizajneri dobivaju konzistentne vizuale, developeri predvidljive varijante slika, a DAM ostaje jedinstveni izvor istine za transformacije.
Pimcore DAM: thumbnailovi + isporuka responzivnih slika
Vizuali visoke kvalitete ključni su za percepciju brenda.
Uz Pimcore DAM, centralizirali smo:
- fotografije proizvoda
- etikete i pakiranje
- lifestyle fotografiju
- marketinške materijale
DAM nam omogućuje:
- verzioniranje i konzistentnost
- ponovnu upotrebu materijala kroz CMS, PIM i web trgovinu
- optimiziranu isporuku putem CDN-a
Više nema dupliciranih datoteka, više nema ručnog kaosa sa slikama.
Redis – cache-iranje sa visokim performansama i stabilnost sustava
Kako bismo osigurali brza vremena odziva i konzistentne performanse pod opterećenjem, Bear & Merlin koristi Redis kao visokoperformantnu in-memory bazu podataka.
Redis se koristi za:
- cache-iranje često korištenih podataka
- smanjenje opterećenja na ključnim sustavima
- poboljšanje vremena odziva za ponovljene zahtjeve
- stabilizaciju platforme tijekom naglih porasta prometa
Uvođenjem Redisa uspjeli smo:
- značajno smanjiti broj round-tripova prema bazi podataka
- izolirati performansno kritične dijelove sustava
- održati predvidljiva vremena odziva čak i tijekom kampanja
Redis djeluje kao performansni buffer između web trgovine i temeljnih sustava, omogućujući platformi da se glatko skalira bez žrtvovanja stabilnosti.
Elasticsearch – pretraga, filtriranje i pronalazivost proizvoda
Pronalazak proizvoda ključan je dio korisničkog iskustva, posebno za katalog bogat i strukturiran poput vina.
Zbog toga Bear & Merlin integrira Elasticsearch kao namjenski engine za pretragu i indeksiranje.
Elasticsearch je zadužen za:
- brzu full-text pretragu proizvoda
- napredno filtriranje i facetiranje
- strukturirane upite kroz atribute proizvoda
- skalabilno indeksiranje podataka o proizvodima i sadržaju
Odvajanjem pretrage od primarnih baza podataka postigli smo:
- munjevito brze odgovore na pretragu
- fleksibilno filtriranje bez utjecaja na performanse
- bolju pronalazivost proizvoda
Elasticsearch korisnicima omogućuje intuitivno istraživanje kataloga - bilo da pretražuju po nazivu, regiji, sorti grožđa ili profilu okusa - dok temeljni sustavi ostaju fokusirani na integritet podataka, a ne na performanse upita.
Zašto su Redis i Elasticsearch zajedno važni
Redis i Elasticsearch nadopunjuju se:
- Redis optimizira brzinu i stabilnost za često korištene podatke
- Elasticsearch pruža moćne, skalabilne mogućnosti pretrage
Zajedno osiguravaju da Bear & Merlin pruža brzo, responzivno i korisnicima prilagođeno iskustvo, čak i kako katalog proizvoda i promet rastu.
Integracija plaćanja sa Stripeom
Za plaćanja smo odabrali Stripe.
Stripe nudi:
- visoku pouzdanost
- snažnu zaštitu od prijevara
- čiste API-je
- podršku za buduće načine plaćanja
Integracija je osmišljena da bude:
- sigurna
- odvojena od poslovne logike
- jednostavna za proširenje
Plaćanja se obrađuju eksterno, dok se web trgovina fokusira na tijek narudžbi i korisničko iskustvo.
Integracija usluga dostave paketa
Odlično iskustvo web trgovine ne završava na checkoutu.
Integrirali smo usluge dostave paketa za upravljanje:
- kreiranjem pošiljki
- brojevima za praćenje
- ažuriranjem statusa dostave
Ovo osigurava:
- transparentnost za korisnike
- automatizaciju za operativni tim
- manje ručnih grešaka
Dostava postaje dio glatkog, predvidljivog workflowa.
Podrška sustavu: pouzdanost, performanse, vidljivost
Moderni e-commerce nije samo o funkcionalnostima — radi se o stabilnosti i observability-ju.
Cloudflare
Cloudflare djeluje kao naša prva linija obrane i sloj za performanse:
- DDoS zaštita
- WAF
- globalno cache-iranje
- poboljšana vremena učitavanja stranica
S3 kao CDN pohrana
Sve statičke datoteke pohranjene su u S3-kompatibilnoj pohrani i poslužuju se putem CDN-a:
- skalabilno
- troškovno učinkovito
- brza globalna isporuka
New Relic APM
Kako bismo doista razumjeli što se događa unutar sustava, integrirali smo New Relic:
- monitoring performansi aplikacije
- praćenje grešaka
- vidljivost transakcija
Ovo nam omogućuje:
- otkrivanje problema prije nego ih korisnici primijete
- kontinuiranu optimizaciju performansi
- donošenje odluka temeljenih na podacima
Rezultat: platforma za e-trgovinu spremna za budućnost
Kombinirajući:
- ERP za operacije
- Pimcore PIM, CMS i DAM za podatke i sadržaj
- Stripe za plaćanja
- integracije za dostavu
- Cloudflare, S3 i New Relic za pouzdanost
stvorili smo platformu koja je:
- skalabilna
- održiva
- otporna
- spremna za međunarodni rast
Bear & Merlin nije samo web trgovina - to je commerce ekosustav osmišljen za razvoj.
Naučene lekcije
Najvažnija lekcija?
Arhitektura je važnija od brzine.
Ako se sve postavi kako treba od samog početka, to:
- smanjuje dugoročne troškove
- sprječava tehnički dug
- omogućuje bržu inovaciju kasnije
Bear & Merlin izgrađen je ne samo za današnje korisnike - već i za sutrašnji rast.
O Bear & Merlinu
Bear & Merlin moderna je web trgovina vina nastala iz duboke strasti prema kvalitetnim proizvodima i pažljivo osmišljenim digitalnim iskustvima.
Naša misija je pažljivo odabrana vina približiti korisnicima kroz platformu koja spaja autentični storytelling, transparentnost i tehničku izvrsnost. Svaka boca u našem asortimanu odabrana je s pažnjom prema podrijetlu, zanatskoj izradi i karakteru - i predstavljena kroz bogat sadržaj koji korisnicima pomaže razumjeti ne samo što kupuju, već i zašto je to važno.
Iza kulisa, Bear & Merlin izgrađen je na robusnoj, skalabilnoj digitalnoj arhitekturi koja nam omogućuje rast bez kompromisa u kvaliteti. Integracijom naprednih sustava za informacije o proizvodima, upravljanje sadržajem, rukovanje medijima, plaćanja i logistiku, osiguravamo besprijekorno iskustvo od prvog klika do konačne dostave.
Vjerujemo da odlično vino zaslužuje odlično digitalno iskustvo - brzo, pouzdano, informativno i ljudsko. Bear & Merlin nije samo online trgovina, već pažljivo osmišljen ekosustav u kojem tehnologija podržava storytelling, a zanatska izrada susreće moderni commerce.
Kako nastavljamo rasti, naš fokus ostaje isti: kvaliteta bez prečaca, tehnologija sa svrhom, i iskustva koja djeluju jednako profinjeno kao i vina koja nudimo.