Kako napraviti web stranicu koja zapravo donosi klijente

Case study: Alu PVC Orlović, obrt iz Dalmacije koji 20 godina radi bez online prisutnosti. Od mindset shifta i analize konkurencije, do SEO 100/100 na Lighthouseu. Što smo napravili, gdje smo zapeli, što je najvažnija lekcija.

TL;DR

• Klijent: obrtnik iz Dalmacije, 20 godina bez weba, pun raspored. Zvao je prije krize, ne poslije.
• Brief u jednoj rečenici: "hoću da me Google izbacuje prvog kad netko traži pvc stolariju" - ne dizajn, nego vidljivost.
• Tech stack: Next.js + Vercel umjesto WordPressa. Razlog: galerija se ažurira 3-4x godišnje, pluginovi su overhead.
• Rezultat: Lighthouse SEO 100/100, Performance 83, FCP 0.4s, LCP 1.0s, CLS 0. Stranica se učitava ispod sekunde na 4G.
• Najvažnija lekcija: SEO je proces, ne čudo. Klijentu reci istinu (4-8 tjedana do indeksa, mjeseci do rezultata), a ne obećanja koja ne možeš ispuniti.

Najbolji znak da ti treba web nije pad u poslu

Nego osjećaj da te konkurencija gađa oštrije nego lani.

Ovaj blog je o klijentu koji nije bio u krizi. Imao je posla više nego dovoljno. Dva desetljeća radi bez weba - i svejedno me pozvao da mu ga napravim.

Ako misliš da to nema smisla, ovaj post je za tebe. Ako razumiješ zašto - onda znaš da si u pravu polovici obrtnika koja će preživjeti sljedećih pet godina.

Klijent: 20 godina, nula weba, pun raspored

Alu PVC Orlović, obrt iz Dalmacije. Alu i PVC stolarija, dva desetljeća u poslu. Radovi mu stoje na cilo rivi - prozori, vrata, ograde, fasade. Čovik iz kraja, reputacija besprijekorna, godišnji raspored pun.

Kako je to radio bez weba?

Preporuke. Telefon. Usmena predaja. Susjed susjedu. To mu je držalo firmu dvadeset godina i drži je i danas.

Pa zašto sad web?

Brief u jednoj rečenici

Prvi razgovor. Ni pet minuta nismo pričali o dizajnu.

Rekao mi je:

*"Ivane, ja hoću da kad netko upiše 'pvc stolarija', moja firma prva izbaci."*

To je bio cijeli brief.

Ne "hoću da izgleda moderno". Ne "treba mi nešto kao konkurencija". Nego: hoću da me ljudi pronalaze kad me traže.

Vidio je ono što većina obrtnika ne vidi dok ne bude kasno.

Konkurencija je postala agresivnija no ikad. Klijenti gledaju Google prije nego dignu slušalicu. Ako te tamo nema, ne postojiš za ljude koji nisu iz tvog kruga - a krug se s vremenom sužava, ne širi.

Zvao me nije jer mu posao pada. Zvao me jer ne želi čekati da počne padati.

Zašto obrtnički webovi ne rade

Prije nego smo išta nacrtali, napravio sam audit postojećih stranica u njegovoj branši. Pregledao sam 15+ stranica konkurencije u regiji.

Evo gdje obrtnički webovi padaju:

Stranica izgleda kao da je rađena 2012. i od tad je nitko nije dotaknuo. Galerija postoji, ali fotke su snimljene na loš telefon, bez konteksta, bez opisa. Kontakt forma - ako uopće postoji - šalje upit u email koji se ne otvara. SEO je negdje između slučajnog i nepostojećeg. Na mobitelu se stranica učitava 8+ sekundi.

A obrtnik je za to platio dvije tisuće eura 2017. godine i misli da je "web riješen". Kad nazove agenciju za redesign, kažu mu nova tri tisuće.

Tu se stvara frustracija. I tu leži prilika.

Mindset shift: od rješenja do problema

Kad sam krenuo dizajnirati, prvo sam zapeo.

Vrtio sam se u krug tražeći "rješenje" - kakav dizajn, kakav layout, koje boje, koji stack. Otvarao sam referencu za referencom, svaka izgleda OK, nijedna ne sjeda.

Onda sam naletio na Dribbble, 21st.dev, Ahrefs blog. Ne zato što ću ih kopirati, nego zato što su me natjerali da gledam drugačije.

Mindset shift koji je promijenio projekt:

Nisam više tražio rješenje. Tražio sam problem.

Zvuči kao floskula, ali je razlika ogromna:

• "Rješenje" znači: kopiraj nešto lijepo što si vidio
• "Problem" znači: pronađi što točno tvoj klijent traži, i što ga odbija kod konkurencije

Čim sam prestao pitati "kako da ovo izgleda lijepo" i počeo pitati "što ljudi stvarno gledaju kad biraju majstora za pvc stolariju" - sve je postalo jasno.

Galerija prije/poslije bitnija od headera. WhatsApp kontakt bitniji od dugačke kontakt forme. Brzina bitnija od animacija. Jasna cijena teritorija bitnija od "cijena po dogovoru".

Analiza konkurencije u dva smjera

Moja konkurencijska analiza nije bila "tko je bolji od koga". Bila je funkcionalna:

Smjer 1 - gdje su konkurenti dobri? To sam replicirao.

• Galerija prije/poslije je realan dokaz kvalitete. Kad postoji, radi. Kad je dobro napravljena, prodaje.
• Jasna telefonska brojka na vrhu stranice - većina obrtničkih klijenata odmah žele zvati
• Reference radova iz lokalnog područja - ljudi prepoznaju kuće, raste povjerenje

Smjer 2 - gdje konkurenti padaju? Tu sam vidio priliku.

• Sporost na mobitelu → rješenje: Next.js + Vercel umjesto WordPressa
• Nema WhatsApp direktnog kontakta → dodan kao primarni CTA pored forme
• Katastrofalan SEO (generirani meta opisi, bez structured data) → ciljano optimizirano
• "Album" s 200+ fotki koje nitko ne gleda → kurirana prije/poslije parovi s kratkim pričama

Ovo je najvažniji trik: ne pokušavaj biti bolji u svemu. Pronađi jednu stvar koju konkurencija radi loše, riješi ju bolje, i komuniciraj to jasno.

Tech stack: zašto Next.js a ne WordPress

Robert me je pitao: "Zašto ne WordPress? Svi rade WordPress."

Moj odgovor kratko:

WordPress ima smisla kad klijent svaki tjedan sam editira sadržaj - blog, vijesti, često nove stranice. Za obrt koji ažurira galeriju 3-4 puta godišnje, WordPress je overhead. Plugini koji se trebaju update-ati, security problemi, baza podataka koju treba održavati, hosting koji košta 200 eura godišnje samo zbog toga.

Next.js + Vercel za njegov case daje:

• Statički generirane stranice (pre-rendered) - učitavaju se istog trena
• Native SEO (meta, structured data, sitemap) bez pluginova
• Vercel hosting besplatan za ovaj volumen prometa
• Image optimization ugrađen (WebP konverzija, responsive sizes)
• Bez "dead weight" pluginova koji uspore stranicu

Ako se dogodi da treba često editirati - integriramo headless CMS (Sanity ili Contentful). Ali za njegov stvarni scenarij, to mu samo dodaje kompleksnost.

Princip: stack treba slijediti problem, ne obrnuto.

Ključan tehnički izazov: galerija prije/poslije

Galerija je bila srce stranice. Čovjek prodaje kroz slike - stolarija je visual craft. Ako galerija ne radi, ništa ne radi.

Izazov: svaka prije/poslije para treba visoku rezoluciju da se vidi kvaliteta rada izbliza. Ali visoka rezolucija znači spora učitavanja. Na mobitelu preko 4G mreže - govorimo o 5-8 sekundi čekanja. Google te za to kažnjava algoritamski, a korisnik fizički odlazi prije nego se slika učita.

Rješenje u četiri sloja:

• Next.js image optimization - automatski resize i WebP konverzija pri buildu
• Lazy loading - učitavaju se samo slike u vidokrugu, ostalo kad dođe do njih
• Responsive sizes - mali ekran dobije malu verziju, ne full rezoluciju
• Blur placeholder - dok se slika učita, vidi se low-res verzija. Pseudo-progresivno.

Rezultat: galerija radi glatko, učitavanje stranice pod sekundu čak i na 4G.

Animacije kao skriveni ROI

User-friendly ne znači dosadno. Dodao sam suptilne animacije na scroll, mirne tranzicije između sekcija, jedva vidljive hover efekte.

Cilj nije "wow, ove animacije!". Cilj je da korisnik podsvjesno osjeti da je stranica premium.

Evo paradoksa koji rijetko tko spominje: ljudi u 2026. procjenjuju kvalitetu firme po kvaliteti njene digitalne prisutnosti. Ako web izgleda amaterski, klijenti pretpostavljaju da je i posao takav - čak i ako nije. Ako web izgleda profesionalno i glatko, klijenti pretpostavljaju da je firma ozbiljna.

Ovo je skriveni ROI. Ne možeš ga mjeriti u konverzijama. Ali se osjeti u kvaliteti upita koji dolaze. Bolji web privlači bolje klijente - one koji ne cjenkaju svaki cent i razumiju vrijednost kvalitete.

Lighthouse rezultati: konkretni brojevi

Kad sam pustio Googleov Lighthouse test na finalnoj verziji:

• SEO: 100/100
• Best Practices: 96/100
• Accessibility: 89/100
• Performance: 83/100

Ključne tehničke metrike:

• First Contentful Paint: 0.4 sekunde
• Largest Contentful Paint: 1.0 sekunde
• Cumulative Layout Shift: 0
• Speed Index: 1.3 sekunde

Prevedeno u ljudski jezik: stranica se učitava pod sekundu, ništa ne skače dok se učitava, Google može tehnički savršeno indeksirati svaku podstranicu.

SEO 100/100 ne znači da si prvi na Googleu. Znači da si tehnički pripremio teren da Google može uopće početi procjenjivati relevantnost tvog sadržaja. Ovo je fundament. Bez toga, svaki daljnji SEO rad je na pijesku.

Najvažnija lekcija: iskrenost s klijentom oko SEO-a

Ovo je dio koji nitko ne piše u blog postovima, a zapravo je najvažniji.

Kad radiš SEO za klijenta, na stolu imaš dva izbora:

Opcija A: obećaš mu more. "Za mjesec dana bit ćeš na vrhu Googlea. Upiti će ti rasti 50% do kraja kvartala."

Opcija B: kažeš mu istinu. "SEO je proces. Ne mjeri se u tjednima, mjeri se u mjesecima. Ako radimo kontrolirano, kvalitetno i uzastopno, rezultati će doći. Ali ne mogu ti obećati kad točno i koliko."

Opcija A zvuči bolje na sales razgovoru. Zatvori više dealova. Osjećaj se dobar.

Ali za tri mjeseca klijent je bijesan. Rezultati nisu došli kako si obećao. Umjesto zadovoljnog klijenta koji te preporučuje - imaš nezadovoljnog koji te javno dočekuje u komentarima.

Ja biram opciju B. Svaki put.

Robertu sam rekao direktno:

*"Stranica je tek živa. Google treba 4-8 tjedana da je indeksira i počne prepoznavati. Prva dva mjeseca vjerojatno nećeš vidjeti značajan pomak. Nakon toga, ako nastavljamo optimizaciju, rast će postepeno doći. Ali to nije magija - to je proces."*

Reagirao je pozitivno. Jer nitko do tada mu nije tako pričao. Svi su mu obećavali brzinu i brojke - i upravo zato nikome nije vjerovao.

Najvažnija prodajna vještina nije prodati. Najvažnija je reći istinu i neka klijent odluči je li to vrijedno.

Što to znači za tebe - 5 lekcija

Ako razmišljaš o webu za svoj biznis:

• Najbolje vrijeme za web je sad, dok ti posao ide. Kriza nije motivacija, kriza je rok.
• Ne traži "lijep dizajn" - traži problem. Što tvoji klijenti stvarno gledaju kad biraju? Što ih odbija kod konkurencije? Krenu od tud.
• Analiza konkurencije u dva smjera. Gdje su dobri, repliciraj. Gdje padaju, riješi bolje.
• Brzina nije luksuz, to je osnova. Ako se stranica učitava duže od 3 sekunde, već si izgubio 40% posjetitelja.
• Vjeruj partneru koji ti govori istinu, ne onom koji ti obećava more. SEO je proces. Dobar developer ti neće obećati ono što ne može isporučiti.

Zaključak

Alu PVC Orlović sad ima web koji nije "da postoji" - nego da radi svoj posao.

Dvadeset godina bez weba, sad tehnički spreman za dominaciju u lokalnom pretraživanju. Rezultate ću podijeliti s konkretnim brojkama za 60 dana, bez uljepšavanja.

Ali suština cijele priče staje u dvije rečenice:

Pametan obrtnik ne radi web da popravi krizu.

Radi ga da ga kriza ne nađe.

Hoćeš da pogledamo tvoj case?

Ako razmišljaš o webu za svoj biznis ili imaš postojeći koji ne donosi upite kako bi trebao - javi se kroz formu ispod.

Pogledat ću tvoju trenutnu stranicu (ako je imaš), tvoju branšu, i javim ti pošteno što mislim. Gdje su prilike, gdje su problemi, i ima li smisla raditi ili ne. Bez obvezivanja, bez sales skripte.

Odgovaram unutar 24 sata radnim danom.