Preskoči na sadržaj

Googleovi kolačići za mjerenje i oglase?

Tako vidimo što pomaže i koji oglasi rade, a naše oglase vidite i drugdje. Posjete bez kolačića brojimo svakako, bez identifikatora. Podatke ne prodajemo. Više u Politici privatnosti.

Uz „Prihvati sve” Google Analytics i Google Ads postavljaju svoje kolačiće. Uz „Samo nužni” ostaje jedino ono što drži stranicu u radu i pamti ovaj odabir. Odabir mijenjate kad god želite, pod „Postavke kolačića” u podnožju.

Screen Print: B2B katalog s upitom

Studija slučaja: katalog koji umjesto naplate prima upit.

Screen Print nudi promotivne artikle s tiskom loga za poslovne kupce. U B2B prodaji promo artikala cijena ovisi o količini i tisku, pa kupac ne plaća odmah nego traži ponudu. Katalog je zato izgrađen oko upita, bez naplate (checkouta).

Odnos
Klijent
Model
B2B, upit
Godina
2025
Ukratko: što je izgrađeno. Screen Print poslovnim kupcima nudi promotivne artikle s tiskom loga. FIN STUDIO mu je izradio B2B katalog s košaricom upita umjesto naplate: kupac bira artikle, boje i količine u 7 kategorija, a upit sa svim stavkama, slikama i podacima tvrtke stiže prodaji e-poštom (SMTP). Katalog je izgrađen na Next.js-u i TypeScriptu i uživo je od 2025. na ponuda.screen-print.hr.
01

Izazov

Katalog je trebao dvije stvari odjednom: pokazati artikle dovoljno dobro da kupac vidi kako će izgledati s njegovim logom, i skupiti upit u obliku s kojim prodaja može odmah raditi. PDF katalog i telefonski upiti ne daju ni jedno ni drugo.

02

Rješenje: košarica upita

Snimke zaslona javne stranice ponuda.screen-print.hr, na računalu i mobitelu.

Kupac se kreće katalogom kao u webshopu i dodaje artikle s količinama. Na kraju umjesto plaćanja šalje upit. Upit stiže e-poštom sa svim stavkama, pa se ponuda radi iz jednog dokumenta umjesto iz niza poruka.

  1. Košarica upita

    Kupac slaže artikle kao u košarici, ali bez naplate. Za svaki artikl bira boju, po potrebi veličinu i količinu, pa jednom akcijom šalje upit.

  2. Upit e-poštom sa stavkama

    Serverska ruta šalje upit preko SMTP-a s popisom artikala, bojama, količinama i podacima tvrtke, pa prodaja odmah ima sve za ponudu.

  3. Detalj artikla bez napuštanja kataloga

    Klik na artikl otvara prikaz sa slikom za svaku boju, materijalom, dimenzijama i veličinama, a kupac ostaje u katalogu.

  4. Pretraga i filtri

    Pretraga po nazivu i kategoriji dok kupac tipka i filtar po kategoriji, bez ponovnog učitavanja stranice.

  5. Boje artikala

    Svaka boja je zasebna varijanta s vlastitom slikom, kodom boje i, gdje treba, vlastitom cijenom, prikazana kao birač boja.

  6. Vizualni identitet

    Pozadina naslovne sekcije iscrtava animirane linije generirane šumom, kao dio identiteta kataloga.

03

Kategorije kataloga

  • Uredski pribor
  • Kišobrani
  • Torbe i putovanje
  • Boce i termosice
  • Tehnologija
  • Promo dodaci
  • Lifestyle
04

Kako upit stiže do prodaje

Upit je jedini izlaz iz kataloga, pa je on proizvod. Prodaja prima popis koji već izgleda kao početak ponude.

  1. Košarica po varijantama

    Ista majica u dvije boje dvije su stavke istog artikla, svaka s vlastitom količinom. Košarica zbraja komade po artiklu i iznos po stavci.

  2. Podaci tvrtke

    Naziv tvrtke, OIB, adresa dostave, e-pošta, telefon i napomena. OIB se provjerava prije slanja: mora imati 11 znamenki.

  3. Provjera veze prije slanja

    Ruta na serveru prvo provjeri vezu s poslužiteljem e-pošte, a tek onda slaže poruku. Ako slanje ne uspije, kupac vidi poruku o grešci i može pokušati ponovno, umjesto potvrde za upit koji nije stigao.

  4. Poruka koju prodaja može odmah koristiti

    Svaka stavka ima sliku odabrane boje, kategoriju, boje s količinama, cijenu po komadu i iznos, a na dnu stoje zbroj i ukupan iznos s PDV-om od 25 %.

  5. Odgovor ide izravno kupcu

    Adresa za odgovor je e-pošta koju je kupac upisao, pa prodaja odgovara jednim klikom, bez prepisivanja adrese.

Za tehnički timModel podataka, pravila cijene, odluke i što je bilo zahtjevno
T1

Model podataka i cijene

  1. Artikl

    Šifra, naziv, kategorija, slika, opis, materijal, dimenzije, veličine i popis varijanti. Katalog je tipizirana datoteka u kodu projekta, bez baze podataka.

  2. Varijanta

    Boja s vlastitom slikom, kodom boje i neobaveznom cijenom. Cijena varijante ima prednost pred osnovnom cijenom artikla.

  3. Pravilo cijene po veličini

    Za jednu papirnatu vrećicu cijena ovisi o odabranoj veličini, pa se iznos stavke računa za svaku veličinu posebno.

T2

Odluke

Odluke u izradi kataloga Screen Print: što smo odabrali i zašto
Naplata ili upitŠto smo odabraliKošarica upita, bez naplateZaštoCijena promo artikla ovisi o količini i tisku, pa prodaja radi ponudu iz upita.
Baza ili datotekaŠto smo odabraliTipizirana datoteka s 47 artikala u 7 kategorijaZaštoZa katalog ove veličine dovoljna je datoteka u kodu; nema baze ni administracije koju treba održavati.
Slike u poruciŠto smo odabraliUgrađene u e-poštu kao privitci (CID)ZaštoPrikazuju se i u klijentima e-pošte koji ne učitavaju vanjske slike.
T3

Što je bilo zahtjevno

E-pošta koja se jednako čita u svakom klijentu. Poruka je složena od HTML tablica, jer moderni raspored klijenti e-pošte ne podržavaju jednako. Na mobitelu se slika i opis stavke slažu jedno ispod drugog, a slike stavki putuju u samoj poruci.

Iznos koji se ne može izračunati iz jedne cijene. Kad cijena ovisi o boji ili veličini, košarica i e-pošta računaju iznos po varijanti, pa zbroj u poruci odgovara onome što je kupac vidio u katalogu.

StackTypeScriptNext.jsReactTailwind CSSFramer MotionNodemailer (SMTP)simplex-noise
05

Ishod

Katalog je uživo od 2025. na ponuda.screen-print.hr. Poslovne metrike za ovaj projekt nisu izmjerene, pa ih ne navodimo. Ono što sustav radi: kupac bira artikle i količine sam, a prodaja dobiva strukturirani upit umjesto razgovora koji tek treba pretvoriti u popis.

Prodajete na upit, a ne na klik?

Katalog s košaricom upita, B2B cjenici ili kombinacija s naplatom za dio asortimana. Opišite kako danas nastaje ponuda. Odgovor unutar 24 sata radnim danom.

Zatražite ponudu