Proces izrade sajta: 6 faza, korak po korak

Od šest faza izrade sajta, kod se piše tek u petoj. Proces izrade sajta počinje mnogo ranije, zapisom šta sajt treba da uradi, jer bez tog zapisa izmene traju mesecima, a sajt ne donosi upite.

Put je opisan iz ugla naručioca: šta se radi u kojoj fazi, šta se traži od vas i po čemu prepoznajete da je faza završena kako treba.

Zašto je redosled u procesu izrade sajta važan.

Svaka odluka se donosi u fazi u kojoj ju je najjeftinije promeniti. Pomeriti stranicu na spisku strana je minut posla, a u nacrtu nekoliko klikova, dok u gotovom sajtu to znači prepravku menija, linkova i adresa strana. Zato proces ide od opšteg ka konkretnom.

Šest faza · kod tek u petoj

Šta radi izvođač, a šta treba od vas, faza po faza.

1. 01 Faza 1Upitnik i brief IzvođačPitanja o vašem poslu, brief, pisana ponuda Od vasOdgovori na pitanja
2. 02 Faza 2Ugovor po fazama IzvođačRokovi, broj krugova izmena, plaćanje po fazama Od vasPotpis i prva uplata
3. 03 Faza 3Mapa sajta i SEO plan IzvođačKoje strane postoje i koju pretragu gađa koja Od vasPotvrda da spisak pokriva vaš posao
4. 04 Faza 4Brend i dizajn IzvođačLogo i boje, pa nacrt: prvo telefon, pa računar Od vasPrimedbe, pa „da“ na nacrt
5. 05 Faza 5Izrada i sadržaj IzvođačSajt po nacrtu, SEO iz plana, hosting i mejl Od vasTekstovi i fotografije u dogovorenom roku
6. 06 Faza 6Provera i predaja IzvođačTest na uređajima, postavljanje, obuka, lozinke Od vasPregled i poslednja uplata

Faza 1: Upitnik i brief: šta sajt treba da uradi.

Izrada počinje pitanjima o poslu: ko su vam kupci, šta pitaju pre kupovine, šta treba da urade na sajtu (da pozovu, pošalju upit, rezervišu, kupe) i ko piše tekstove.

Iz odgovora nastaje brief (dokument od jedne do dve strane sa ciljem sajta, publikom i merilom uspeha). Po njemu se procenjuje svaka kasnija odluka, na primer da li animacija na naslovnoj vodi ka cilju.

Tako je izgledao cilj sajta Apartmana Vlašić u Vršcu: sve je podređeno jednom dugmetu, na četiri jezika. Za drugi posao brief je drugi: Chaotik Detailing postoji da vozač zakaže pranje sa parkinga, jednim palcem.

Faza je završena kad dobijete pisanu ponudu sa obimom, rokom i cenom i kad u njoj prepoznate svoj posao.

Faza 2: Ugovor po fazama: pravila pre posla.

Prihvaćena ponuda postaje ugovor. U ugovoru piše šta se radi u kojoj fazi i do kad, šta šaljete vi i u kom roku, koliko je krugova izmena uključeno i kada se šta plaća.

Krug izmena je jedan objedinjen spisak primedbi, posle koga se sve ispravi odjednom (u Rečniku: iteracija). Kad broj krugova piše u ugovoru, jasno je kada je posao završen.

Plaćanje je najbolje vezati za posao: deo unapred, deo kad odobrite nacrt, ostatak kad je sajt na internetu i lozinke su kod vas.

Faza 3: Mapa sajta i SEO plan: da li će vas Google naći.

Ova faza odlučuje da li će sajt doneti posetu iz pretrage.

Mapa sajta je spisak svih strana i veza među njima. Do svega važnog stiže se u dva‑tri dodira, a meni prati logiku kupca: kupac traži „cene za veleprodaju“, a „Sektor B2B“ mu ništa ne znači.

SEO plan ide paralelno: za svaku stranu se odlučuje koju pretragu gađa, kakva joj je adresa i šta Google treba da pročita na njoj. Strana koja odgovara na pet pretraga odjednom obično ne odgovori dobro ni na jednu. U primeru iznad, „poliranje automobila“ i „dubinsko čišćenje automobila“ su dve pretrage, pa dobijaju dve strane.

Šta SEO obuhvata na jednoj strani (naslov, meta opis, tekst, fotografije) objašnjeno je u vodiču On‑page i tehnički SEO.

Na kraju ove faze imate spisak strana na jednom papiru i za svaku znate kome je namenjena. Ako umesto toga prvo dobijete dizajn naslovne, tražite mapu sajta pre nastavka.

Faza 4: Brend i dizajn: sve izmene sada, dok su jeftine.

Prvo se radi brend, pa tek onda strane. Logo koji postoji samo kao slika sa telefona sređuje se za ekran i štampu (u Rečniku: vektorski logo), a uz logo se biraju boje i slova.

Zašto baš tim redom, potvrdilo nam se na brendu odeće DLB: logotip je postojao samo kao slika, a štamparija je tražila krive. Prvu verziju crteža smo odbacili i počeli iznova, a da je u tom trenutku već postojao nacrt sajta, menjao bi se i on. Ovako je promena ostala na jednom fajlu.

Zatim sledi nacrt: slika budućeg sajta u programu za dizajn (najčešće Figma), pre ijedne linije koda. Grub nacrt sa sivim pravougaonicima zove se wireframe. Mi nacrt pokazujemo u vašim bojama, sa vašim logom i pravim naslovima, jer samo takav možete da ocenite.

Nacrt se crta prvo za telefon, jer Google stranu procenjuje prvenstveno po mobilnoj verziji. To se zove mobile‑first indexing (izvor je na dnu teksta). Sajt koji se sam prilagođava ekranu zove se responsive.

Pre nego što odobrite nacrt, pogledajte ga i na svom telefonu i proverite da znate šta radi svako dugme.

Faza 5: Izrada, sadržaj i SEO: tek sada kod.

Po odobrenom nacrtu gradi se sajt. Za sajtove koje vlasnik menja sam najčešće se koristi WordPress, CMS u kome menjate tekstove i slike bez programiranja. Prodavnice se najčešće prave u WooCommerce‑u, a sajtovi koji se retko menjaju mogu i u lakšoj, bržoj tehnologiji. Kako se bira, piše u vodiču WordPress ili custom sajt.

U istoj fazi se ugrađuje ono što posetilac ne vidi: SEO iz plana, lake fotografije, zaštita, rezervne kopije, hosting (server na kome je sajt) i mejl na vašem domenu (adresi sajta, npr. imefirme.rs). Brzina se planira od početka; više u vodiču Kako ubrzati web sajt.

Projekti u ovoj fazi najčešće kasne zbog materijala, odnosno tekstova i fotografija koje šalje naručilac, pa ugovor određuje rok i za njih. Ako materijal kasni, projekat obično ide u mirovanje, a rok predaje se pomera za isto toliko.

Kod prodavnice posle izrade sledi katalog. Artikal sa samo nazivom i cenom Google teško prepoznaje, pa svaki artikal dobija fotografiju, opis, tabelu podataka i podatke koje Google čita u kodu strane. Kako ista strana proizvoda izgleda pre tog rada i posle njega, možete sami da uporedite klizačem u vodiču Koliko košta SEO.

Šta tačno treba da ima strana jednog proizvoda, piše u Rečniku, pod SEO elementima artikla.

Faza 6: Provera, postavljanje i predaja.

Pre objavljivanja sajt se proverava na telefonu, tabletu i računaru, u više pregledača: forme, dugmad, linkovi i brzina. Dobro je da ga pregleda i neko ko ga nije pravio.

Postavljanje znači: sajt na vašem domenu, preko bezbedne veze (katanac u adresi), prijavljen u Google Search Console, besplatan alat koji pokazuje kako Google vidi sajt. Predaja znači obuku, ako sajt menjate sami, i sve lozinke kod vas.

Brzinu možete da izmerite sami, besplatnim Google‑ovim alatom PageSpeed Insights (pagespeed.web.dev), koji daje ocenu od 0 do 100, posebno za telefon i računar. Ovo su merenja tri predata sajta:

Šta ocena meri, objašnjeno je u Rečniku pod Core Web Vitals.

Posle predaje: sajt nije gotov kad se lansira.

Prvi pravi podaci stižu posle nekoliko nedelja: šta je ušlo u pretragu, koje strane ljudi otvaraju i odakle dolaze upiti. Nekoliko meseci posle postavljanja pravi se kratak pregled iz Google Analytics‑a i Search Console‑a, pa se odlučuje šta dalje.

Sajt zatim vodite sami ili uz mesečno održavanje (ažuriranja, rezervne kopije, sitne izmene). Neko mora da bude zadužen za to, jer sajt bez ažuriranja posle godinu dana postaje spor i ranjiv.

Koliko sve traje.

Tačan rok dobija se posle upitnika, po fazama, kad se zna šta se pravi, a najviše ga određuju, po redu uticaja:

1. Tip sajta. Landing strana ima jedan zadatak i najmanje odluka. Poslovni sajt ima više strana i više teksta. Više jezika ili nov logo dodaju posao za svaku stavku. Prodavnica traje najduže, jer posle izrade sledi katalog.
2. Materijal. Tekstovi i fotografije pomeraju rok više od bilo čega što radi izvođač.
3. Brzina vaših odgovora. Nacrt koji čeka odobrenje dve nedelje pomera sajt za dve nedelje.

Kome sajt treba za dva‑tri dana, brža je gotova tema, a kome poseta iz pretrage nije cilj, dobar prvi korak je Google Business profil.

Pitanja pre potpisa.

1. Da li pre dizajna dobijam pisani brief i mapu sajta? Po njima se kasnije procenjuje svaka odluka.
2. Koliko krugova izmena je uključeno i šta je jedan krug? Odgovor treba da piše u ugovoru.
3. Da li nacrt vidim na telefonu, sa mojim logom i pravim naslovima?
4. Koja pretraga je cilj za koju stranu? Kad se SEO radi od početka, ovaj odgovor postoji pre dizajna.
5. Na koga glase domen i hosting? Treba da glase na vas.
6. Kako se plaća, po fazama ili unapred?
7. Šta dobijam na predaji? Lozinke, obuku, pregled brzine sa datumom.
8. Ko održava sajt posle predaje i koliko to košta? To je dobro znati pre potpisa.

Izvori: Google Search Central, Mobile-first indexing best practices, pregledano 3.10.2026.; PageSpeed Insights (pagespeed.web.dev), ocena performansi od 0 do 100, uz svako merenje stoji datum.