![](https://www.codeloop.ba/_next/image?url=%2Fimages%2Fcodeloop-logo.png&w=3840&q=75)

Vodič · Izrada web stranice

# Izrada Web Stranice Korak po Korak Vodic — CodeLoop

Kad kucate „izrada web stranice korak po korak vodič“, obično ne trebate još jednu listu boja i pluginova. Trebate redoslijed: šta zamrznuti prije dizajna, šta Google stvarno vidi, i kad je sajt spreman za objavu a ne samo za screenshot. CodeLoop Studio iz Sarajeva radi sajtove kao proizvod s poslom — upit, rezervacija, katalog — ne kao temu s zamijenjenim logom. Ovo je naš tok, od briefa do Search Consolea.

[Dogovorite discovery poziv](https://www.codeloop.ba/bs/kontakt)[More than Lashes](https://www.codeloop.ba/study-case/morethanlashes)

![Radni sto s laptopom tokom izrade web stranice](https://www.codeloop.ba/_next/image?url=%2Fimages%2Flandings%2Fizrada-web-stranice-korak-po-korak-vodic.jpg&w=3840&q=75)

Photo by [Pixabay](https://www.pexels.com/@pixabay) on [Pexels](https://www.pexels.com/photo/326503/)

## Zašto redoslijed bitniji od palete

Većina firmi u BiH krene od teme, logoa i „nek bude moderno“. Zato sajt lijepo izgleda na 27 inča, a na telefonu forma prekriva dugme, H1 je prazan, a Google vidi lorem. [Izrada web stranica](https://www.codeloop.ba/bs/izrada-web-stranica) kod nas kreće od posla: poziv, forma koja stigne na mail, rezervacija, ili katalog. Ako trebate prijavu i admin smjene, to je [izrada web aplikacija](https://www.codeloop.ba/usluge/izrada-web-aplikacija), ne ovaj tok. Ako trebate korpu i naplatu, to je [izrada web shopa](https://www.codeloop.ba/bs/izrada-web-shopa).

Redoslijed nije ukras. Kad mockup dođe prije mape, kasnije plaćate da se naslovi skrate, da se forma spusti ispod folda, i da se stari URL-ovi „rješavaju u petak“. Google tada vidi prazninu ili 404, ne novi brend. Zato ovaj vodič drži sedam koraka koje stvarno radimo u CodeLoop Studiju — ne listu pluginova i ne „agile“ bez vlasnika.

Studio je u Sarajevu, na Dobrinji. Kickoff može biti uživo ili online. Odgovor na brief ide u **24 sata**, s pitanjima koja sužavaju obim — ne s moodboardom. [10 stvari prije izrade](https://www.codeloop.ba/usluge/10-stvari-koje-trebate-znati-prije-izrade-web-stranice) je checklist za taj brief. [Cijena web stranice u BiH](https://www.codeloop.ba/usluge/koliko-kosta-izrada-web-stranice-u-bih-kompletan-vodic-za-cijene) objašnjava šta diže broj, bez poster-cifre na ovoj stranici.

## Šta zamrznuti prije palete

Posao prve sedmice

Jedna stvar mora raditi: poziv, inbox, kalendar ili katalog. „Da lijepo izgleda“ nije brief i ne može se procijeniti. Ako ne možete reći tu rečenicu, nismo još na paleti.

Ko dolazi i kojjim jezikom

Telefon prvo — većina upita u BiH kreće s malog ekrana. Bosanski, engleski, ili oboje s poštenim URL-ovima i hreflangom kad je par stvaran. Pet zastavica u footeru nije jezik.

Domen i stari URL-ovi

Ako mijenjate sajt, lista starih adresa ide u brief. Redirecti nisu „kasnije“ — objava bez mape preusmjeravanja briše historiju koju ste već platili.

Ko prima upit

Mail, Viber, kalendar ili CRM. Forma bez odredišta je dekor. [10 stvari prije izrade](https://www.codeloop.ba/usluge/10-stvari-koje-trebate-znati-prije-izrade-web-stranice) to zatvara na discoveryju.

Pravi proizvod

Sajt, shop ili app. Pogrešan stack plaćate dvaput. Imamo i vodič [kada ne raditi WordPress](https://www.codeloop.ba/usluge/kada-ne-kreirati-wordpress-web-stranicu-kompletan-vodic-za-bih).

Ko drži ključeve

Hosting, domen i Search Console ostaju vaši. Predaja nije pretplata na tuđi nalog.

## Sedam koraka kako CodeLoop stvarno radi sajt

1. 01  
### Brief i cilj  
Kratak dokument, ne 40 slajdova. Šta sajt radi, ko uređuje, imate li stari sajt. Ako obim nije sajt, skrećemo prije ugovora.
2. 02  
### Mapa stranica s namjerom pretrage  
Naslov, H1, interne veze i schema ulaze ovdje. [SEO za web stranice u BiH](https://www.codeloop.ba/usluge/seo-optimizacija-za-web-stranice-u-bih-kompletan-vodic) nije plugin u petak.
3. 03  
### Tekstovi prije mockupa  
Pišemo ili uređujemo bosanski (i engleski kad je dvojezično stvarno). Lorem ipsum zaključa loš raspored na telefonu.
4. 04  
### Dizajn na stvarnom sadržaju  
Okviri dolaze kad znamo dužinu naslova i forme. [Web dizajn u Sarajevu](https://www.codeloop.ba/bs/web-dizajn-sarajevo) je isti tim koji gradi, ne odvojeni moodboard.
5. 05  
### Izrada  
Next.js kad trebaju brzina i kontrola metadata; CMS kad vaš tim mora mijenjati tekst bez tiketa. Forme imaju odredište.
6. 06  
### QA na pravom telefonu  
Brzina, CTA, tel/WhatsApp, cookie banner ako treba. Većina upita dolazi s malog ekrana.
7. 07  
### Objava, redirecti, Search Console  
Sitemap, Open Graph, indeksiranje — ne obećanje prvog mjesta. Poslije možemo ostati na izmjenama i novim landing stranicama.

![](https://www.codeloop.ba/_next/image?url=%2Fimages%2Fcodeloop-logo.png&w=3840&q=75)

Studija slučaja

More than Lashes

Put do rezervacije, ne galerija. Isti redoslijed koristili smo i za [SD Nail Studio](https://www.codeloop.ba/study-case/sdnailstudio): salon koji zakazuje, ne folder slika.

[Otvori case →](https://www.codeloop.ba/study-case/morethanlashes)

## Koliko traje, i šta nije ovaj kalendar

Fokusirani sajt firme u studiju obično ide **sedmicama, ne kvartalima**, kad je obim iskren. Portal s prijavom i shop imaju drugi kalendar. Custom mobilni i softverski proizvodi ostaju u rasponu **3–9 mjeseci** — to nije izrada web stranice i ne smije se tako prodavati. [Cijena web stranice u BiH](https://www.codeloop.ba/usluge/koliko-kosta-izrada-web-stranice-u-bih-kompletan-vodic-za-cijene) objašnjava šta diže broj, bez poster-cifre. [Održavanje](https://www.codeloop.ba/usluge/koliko-kosta-odrzavanje-web-stranica-i-aplikacija-u-bih-kompletan-vodic-za-cijene-i-pakete) je zaseban dogovor poslije objave, ne iznenađenje u trećoj sedmici.

DigitalPlay je shop s naplatom; LipoDIETA ima javni web pored mobilnog proizvoda. Ista disciplina metadata, drugi posao. Ako trebate lokalni sajt samo za Sarajevo — kvart, Google Business, kickoff na Dobrinji — to je [izrada stranica Sarajevo](https://www.codeloop.ba/bs/izrada-stranica-sarajevo). Mostar, Tuzla i Banja Luka imaju svoje spoke stranice jer sezona, industrija i administracija nisu isti brief. Ne kloniramo isti članak i ne mijenjamo samo ime grada.

Pošaljite jednu rečenicu cilja i kako danas primate upite. [Kontakt](https://www.codeloop.ba/bs/kontakt) ili [online procjena](https://www.codeloop.ba/online-estimate) — vi birate kanal. Ne obećavamo prvo mjesto na Googleu. Obećavamo tok koji možete pratiti: mapa, sadržaj, izrada, QA, Search Console. Vi držite domen, hosting i CMS.

## Prije nego pošaljete brief

* Jedna rečenica cilja  
„Želim da gost rezerviše termin s telefona“ je brief. „Neka bude wow“ nije.
* Primjer kako danas primate upite  
Instagram DM, poziv, forma koja ne radi — sve je ulaz. Nije potreban tehnički dokument.
* Kanal koji vam odgovara  
[Kontakt forma](https://www.codeloop.ba/bs/kontakt) ili [online procjena](https://www.codeloop.ba/online-estimate). Vi birate. Kickoff na Dobrinji ili online.

## Česta pitanja

Brief i cilj, mapa stranica s namjerom pretrage, tekstovi, dizajn na stvarnom sadržaju, izrada, QA na telefonu, objava s redirectima i Search Consoleom. Nema mockupa prije mape, i nema „SEO kasnije“.

Fokusirani sajt firme obično ide sedmicama, ne kvartalima, kad je obim iskren. Portal s prijavom ili shop su drugi kalendar. Custom mobilni i softverski proizvodi u studiju traju 3–9 mjeseci. Rok damo nakon briefa, u pismu, obično u 24 sata.

Ne sve, ali trebamo cilj, usluge, i primjer kako danas primate upite. Tekstove možemo pisati ili urediti u koraku mape. Fotografije lokala pomažu; stock kao jedini vizual rijetko nosi lokalni upit.

Indeksiranje nije rangiranje. Predajemo brz, crawlable sajt, sitemap i Search Console. Koliko brzo Google pokaže stranice zavisi od historije domena i konkurencije. Ne obećavamo prvo mjesto.

Nakon što znamo ko uređuje sajt i šta stranice moraju raditi. Next.js kad trebaju performanse, custom dizajn i SEO kontrola. CMS kad tim objavljuje često bez inženjera. Nije religija na prvom mailu.

Ne nužno. Auditujemo šta zadržati (domen, sadržaj, backlinkovi) i šta rebuildati. Ako je jeftinije i čistije novi sajt, kažemo to prije ugovora, s planom redirecta da stari URL-ovi ne umru.

Povezano

* [![Tim radi na izradi web stranice na laptopima](https://www.codeloop.ba/_next/image?url=%2Fimages%2Flandings%2Fizrada-web-stranica.jpg&w=3840&q=75)Izrada web stranicaTrebate novu web stranicu koja se nalazi na Googleu, brzo se učitava i donosi upite — ne samo da lijepo izgleda na laptopu. CodeLoop Studio sjedi u Sarajevu. Radimo izradu web stranica za firme širom Bosne i Hercegovine i za klijente koji rade s nama na daljinu. Hosting, domen i Search Console ostaju vaši. Procjena nakon briefa ide u 24 sata.](https://www.codeloop.ba/bs/izrada-web-stranica)
* [![Tim na sastanku planira sadržaj i strukturu nove web stranice](https://www.codeloop.ba/_next/image?url=%2Fimages%2Flandings%2F10-stvari-koje-trebate-znati-prije-izrade-web-stranice.jpg&w=3840&q=75)10 stvari prije izradePrije izrade web stranice većina firmi u BiH kupi paletu i temu, pa se čudi zašto nema upita. CodeLoop Studio iz Sarajeva prvo zaključava deset stvari: šta sajt mora uraditi, koji je to proizvod, ko drži domen, odakle tekst, kako Google vidi stranice, kako izgleda na telefonu, kuda ide forma, šta sa starim URL-ovima, koji je iskren rok, i ko održava sadržaj poslije objave. Ovo nije lista pluginova. To je checklist koju prođemo na briefu — obično s odgovorom u 24 sata.](https://www.codeloop.ba/usluge/10-stvari-koje-trebate-znati-prije-izrade-web-stranice)
* [![Prilagođeni kod na laptopu umjesto WordPress predloška](https://www.codeloop.ba/_next/image?url=%2Fimages%2Flandings%2Fkada-ne-kreirati-wordpress-web-stranicu.jpg&w=3840&q=75)Kada ne raditi WordPressU BiH se WordPress često naruči jer ga „svi rade“, ne jer odgovara poslu. CodeLoop Studio iz Sarajeva ne isporučuje temu s zamijenjenim logom i pet pluginova koji se raspadnu na prvom ažuriranju. Ovaj vodič je kada WordPress nije pravi proizvod — i šta radimo umjesto toga. Nije sveti rat protiv CMS-a: ako vaš tim mora svaki dan objavljivati bez inženjera, CMS ima smisla. Ako vam treba rezervacija, shop, prijava ili sajt koji Google stvarno čita, tema s ThemeForest nije rješenje.](https://www.codeloop.ba/usluge/kada-ne-kreirati-wordpress-web-stranicu-kompletan-vodic-za-bih)
* [![Skice wireframea za izradu web stranice](https://www.codeloop.ba/_next/image?url=%2Fimages%2Flandings%2Fkoliko-kosta-izrada-web-stranice-u-bih.jpg&w=3840&q=75)Cijena web stranice u BiHKad kucate „koliko košta izrada web stranice u BiH“, trebate okvir koji možete ponijeti na sastanak — ne poster „sajt od…“ koji padne čim dodate drugi jezik ili formu. CodeLoop Studio iz Sarajeva ne objavljuje takvu cifru. Ovo je kompletan vodič za cijene: šta plaćate kad je posao javni sajt (upit, rezervacija, katalog), šta je već shop ili web aplikacija, i kako dobijete pisan raspon, obično u 24 sata nakon briefa.](https://www.codeloop.ba/usluge/koliko-kosta-izrada-web-stranice-u-bih-kompletan-vodic-za-cijene)
* [![Izrada stranica u Sarajevu](https://www.codeloop.ba/_next/image?url=%2Fimages%2Fsdnailstudio-our-work.png&w=3840&q=75)Izrada stranica SarajevoIzrada stranica u Sarajevu treba lokalni kontekst: jezik, Google pretrage na bosanskom, telefon kao primarni kanal, i firmu koju možete nazvati. Sjedište nam je na Dobrinji, Bulevar Branioca Dobrinje 15\. Radimo sajtove za usluge, produkte i timove koji žele izgledati ozbiljno online. Kickoff možete odraditi kod nas ili online — izbor je vaš, nije uslov da svratite da biste naručili stranicu.](https://www.codeloop.ba/bs/izrada-stranica-sarajevo)
* [![Analitika i grafikoni za SEO optimizaciju web stranice](https://www.codeloop.ba/_next/image?url=%2Fimages%2Flandings%2Fseo-optimizacija-za-web-stranice-u-bih-kompletan-vodic.jpg&w=3840&q=75)SEO za web stranice u BiHSEO optimizacija za web stranice u BiH nije paket „prvo mjesto do petka“. To je sajt koji Google može pročitati, stranice koje odgovaraju kako ljudi kucaju na bosanskom, i lokalni podaci koji se slažu s Google poslovnim profilom. CodeLoop Studio iz Sarajeva ugrađuje taj sloj u izradu web stranica — naslove, strukturu, brzinu, mapu sajta — ne kao plugin u zadnjoj sedmici. Ovo je kompletan vodič: šta radimo u kodu, šta ostaje vaš posao nakon objave, i šta ne obećavamo.](https://www.codeloop.ba/usluge/seo-optimizacija-za-web-stranice-u-bih-kompletan-vodic)
* [![Dizajn tim pregleda sučelje na laptopu](https://www.codeloop.ba/_next/image?url=%2Fimages%2Flandings%2Fweb-dizajn-trendovi-za-2026.jpg&w=3840&q=75)Web dizajn trendovi za 2026Liste „web dizajn trendovi za 2026“ često obećaju staklo, gradijent i novi font. U CodeLoop Studiju u Sarajevu trend koji oblikuje digitalni svijet za klijente je dosadniji i korisniji: sajt koji se učita na telefonu, koji se može naći, i koji ima sljedeći korak. Ova stranica je vodič kroz to što stvarno radimo — ne reciklirani moodboard.](https://www.codeloop.ba/usluge/web-dizajn-trendovi-za-2026-najnoviji-trendovi-koji-oblikuju-digitalni-svijet)
* [![More Than Lashes booking preview](https://www.codeloop.ba/_next/image?url=%2Fimages%2Fmorethanlashes-our-work.png&w=3840&q=75)More than LashesOnline appointment booking for a beauty salon — clients schedule services, teams manage availability, and visits stay organized.](https://www.codeloop.ba/study-case/morethanlashes)
* [![SD Nail Studio booking preview](https://www.codeloop.ba/_next/image?url=%2Fimages%2Fsdnailstudio-our-work.png&w=3840&q=75)SD Nail StudioBooking site for a nail studio — service selection, appointment slots, and a clean client-facing schedule experience.](https://www.codeloop.ba/study-case/sdnailstudio)
* [![](https://www.codeloop.ba/_next/image?url=%2Fimages%2Flandings%2Fizrada-web-stranica.jpg&w=3840&q=75)Izrada web stranicaTrebate novu web stranicu koja se nalazi na Googleu, brzo se učitava i donosi upite — ne samo da lijepo izgleda na laptopu. CodeLoop Studio sjedi u Sarajevu. Radimo izradu web stranica za firme širom Bosne i Hercegovine i za klijente koji rade s nama na daljinu. Hosting, domen i Search Console ostaju vaši. Procjena nakon briefa ide u 24 sata.](https://www.codeloop.ba/bs/izrada-web-stranica)
* [![](https://www.codeloop.ba/_next/image?url=%2Fimages%2Flandings%2F10-stvari-koje-trebate-znati-prije-izrade-web-stranice.jpg&w=3840&q=75)10 stvari prije izradePrije izrade web stranice većina firmi u BiH kupi paletu i temu, pa se čudi zašto nema upita. CodeLoop Studio iz Sarajeva prvo zaključava deset stvari: šta sajt mora uraditi, koji je to proizvod, ko drži domen, odakle tekst, kako Google vidi stranice, kako izgleda na telefonu, kuda ide forma, šta sa starim URL-ovima, koji je iskren rok, i ko održava sadržaj poslije objave. Ovo nije lista pluginova. To je checklist koju prođemo na briefu — obično s odgovorom u 24 sata.](https://www.codeloop.ba/usluge/10-stvari-koje-trebate-znati-prije-izrade-web-stranice)
* [![](https://www.codeloop.ba/_next/image?url=%2Fimages%2Flandings%2Fkada-ne-kreirati-wordpress-web-stranicu.jpg&w=3840&q=75)Kada ne raditi WordPressU BiH se WordPress često naruči jer ga „svi rade“, ne jer odgovara poslu. CodeLoop Studio iz Sarajeva ne isporučuje temu s zamijenjenim logom i pet pluginova koji se raspadnu na prvom ažuriranju. Ovaj vodič je kada WordPress nije pravi proizvod — i šta radimo umjesto toga. Nije sveti rat protiv CMS-a: ako vaš tim mora svaki dan objavljivati bez inženjera, CMS ima smisla. Ako vam treba rezervacija, shop, prijava ili sajt koji Google stvarno čita, tema s ThemeForest nije rješenje.](https://www.codeloop.ba/usluge/kada-ne-kreirati-wordpress-web-stranicu-kompletan-vodic-za-bih)
* [![](https://www.codeloop.ba/_next/image?url=%2Fimages%2Flandings%2Fkoliko-kosta-izrada-web-stranice-u-bih.jpg&w=3840&q=75)Cijena web stranice u BiHKad kucate „koliko košta izrada web stranice u BiH“, trebate okvir koji možete ponijeti na sastanak — ne poster „sajt od…“ koji padne čim dodate drugi jezik ili formu. CodeLoop Studio iz Sarajeva ne objavljuje takvu cifru. Ovo je kompletan vodič za cijene: šta plaćate kad je posao javni sajt (upit, rezervacija, katalog), šta je već shop ili web aplikacija, i kako dobijete pisan raspon, obično u 24 sata nakon briefa.](https://www.codeloop.ba/usluge/koliko-kosta-izrada-web-stranice-u-bih-kompletan-vodic-za-cijene)
* [![](https://www.codeloop.ba/_next/image?url=%2Fimages%2Fsdnailstudio-our-work.png&w=3840&q=75)Izrada stranica SarajevoIzrada stranica u Sarajevu treba lokalni kontekst: jezik, Google pretrage na bosanskom, telefon kao primarni kanal, i firmu koju možete nazvati. Sjedište nam je na Dobrinji, Bulevar Branioca Dobrinje 15\. Radimo sajtove za usluge, produkte i timove koji žele izgledati ozbiljno online. Kickoff možete odraditi kod nas ili online — izbor je vaš, nije uslov da svratite da biste naručili stranicu.](https://www.codeloop.ba/bs/izrada-stranica-sarajevo)
* [![](https://www.codeloop.ba/_next/image?url=%2Fimages%2Flandings%2Fseo-optimizacija-za-web-stranice-u-bih-kompletan-vodic.jpg&w=3840&q=75)SEO za web stranice u BiHSEO optimizacija za web stranice u BiH nije paket „prvo mjesto do petka“. To je sajt koji Google može pročitati, stranice koje odgovaraju kako ljudi kucaju na bosanskom, i lokalni podaci koji se slažu s Google poslovnim profilom. CodeLoop Studio iz Sarajeva ugrađuje taj sloj u izradu web stranica — naslove, strukturu, brzinu, mapu sajta — ne kao plugin u zadnjoj sedmici. Ovo je kompletan vodič: šta radimo u kodu, šta ostaje vaš posao nakon objave, i šta ne obećavamo.](https://www.codeloop.ba/usluge/seo-optimizacija-za-web-stranice-u-bih-kompletan-vodic)
* [![](https://www.codeloop.ba/_next/image?url=%2Fimages%2Flandings%2Fweb-dizajn-trendovi-za-2026.jpg&w=3840&q=75)Web dizajn trendovi za 2026Liste „web dizajn trendovi za 2026“ često obećaju staklo, gradijent i novi font. U CodeLoop Studiju u Sarajevu trend koji oblikuje digitalni svijet za klijente je dosadniji i korisniji: sajt koji se učita na telefonu, koji se može naći, i koji ima sljedeći korak. Ova stranica je vodič kroz to što stvarno radimo — ne reciklirani moodboard.](https://www.codeloop.ba/usluge/web-dizajn-trendovi-za-2026-najnoviji-trendovi-koji-oblikuju-digitalni-svijet)
* [![](https://www.codeloop.ba/_next/image?url=%2Fimages%2Fmorethanlashes-our-work.png&w=3840&q=75)More than LashesOnline appointment booking for a beauty salon — clients schedule services, teams manage availability, and visits stay organized.](https://www.codeloop.ba/study-case/morethanlashes)
* [![](https://www.codeloop.ba/_next/image?url=%2Fimages%2Fsdnailstudio-our-work.png&w=3840&q=75)SD Nail StudioBooking site for a nail studio — service selection, appointment slots, and a clean client-facing schedule experience.](https://www.codeloop.ba/study-case/sdnailstudio)

[Dogovorite discovery poziv](https://www.codeloop.ba/bs/kontakt)