Sve objaveBlog

Kako sam automatizirao izradu web stranica: AI generator iza rent.webica.hr

Case study vlastitog proizvoda: AI generator koji napravi web stranicu za 30-60 sekundi. Pipeline od 14 koraka, 151 djelatnost, automatska pravna stranica i objava na domenu. I što se nije dalo automatizirati.

• Case study
• AI
• Automatizacija

Jurica StublićOsnivač · ai.webica.hr1. rujna 2026.·8 min čitanja

Početkom 2026. odlučio sam testirati dokle se jedna ideja može gurnuti: može li se izrada web stranice automatizirati od početka do kraja. Ne "AI mi pomaže napisati tekst". Cijeli proces. Od praznog obrasca do objavljene stranice na domeni.

Rezultat je rent.webica.hr, platforma na kojoj stranica nastane za 30 do 60 sekundi. U ovom članku otvaram haubu. Što se točno automatiziralo, kako pipeline izgleda iznutra, gdje AI griješi i kako se to hvata. I što se uopće nije dalo automatizirati.

Ovakve sustave gradim i za klijente, a oblik ovog pipelinea možete preslikati na svoje procese, čak i ako s web stranicama nemate nikakve veze.

Što u izradi stranice zapravo jede vrijeme

Jeste li ikad naručili izradu web stranice? Onda znate da kalendarski traje 2 do 3 tjedna, iako je čistog rada 15-20 sati.

Popis koraka izgleda ovako:

• Brief i tekst. Klijent često ne zna što bi napisao, pa se tekst izvlači kroz mailove i pozive.
• Dizajn. Boje, fontovi, raspored sekcija. Dvije-tri runde ispravaka.
• Slike. Traženje stock fotografija koje ne izgledaju kao stock.
• Pravne stranice. Politika privatnosti, kolačići. Nitko ih ne voli pisati.
• Tehnika. Hosting, domena, DNS, SSL certifikat.
• Objava i sitni popravci nakon objave.

Većina tog vremena nije rad, nego čekanje. Mail klijentu, čekanje materijala, runde ispravaka.

Kad sam popisao korake, primijetio sam da gotovo svaki ima isti oblik: uzmi ulaz, primijeni pravilo ili ukus, provjeri rezultat. Upravo takvi koraci daju se automatizirati.

Kako izgleda automatizirana verzija izvana

Korisnik ispuni obrazac: naziv firme, djelatnost, kratak opis, po želji stil i boje. Sustav iz naziva i opisa sam prepozna djelatnost, pa frizerski salon dobije drugačiju stranicu od odvjetničkog ureda. Klik na "Kreiraj" i generiranje kreće.

Na ekranu na kraju piše stvarno izmjereno vrijeme. Obično je između 30 i 60 sekundi. Namjerno prikazujem izmjerenu brojku, ne marketinšku.

Stranica je odmah živa na subdomeni. Prvih 7 dana je probno razdoblje, bez kartice. Korisnik u editoru mijenja tekst i slike, a vlastita domena se spaja automatski.

To je izvana. Pravi posao je ispod haube.

Ispod haube: pipeline od 14 koraka

Generiranje nije jedan poziv prema AI modelu. Pipeline ima 14 koraka, a evo ključnih, redom:

1. Validacija unosa i prepoznavanje djelatnosti. U konfiguraciji je 151 djelatnost, svaka s ključnim riječima. Sustav boduje podudaranja iz naziva i opisa pa sam odabere djelatnost.
2. Generiranje slika. Tri AI slike po stranici: hero, o nama, usluge. Promptovi su prilagođeni djelatnosti i odabranom stilu. Ako generiranje slika padne, sustav poseže za stock fotografijama, pa proces nikad ne stane na slikama.
3. Izbor dizajn-sustava. 21 definirani stil (od korporativnog do razigranog), 15 uparenih Google fontova i palete boja preporučene po djelatnosti.
4. Multimodalni prompt. Google Gemini ne dobiva samo tekstualne upute nego i referentne slike. Tako generirani HTML odgovara slikama koje će stranica stvarno koristiti.
5. Generiranje s rezervnim modelima. Ako primarni model padne ili vrati škart, isti zahtjev ide na rezervni model, pa na još jedan. Cijeli krug ima do 2 ponavljanja.
6. Validacija i dopuna. Provjera strukture generiranog HTML-a. Ako fali sekcija koju djelatnost traži, recimo cjenik kod frizera, generira se naknadno i umetne.
7. Post-processing u 9 koraka. Sigurnosna sanitizacija (DOMPurify barijera prije spremanja), popravak navigacije, skripta za mobilni izbornik, spajanje kontakt forme. Deterministički kod, ne AI.
8. Pravni paket i objava. Automatski se generira Politika privatnosti, u footer ide link na nju, ubacuje se cookie banner i SEO oznake sa Schema.org podacima. Onda objava na subdomenu.

Vlastite domene idu preko Vercel API-ja. Tu je sitnica koja dobro pokazuje koliko detalja živi u "jednostavnoj" automatizaciji: hrvatski nazivi firmi imaju č, ć, ž, š i đ, a DNS ih ne podržava. Sustav ih transliterira (đ postane dj), reže naziv na 63 znaka koliko DNS dopušta i rješava kolizije kad dvije firme imaju isto ime.

Primjer: što sustav odluči za jedan frizerski salon

Da ne ostane apstraktno, prođimo jedan stvaran oblik zahtjeva.

Vlasnica upiše: "Studio Đurđa", djelatnost ostavi praznu, u opis stavi dvije rečenice o šišanju i bojanju u Trešnjevci. Sustav iz riječi "šišanje" i "bojanje" boduje podudaranja i sam odabere frizerski salon među 151 djelatnošću.

Za frizere je definiran nacrt sekcija: hero s pozivom na rezervaciju, usluge i cjenik, galerija transformacija prije i poslije, tim, recenzije klijenata, lokacija i radno vrijeme. Preporučene palete su toplije, tipografija mekša. Da je upisala odvjetnički ured, dobila bi ozbiljniju paletu i sekcije koje odvjetnik treba, umjesto galerije frizura.

Generiraju se tri slike u stilu salona, ne generičke. Gemini dobije upute, referentne slike i blueprint, pa vrati HTML sa svim sekcijama. Post-processing spoji navigaciju i kontakt formu. Politika privatnosti se generira s njezinim podacima iz obrasca.

Subdomena ne može biti "studio-đurđa" jer DNS ne zna za đ. Sustav je pretvori u "studio-djurdja". Nakon 40-ak sekundi stranica je živa, a vlasnica u editoru mijenja cjenik i ubacuje fotografije svog salona.

Nijedan čovjek s moje strane nije sudjelovao. To je poanta cijele priče.

Najvažnija lekcija: AI je nepouzdan, pipeline nije

Da sam obrazac spojio direktno na Gemini i vjerovao izlazu, platforma ne bi preživjela tjedan dana.

AI modeli padaju. Vraćaju HTML s greškom, izostave sekciju, ponekad ne vrate ništa. To nije mana pojedinog modela, to je priroda tehnologije. Sustav koji to ignorira radi u demo snimci, a puca u produkciji.

Zato pouzdanost ne dolazi iz modela nego iz strukture oko njega:

• Prije AI koraka: validiran, strukturiran ulaz. Obrazac, ne slobodan tekst.
• AI korak: s rezervnim modelima i ponavljanjima.
• Poslije AI koraka: validacija izlaza, deterministički popravci, sigurnosna sanitizacija.

AI je u sredini. Na rubovima su obični, dosadni, provjerljivi koraci. To je razlika između efektnog demo trika i proizvoda koji radi svaki dan.

Ovo je ujedno i odgovor na pitanje koje često čujem: "Zar se AI-u smije vjerovati u poslu?" Ne smije mu se vjerovati. Smije ga se koristiti u procesu koji ga kontrolira.

Što automatizacija napravi s cijenom

Automatizacija nije zanimljiva zato što je tehnički efektna. Zanimljiva je zato što mijenja ekonomiku.

Kad izrada stranice traje 15-20 sati rada, cijena mora pokriti te sate. Zato prezentacijska stranica u agenciji košta od 1.500 EUR naviše, a webshop od 3.000 EUR. Za obrtnika koji tek kreće, to je ozbiljna odluka.

Kad ljudskog rada u izradi više nema, trošak po stranici padne gotovo na nulu. Ljudski rad ostaje samo u iznimkama: podrška, spajanje domena koje zapnu, rubni slučajevi. Zato platforma može naplaćivati mjesečnu pretplatu od par desetaka eura umjesto projekta od par tisuća. Isti proizvod, drugačija matematika, drugačiji kupac.

Platforma nije zamjena za sve. Firma koja treba specifične integracije, kompleksnu logiku ili poseban dizajn i dalje treba projekt po mjeri. Automatizacija je pojela standardni slučaj, ne struku.

Ta ista matematika vrijedi i za vaše interne procese. Proces koji košta 10 sati mjesečno ručnog rada nakon automatizacije košta sate pregleda. Razlika ostaje vama.

Što se nije dalo automatizirati

Četiri stvari nisam uspio automatizirati.

Kvaliteta briefa. Opis firme od 5 riječi daje generičnu stranicu. Sustav može voditi korisnika kroz pitanja, ali ne može znati ono što mu vlasnik ne kaže.

Stvarne fotografije. AI slike su pristojne i uredne. Ali fotografiju vašeg lokala, tima i proizvoda ne može izmisliti, niti smije. Stranica s pravim fotografijama uvijek pobijedi onu sa savršenim stock slikama.

Glas brenda. Generirani tekst je gramatički čist i strukturno dobar. Ali "kako vi pričate sa svojim kupcima" mora unijeti čovjek. Zato editor postoji i zato korisnici mijenjaju tekst nakon generiranja.

Povjerenje. Recenzije, reference, lica ljudi. To se zarađuje, ne generira.

Zato je zadnji korak uvijek čovjek. Sustav objavi ispravnu stranicu. Dobru stranicu od nje napravi vlasnik: kroz editor, s vlastitim fotografijama i svojim rečenicama.

Što od ovoga možete preslikati na svoju firmu

Vjerojatno ne gradite platformu za web stranice. Ali pogledajte oblik procesa:

1. Strukturiran ulaz kroz obrazac
2. AI korak u sredini
3. Deterministička kontrola na rubovima
4. Automatska isporuka na kraju

Isti oblik radi za ponude, izvještaje klijentima, odgovore na upite, onboarding dokumente i opise proizvoda u webshopu.

Uzmite ponude kao primjer. Upit stigne mailom ili kroz formu (strukturiran ulaz). AI iz upita izvuče što se traži i složi stavke po vašem cjeniku (AI u sredini). Vi pregledate i po potrebi ispravite iznos (kontrola na rubu). Ponuda ode kupcu u par minuta umjesto sutradan (isporuka). Firma koja šalje 10 ponuda tjedno tu vraća 5-8 sati tjedno, a brži odgovor često znači i više dobivenih poslova.

Kandidata za automatizaciju prepoznajete kroz tri pitanja:

• Ponavlja li se proces često? (barem nekoliko puta tjedno)
• Ide li po istom obrascu? (isti koraci, drugačiji podaci)
• Koliko košta greška i hvata li se pregledom prije isporuke?

Ako su prva dva odgovora "da", a greška se hvata pregledom, imate kandidata. Ako niste sigurni koji vaš proces ima taj oblik, AI analiza besplatna je i pokazuje vam gdje početi.

Vrijedi znati i da ovakve projekte može sufinancirati EU vaučer za digitalizaciju: 60-70% troška AI projekta vrijednosti 10.000-30.000 EUR. Brojka dolazi iz najava, dok službene Upute za prijavitelje ne izađu.

Sažetak

Izrada web stranice dala se automatizirati od obrasca do objavljene stranice, u 30 do 60 sekundi. Ali ne zato što je AI "dovoljno dobar", nego zato što oko njega stoji pipeline od 14 koraka: validacija ulaza, rezervni modeli, deterministički popravci i sigurnosna sanitizacija na izlazu. Ono što se nije dalo automatizirati su brief, stvarne fotografije i glas brenda, pa zadnji korak uvijek ostaje čovjek. Isti oblik procesa, AI u sredini i kontrola na rubovima, možete preslikati na ponude, izvještaje i onboarding u vlastitoj firmi.

O autoru

Jurica Stublić

Osnivač webica.hr, ai.webica.hr i rent.webica.hr

4+ godina developmenta i AI automatizacije. Gradim AI rješenja, automatizacije procesa i pomažem MSP-ima iskoristiti EU vaučere za digitalizaciju - od prijave kroz sustav eKohezija do isporuke rješenja i edukacije tima.

Javi seViše o meni