Case Study — B2C + B2B Webshop · Custom Admin Dashboard

Nostri Maris

B2C maloprodaja. B2B veleprodaja. Isti webshop.

Nostri Maris d.o.o. — distributer duhanskog pribora u Hrvatskoj. Odjavljeni korisnici vide retail cijene, prijavljeni B2B partneri automatski dobivaju veleprodajni cjenik. Plus zaseban custom admin dashboard za sve ostalo.

Klijent
Nostri Maris d.o.o.
Tip
Webshop + Admin
Model
B2C + B2B
Live
nostrimaris.hr
2
zasebne aplikacije
850+
artikala
12
admin modula
Aplikacija 1

B2C + B2B Webshop

Tech Stack
Next.js 16React 19TypeScriptStripeSupabaseFramer MotionZustandResendTailwind v4Leafletpdfmake
Brendovi u katalogu
ZIPPORAWSMOPoP FiltersSWANZENGAZZIGGI51 PouchesFENIXAusonia
850+ artikala u katalogu
Dinamički product listing s filtriranjem po kategoriji, brendu i dostupnosti.
B2C + B2B dvostruki cjenik
Odjavljeni korisnici vide maloprodajne (retail) cijene. Prijavljeni B2B partneri automatski vide veleprodajne cijene — Supabase RLS, bez zasebnog URL-a.
Stripe checkout
Kartice, Apple Pay, Google Pay. Webhooks za automatsku obradu narudžbi.
PDF ponude (pdfmake)
Generiranje PDF ponuda s logom i uvjetima jednim klikom iz admin sučelja.
Video hero + Leaflet karta
Full-screen video hero, interaktivna karta skladišta, branded ticker s partnerskim brendovima.
Resend transakcijski emailovi
Potvrde narudžbi, shipping notifikacije, newsletter — custom HTML templati.
Aplikacija 2

Custom Admin Dashboard

Zasebna Next.js app — nije Shopify admin, nije gotovo rješenje. Custom izgrađen od nule za poslovne potrebe Nostri Marisa.

Tech Stack
Next.js 16TypeScriptSupabaseStripe APIDPD APISudski Registar APINodemailerTailwind v4
Dashboard
Prihodi ovaj mjesec, ukupni prihodi, narudžbe, pending narudžbe, ukupno korisnika, aktivni B2B partneri — sve u jednom pogledu sa statcard trendovima.
Upravljanje narudžbama
Sve narudžbe s expand/collapse detaljiima — artikli, pakiranje, adresa, payment method, B2B flag. Inline DPD tracking bez napuštanja stranice.
DPD integracija
Session-based auth prema DPD easyship API-ju s 50-min cache. Kreiranje dostavnog naloga jednim klikom iz narudžbe. Live tracking events inline.
Stripe panel
Pregled live balance (available + pending), status connected accounta, charges/payouts enabled, history transakcija.
Payouts
Stripe payout history s statusima (paid, pending, in_transit, failed). Triggering isplate direktno iz admin panela.
Povrati (Returns)
Sustav za B2B i B2C povratne zahtjeve s workflow statusima: Na čekanju → Odobreno/Odbijeno → Završeno. Admin bilješke per zahtjev.
Newsletter builder
Odabir predloška, uređivanje subject + body, dodavanje product blokova s veleprodajnim/retail cijenama, banner slika. Slanje svim aktivnim pretplatnicima.
ERP sync
Sinkronizacija kataloga s internim ERP sustavom — sync state, broj sinkroniziranih artikala, timestamp zadnjeg sync-a, export narudžbi u format za ERP.
Korisnici & B2B partneri
Pregled svih registriranih korisnika, verifikacija B2B statusa, upravljanje pristupom veleprodajnim cijenama.
Sudski Registar lookup
OAuth2 integracija s Sudskim Registrom RH (sudreg-data.gov.hr). Pretraga tvrtke po OIB-u — automatsko popunjavanje podataka pri registraciji B2B partnera.
Proizvodi
CRUD za cijeli katalog od 850+ artikala. Bulk akcije, kategorije, veleprodajne vs. retail cijene, dostupnost, slike.
Postavke
Globalne postavke webshopa — dostava, PDV, email notifikacije, Stripe webhook config.

Rezultat

Nostri Maris sada prima B2B narudžbe 24/7 bez telefona ili emaila. Admin tim upravlja svime iz jednog dashboarda — od kreacije DPD naloga do slanja newslettera s product blokovima i veleprodajnim cijenama. Sudski registar integracija eliminira manualnu verifikaciju novih B2B partnera.

Trebate sličan projekt?

Webshop + custom admin. Bez gotovih rješenja.

Fiksna cijena. Isporuka na datum.

Pokrenite projekt

Izrađeno od strane FIN STUDIO — boutique studio za custom web projekte u Hrvatskoj.