Elite Systems: webshop i web
Studija slučaja: webshop, web stranica i administracija nad jednom bazom.
Elite Systems d.o.o. iz Čavala kraj Rijeke projektira, ugrađuje i održava videonadzor, protuprovalu, kontrolu pristupa i IT sustave. Isporučeno u ugovorenom roku od 15 radnih dana.
- Odnos
- Klijent
- Uživo od
- 3. 10. 2026.
Web i webshop, jedan iza drugog
Klijentu smo ponudili i jednu stranicu s webshopom u izborniku. Odabrao je dvije: web stranica prodaje tvrtku koja projektira i ugrađuje, a webshop opremu. Imaju različitu publiku, različit pravni okvir i različit ritam promjena, a dijele dizajnerski sustav i bazu.
Odaberite koja je stranica naprijed i pomičite snimku unutar okvira. Ovdje su snimke cijelih stranica, a gumb „Pogledaj uživo” otvara pravu stranicu.
- Pogledaj uživo: Webshop (shop.elitesystems.hr, otvara se u novoj kartici)
- Pogledaj uživo: Web stranica tvrtke (www.elitesystems.hr, otvara se u novoj kartici)
Ukratko
- Klijent
- Elite Systems d.o.o., Čavle kraj Rijeke: videonadzor, protuprovala, kontrola pristupa i IT sustavi
- Opseg
- Webshop, web stranica tvrtke i administracija: tri Next.js aplikacije nad jednom bazom
- Katalog
- 1.633 aktivna artikla u 11 skupina i 230 kategorija, stanje 16. 10. 2026.
- Povezano
- Veleprodajni feed dobavljača, WSPay, SMTP e-pošta, dnevni cjenik NN 101/2026
- Plaćanje
- Kartice preko WSPaya: iznos se rezervira, a tvrtka naplatu potvrđuje sama
- Rok
- Isporučeno u ugovorenom roku od 15 radnih dana.
Poslovni problem
Tvrtka koja projektira i ugrađuje sustave zaštite ima dvije vrste posjetitelja: one koji traže izvođača i one koji već znaju koju opremu žele. Za drugu skupinu katalog mora biti točan, a dobavljač ga mijenja svake noći.
Katalog koji se mijenja svake noći
Opisi bez odgovora na tehnička pitanja
Pravila dobavljača
Pravila za webshop u 2026.
Dvije publike iste tvrtke
Što je webshop Elite Systemsa morao riješiti
- Katalog koji se mijenja svake noći
- Nazivi, fotografije, kategorije i cijene dolaze iz veleprodajnog feeda dobavljača i mijenjaju se svake noći. Ručno prepisan katalog kasni već sljedeći dan, a artikl bez zalihe ne smije se prodavati.
- Opisi bez odgovora na tehnička pitanja
- Kupac opreme traži rezoluciju, IR domet, PoE budžet ili broj kanala. Podaci iz feeda to ne daju u obliku koji se može filtrirati, a krivo pročitana oznaka modela (mikrofon, noćni vid u boji) znači krivu narudžbu.
- Pravila dobavljača
- Ugovor s dobavljačem propisuje što se od njegovih podataka smije javno prikazati. Ta pravila ne smiju ovisiti o tome je li se netko sjetio provjeriti.
- Pravila za webshop u 2026.
- Najniža cijena u 30 dana, jednostrani raskid, pisani prigovor i zahtjevi po GDPR-u već su obvezni, a dnevni cjenik i sidrena cijena prema NN 101/2026 od 17. 11. 2026. Cilj je bio da sve to radi od prvog dana prodaje.
- Dvije publike iste tvrtke
- Jedni traže izvođača koji će projektirati i ugraditi sustav, drugi znaju koju kameru žele. Prvima treba web stranica s upitom, drugima webshop.
Što se promijenilo
Narudžbe, promet i konverzija poslovni su podaci klijenta i ne objavljujemo ih. Ono što je sustav promijenio u svakodnevnom radu može se izmjeriti, pa uz svaku brojku stoji odakle je i kada je pročitana.
- uspješnih sinkronizacija feeda, noćnih i ručnihod prve, 18. 9. 2026., do 16. 10. 2026.
- 29 od 31
- od 1.633 aktivna artikla sa strukturiranim opisomsvi aktivni artikli imaju fotografije; stanje 16. 10. 2026.
- 1.626
- numerirane objave cjenika prema NN 101/2026u 19 dana, od 28. 9. do 16. 10. 2026.; najveća s 2.177 redaka
- 33
- najveći pomak kvačice filtra u 386 označavanja i odznačavanjaprodukcija, 3. 10. 2026.
- 0,8 px
- adrese starog webshopa trajno preusmjerene (301)popis preusmjeravanja u webshopu, stanje 16. 10. 2026.
- 1.382
- provjera stranica s WCAG prekršajem (axe)produkcija, 3. 10. 2026.
- 0 od 108
Dizajn i 3D izgrađen u kodu
Dizajn je nastao od prazne stranice: svijetle plohe ondje gdje se govori o tvrtki, tamne gdje se govori o opremi, i 3D koji objašnjava kako pojedini sustav radi na objektu. Kako vodimo dizajn do odobrenja opisujemo na stranici web dizajn webshopa po mjeri.
Kamera koja prati pokazivač
Svaki sustav ima svoju scenu
Pojasevi prema EN 62676-4
Kuća s rampom u webshopu
3D nikad ne čeka
Kako rade 3D scene na webu i u webshopu
- Kamera koja prati pokazivač
- U zaglavlju web stranice stoji PTZ dome kamera izgrađena u kodu (three.js i React Three Fiber), čija kugla prati pokazivač miša. Nijedna scena na webu ni u webshopu ne učitava datoteku 3D modela: nema .glb, .gltf, .hdr ni .ktx2 datoteka.
- Svaki sustav ima svoju scenu
- Videonadzor, protuprovala, kontrola pristupa i IT sustavi imaju svaki svoju interaktivnu scenu: pokrivenost kamere, detekciju, pristup i kabliranje. Svaka objašnjava što taj sustav radi na objektu.
- Pojasevi prema EN 62676-4
- Stranica Videonadzor računa iz optike kamere na kojoj udaljenosti snimka služi za detekciju, promatranje, prepoznavanje i identifikaciju. Za primjer kamere od 4 MP s objektivom od 4 mm i kutom od 64° to je do 82 m, 33 m, 16,3 m i 8,2 m, uz napomenu da je prikaz orijentacijski. Izračun provjerava zaseban automatski test.
- Kuća s rampom u webshopu
- Zaglavlje webshopa je kuća s kosim krovom, garažom i prilazom s rampom čija se letva podiže, sa šest sigurnosnih sustava označenih na modelu. Scena je preuređena nakon napomena klijenta 7. 10. 2026.
- 3D nikad ne čeka
- Statična slika prikazuje se prva, a platno se učitava naknadno, pa 3D nikad nije dio najvećeg prikaza na ekranu (LCP). Uz smanjeno kretanje u postavkama uređaja scena stoji mirno.
Katalog, filtri i opisi
Webshop ima 1.633 aktivna artikla u 11 skupina, od kamera do konektora (stanje 16. 10. 2026.). Najveće skupine su videonadzor (637), protuprovala (250) i kontrola pristupa s evidencijom radnog vremena (152). Katalog dolazi iz feeda; ono što ga čini upotrebljivim napravljeno je u webshopu.
Filtri, opisi i pretraga u katalogu webshopa
- Filtri iz specifikacija
- Od 2. 10. 2026. kategorije imaju filtre: rezolucija u MP, IR domet u metrima, PoE budžet u W, broj kanala, ležišta za disk, broj i brzina portova, vrsta kućišta, bežično, 4G LTE i aktivno odvraćanje. Vrijednosti se izvode u aplikaciji iz strukturiranih opisa i oznaka modela, bez izmjene baze.
- Kvačica ostaje pod prstom
- Označen filtar ostaje na istom mjestu na ekranu i zadržava fokus dok se popis osvježava. U 386 označavanja i odznačavanja na produkciji najveći pomak bio je 0,8 px (3. 10. 2026.).
- Opisi iz tehničkih listova
- Strukturirani opis (uvod, ključne značajke, tablica specifikacija po skupinama i sadržaj pakiranja) izvlači se iz PDF tehničkih listova proizvođača. Provjera odbacuje svaki redak specifikacije čiji broj ne postoji u citiranom izvoru, a pravila za oznake modela hvataju netočne tvrdnje. Tako su 2. 10. 2026. ispravljeni opisi 43 kamere.
- Proizvođači kao logotipi
- Za 18 proizvođača (stanje 16. 10. 2026.) webshop ima službene logotipe i prikazuje ih umjesto golog teksta. Naziv u tekstu ostaje samo u strukturiranim podacima, podacima o sigurnosti proizvoda (GPSR) i cjeniku.
- Pretraga dok kupac piše
- Rezultati se pojavljuju dok kupac upisuje naziv ili šifru modela. Upit pretrage na serveru optimiziran je i izmjeren na produkciji 3. 10. 2026.
- Akcije i rasprodaja
- Rubrika Akcije, kompleti koji se pojavljuju u webshopu kad im tvrtka upiše cijenu i Rasprodaja za robu s opisom stanja. Akcija traje od 1 do 90 dana i završava sama.
Tijek projekta
Isporučeno u ugovorenom roku od 15 radnih dana. Datumi su iz dnevnika projekta i povijesti repozitorija.
18. 9. 2026.
Baza i prva sinkronizacija feeda
23. 9. 2026.
Ugovorna pravila dobavljača u bazi
25. 9. 2026.
Strukturirani opisi proizvoda
26. 9. 2026.
WSPay testiran od checkouta do potvrde
28. 9. 2026.
Administracija uživo i prvi dnevni cjenik
Prvo produkcijsko izdanje webshopa u testnom načinu plaćanja (27. i 28. 9.).
2. 10. 2026.
Filtri u katalogu
3. 10. 2026.
Prelazak domena i kartično plaćanje uživo
Domene oko 7:00, kartično plaćanje uživo oko 7:20. Isti dan SEO, favikoni, provjera kolačića i blog na oba weba.
7. – 10. 10. 2026.
Prve izmjene nakon lansiranja
Rubrika Akcije, kompleti s cijenom koju upisuje tvrtka, nova 3D kuća u webshopu, Rasprodaja, uređivač opisa i logotipi još dvaju proizvođača.
Za tehnički timOgraničenja, arhitektura, integracije, usklađenost, administracija i provjere
Ograničenja koja je sustav morao poštovati
Pravila dobavljača u bazi
Ugovorna pravila dobavljača provode se u bazi podataka, pa ih ne može zaobići ni jedan zaslon ni greška u sučelju.
Bez zalihe nema prodaje
Artikl bez zalihe sam se skriva iz webshopa. Status izvodi okidač u bazi; ručno se ne upisuje.
Naplata tek kad tvrtka potvrdi
Checkout na kartici samo rezervira iznos, a tvrtka svaku narudžbu naplaćuje ručno u WSPay portalu. To je trajan izbor klijenta, ugrađen u tijek narudžbe u administraciji.
Račun izdaje računovodstvo klijenta
Webshop šalje potvrdu narudžbe. Račun i fiskalizaciju tvrtka radi u svom računovodstvenom programu, kao i dosad.
Gost kupuje bez računa
Nema korisničkih računa ni lozinki: kupac naručuje kao gost, a košarica živi u pregledniku. Narudžbu prati brojem s potvrde.
3D ne smije usporiti katalog
Teške scene ostaju na web stranici. Webshop i web su zasebna izdanja, pa brzina kataloga ne ovisi o tome koliko je 3D-a na webu.
Arhitektura
Tri Next.js aplikacije, svaka u svom repozitoriju i na svom Vercel projektu, rade nad jednom bazom: Supabase Postgres u Frankfurtu, s pravilima pristupa (RLS) na svakoj javnoj tablici i zakazanim poslovima u samoj bazi (pg_cron). Administracija radi u Vercelovoj regiji fra1, uz bazu, i nije javna.
Integracije
| Sustav | Što radi | Smjer podataka | Okidač |
|---|---|---|---|
| Feed dobavljača | Što radiNazivi, fotografije, kategorije i cijene; sažetak svakog prolaza u administraciji | Smjer podatakaFeed → administracija → baza | OkidačSvake noći u 3:30 UTC (Vercel cron); ručno gumbom na /katalog |
| WSPay | Što radiKartično plaćanje s rezervacijom iznosa; tvrtka naplatu potvrđuje u WSPay portalu | Smjer podatakaWebshop → WSPay (autorizacija); WSPay → webshop (potpisani callback) | OkidačCheckout kupca; provjera svakih 10 minuta dovršava narudžbu čiji callback nije stigao |
| Dnevni cjenik | Što radi/cjenik.csv i /cjenik.xml prema Odluci NN 101/2026, s arhivom od 30 dana | Smjer podatakaBaza → javne datoteke | OkidačVercel cron u 3:00 i 4:00 UTC |
| pg_cron | Što radiZavršava akcije u minuti u kojoj istječu | Smjer podatakaU bazi | OkidačSvake minute |
| SMTP e-pošta | Što radiPotvrde narudžbi i newsletter s dvostrukom potvrdom prijave | Smjer podatakaSustav → kupac | OkidačNarudžba, prijava na newsletter |
| Upiti s weba | Što radiObrazac na /kontakt upisuje upit u zajedničku bazu; tim ga čita u administraciji | Smjer podatakaWeb → baza → administracija | OkidačSlanje obrasca |
| Meta Pixel | Što radiUgrađen i isključen dok tvrtka ne upiše ID; tada se učitava tek nakon privole za marketing | Smjer podatakaPreglednik → Meta, samo uz privolu | OkidačOdluka posjetitelja u traci za kolačiće |
Sinkronizacija ima četiri dijela: čitanje feeda, parsiranje, plan promjena sa zaštitama i primjenu. Svaki prolaz ostavlja zapis s trajanjem i ishodom, a zaštite imaju vlastiti automatski test. Kako pristupamo feedovima općenito, opisujemo na stranici integracija feeda dobavljača.
Stari webshop zamijenjen je tako da stare adrese i dalje vode na pravo mjesto: 1.382 adrese preusmjeravaju se trajno (301, stanje 16. 10. 2026.), a stara adresa za obavijesti o plaćanju preusmjerena je na novu.
Usklađenost ugrađena u webshop
Pravila za hrvatske webshopove iz 2026. provodi sam sustav, svaki dan i bez ručnog koraka. Što Odluka o cjeniku traži od webshopa objašnjavamo u tekstu sidrena cijena i dnevni cjenik za webshop.
Obje odluke iz NN 101/2026, Odluka o objavi cjenika i Odluka o isticanju dodatne cijene, primjenjuju se od 17. 11. 2026. prema izmjenama iz NN 110/2026 (izmjena za cjenik, izmjena za dodatnu cijenu). Cjenik webshop objavljuje od 28. 9. 2026., a prikaz sidrene cijene uključuje se sam na dan primjene.
Dnevni cjenik (NN 101/2026)
Webshop od 28. 9. 2026. svaki dan objavljuje cijene svih artikala kao CSV i XML datoteku, s numeriranim objavama i arhivom od 30 dana na /cjenik/arhiva. Obveza vrijedi od 17. 11. 2026. (NN 110/2026).
Sidrene cijene (NN 101/2026)
1.872 sidrene cijene i 4.064 zapisa povijesti cijena (stanje 16. 10. 2026.). Odluka o isticanju dodatne cijene primjenjuje se od 17. 11. 2026. (NN 110/2026): tog se dana prikaz sidrene cijene uključuje sam i od tada se ne može isključiti.
Najniža cijena u 30 dana
Uz svaku akcijsku cijenu stoji najniža cijena iz zadnjih 30 dana, izračunata iz povijesti cijena u bazi.
Raskid, prigovor i GDPR
Jednostrani raskid u dva koraka, pisani prigovor i zahtjevi za osobne podatke imaju svoje stranice, a rokovi za odgovor vide se u administraciji.
Pravni tekstovi s verzijama
Svaka izmjena je nova verzija; do 16. 10. 2026. spremljeno ih je 27. Tekstove tvrtka uređuje u vizualnom uređivaču u kojem su podaci tvrtke zaključani, pa se ne mogu slučajno prepisati.
Privola prije kolačića
Prije odabira u traci za kolačiće stranica ne postavlja kolačiće i ne šalje zahtjeve prema trećim stranama (provjera 3. 10. 2026.). Oba weba imaju izjavu o pristupačnosti.
Vlastita administracija: što tim radi sam
Administracija je napravljena za način na koji Elite Systems radi: narudžbe i naplata, cijene i akcije, katalog, opisi i pravni tekstovi vode se iz jednog sučelja, bez programera u svakodnevnom radu. Zasloni sadrže podatke kupaca i dobavljača, pa ih ovdje ne prikazujemo.
Danas
Početni pregled administracije za tim tvrtke.
Narudžbe
Tijek Čeka naplatu za rezervirane kartične iznose i djelomični povrati.
Usklađenost
Raskidi, prigovori i zahtjevi po GDPR-u s rokovima.
Financije
Novac koji je ušao, troškovi i otkazane narudžbe.
Cijene
Pravila marže i akcije od 1 do 90 dana koje završavaju same.
Katalog
Ručna sinkronizacija feeda i sažetak svakog prolaza.
Proizvodi i opisi
Uređivač proizvoda s uređivačem opisa i red artikala koji još nemaju strukturirani opis.
Rasprodaja i kompleti
Roba s greškom ili izložbeni primjerak, uz opis stanja, i cijene kompleta koje tvrtka upisuje sama.
Kategorije i cjenik
Kategorije webshopa i pregled dnevnog cjenika.
Pravni tekstovi
Vizualni uređivač s verzijama i zaključanim podacima tvrtke.
Članci i newsletter
Članci za blog i newsletter s dvostrukom potvrdom prijave.
Upiti, dostava i pristup
Upiti s web stranice, pravila dostave i popis adresa koje smiju u administraciju.
Provjere i sigurnost
Shema u migracijama
58 numeriranih SQL migracija uz shemu baze (stanje 16. 10. 2026.); RLS je uključen na svakoj javnoj tablici.
59 provjera jednom naredbom
Kontrast palete, razine i prigušenje 3D-a, optika kamere, filtri kataloga, potpisi i pravila WSPaya, format cjenika na velikom katalogu, stara preusmjeravanja, objavljeni GTIN-ovi, privola za Meta Pixel i zaštite sinkronizacije.
Zaglavlja na sve tri aplikacije
HSTS s preloadom, strogi CSP, X-Content-Type-Options i Permissions-Policy (provjera uživo 16. 10. 2026.). Administracija šalje i X-Robots-Tag: noindex.
Prijava bez lozinke
U administraciju se ulazi poveznicom poslanom e-poštom, samo s adresa s popisa, uz potpisani kolačić i zapis svake prijave.
Svaka promjena s dokazom
Svaka izmjena upisana je u dnevnik projekta s dokazima: što je promijenjeno i kako je provjereno.
Česta pitanja
Zašto su web stranica i webshop Elite Systemsa dvije odvojene aplikacije?
Zato što imaju različit posao. Web stranica prodaje tvrtku koja projektira i ugrađuje sustave i završava upitom, a webshop prodaje opremu i nosi pravila za prodaju na daljinu. Klijentu smo ponudili i jednu stranicu s webshopom u izborniku; odabrao je odvojeno. Obje aplikacije dijele dizajnerski sustav i bazu, pa izgledaju i ponašaju se kao jedna tvrtka.
Kako se katalog Elite Systemsa usklađuje s feedom dobavljača?
Automatski, svake noći u 3:30 UTC. Administracija čita veleprodajni feed dobavljača i ažurira nazive, fotografije, kategorije i cijene, a artikl bez zalihe sam se skriva. Tvrtka može pokrenuti sinkronizaciju i ručno. Od 18. 9. do 16. 10. 2026. bila je 31 sinkronizacija, noćna ili ručna, a 29 ih je uspjelo.
Plaća li kupac u webshopu Elite Systemsa odmah pri narudžbi?
Ne. Pri narudžbi WSPay samo rezervira iznos na kartici, a Elite Systems svaku narudžbu naplaćuje ručno u WSPay portalu. Ako potvrda plaćanja ne stigne, provjera svakih 10 minuta dovršava narudžbu.
Izdaje li webshop Elite Systemsa račune?
Ne. Webshop šalje potvrdu narudžbe, a račun i fiskalizaciju Elite Systems radi u svom računovodstvenom programu. Tako je dogovoreno, pa webshop ne duplicira posao računovodstva.
Može li tim Elite Systemsa sam mijenjati cijene i akcije u webshopu?
Može, u administraciji i bez programera. Tim postavlja pravila marže i akcije od 1 do 90 dana, a akcija završava sama u minuti u kojoj istječe. Uz svaku akcijsku cijenu webshop sam ističe najnižu cijenu iz zadnjih 30 dana, izračunatu iz povijesti cijena u bazi.
Koliko je trajala izrada sustava za Elite Systems?
Isporučeno u ugovorenom roku od 15 radnih dana. Nakon lansiranja dodane su rubrika Akcije, nova 3D scena u webshopu, Rasprodaja i uređivač opisa.
Povezane studije
Prodajete iz feeda dobavljača?
Katalog vam svake noći mijenja dobavljač, a cijene, akcije i dnevni cjenik moraju pratiti? Opišite feed i kako danas održavate katalog. Odgovor unutar 24 sata radnim danom.
Zatražite ponudu