Case Study — Promo Katalog B2B

Screen Print

Interaktivni Promotivni Katalog

B2B promo katalog za Screen Print — 100+ promotivnih artikala s tiskom loga. Poslovni klijenti slažu upit direktno iz kataloga jednim flowom.

Klijent

Screen Print

Tip projekta

Promo Katalog

Model

B2B Inquiry

Live

ponuda.screen-print.hr

100+

promo artikala

kategorija

B2B

inquiry model

Tech Stack

Next.js 16React 19TypeScriptFramer MotionTailwind v4Nodemailersimplex-noiseLucide Icons

Kategorije kataloga

Uredski PriborKišobraniTorbe i PutovanjeBoce i TermosiceTehnologijaPromo DodaciLifestyle

Izazov

Screen Print nudi promotivne artikle za poslovne klijente — od olovaka i kišobrana do power bankova i torbi, sve s tiskom loga naručitelja. Katalog od 100+ artikala trebao je online prisutnost koja reflektira kvalitetu branda i omogućuje B2B narudžbe bez telefoniranja.

Izazov je bio napraviti katalog koji vizualno impresionira (jer prodaje vizualni identitet) ali i funkcionira kao inquiry sustav koji eliminiara back-and-forth emailove s klijentima.

Rješenje

Izgradili smo full-screen katalog s product modalima — svaki artikl se otvara na licu mjesta bez navigacije van stranice. Korisnik slaže upit poput košarice, odabire artikle i količine, i jednim klikom šalje kompletan upit s listom na email Screen Printa.

Animirani hero koristi simplex noise generator za organske pokretne linije koje daju jedinstven vizualni identitet — neprenosiv na drugu stranicu. Live search i kategorijski filteri rade bez ijednog page-reload-a.

Interaktivni product modal

Klik na artikl otvara full-screen modal s galerijom, bojama i opcijama tiska. Bez navigacije van stranice.

Inquiry drawer

Cart bez plaćanja — korisnik slaže upit, odabire artikle i šalje jednom akcijom. Nodemailer šalje email.

Animated lines hero

Simplex noise generira organske animirane linije u pozadini hero sectiona — uniquely brand identity.

Scroll-aware navbar

Nav je transparentan na vrhu, postaje frosted glass pri scrollu. Search se pojavljuje tek ispod folda.

Live search + filtri

Real-time filtriranje kataloga po kategoriji i pretrazi — bez rerenderiranja stranice.

Boje artikala

Svaki artikl ima kompletan color map s hex vrijednostima i lokalnim imenima — vizualni color picker.

Framer Motion animacije

Layout animations na karticama pri filtriranju, AnimatePresence za modal, scroll-triggered reveals.

Kontakt + email API

API route s Nodemailerom — upit se šalje s listom artikala, količinama i kontaktom naručitelja.

Rezultat

Screen Print sada ima digitalni showroom koji zamjenjuje PDF kataloge i telefonske upite. Poslovni klijenti pregledavaju artikle, odabiru što im treba i šalju strukturirani upit jednim klikom — bez emailova naprijed-nazad.

Trebate sličan projekt?

Katalog, webshop ili B2B inquiry sustav.

Fiksna cijena. Isporuka za 2 tjedna.

Pokrenite projekt

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