Page title: Cijena izrade web stranica | Savjeti za izradu web stranica | Medialive

> Koliko košta izrada web stranice i koje stavke utječu na cijenu: opseg, dizajn, sadržaj, funkcionalnosti i održavanje.

Source: https://www.medialive.hr/blog/savjeti-za-izradu-web-stranica/cijena-izrade-web-stranica

Savjeti za izradu web stranica 22.11.2021. Vjeko

# Cijena izrade web stranica

Ažurirano: 26.05.2026.

Koliko košta izrada web stranice i koje stavke utječu na cijenu: opseg, dizajn, sadržaj, funkcionalnosti i održavanje.

![Cijena izrade web stranica](https://www.medialive.hr/images/blog/medialive_blog_cijena-izrade-web-stranice.webp)
Cijena izrade web stranice ovisi o opsegu projekta, količini sadržaja, dizajnu, funkcionalnostima i razini pripreme. Zato ozbiljnu ponudu nije moguće pošteno svesti na jednu univerzalnu cijenu.

## Što najviše utječe na cijenu

Jednostavna prezentacijska stranica s nekoliko podstranica nije isto što i veća poslovna stranica s blogom, portfolijem, više jezika, naprednim obrascima i posebnim dizajnom. Što je više sadržaja, funkcija i prilagodbi, to je potrebno više planiranja i izvedbe.

Na cijenu utječe i kvaliteta pripreme. Ako klijent ima spremne tekstove, fotografije i jasnu strukturu, projekt ide brže. Ako se tek kroz izradu otkriva što treba pisati i kako posložiti ponudu, dio posla prelazi u savjetovanje, copywriting i organizaciju sadržaja.

## Dizajn nije samo izgled

Dobar dizajn mora podržati sadržaj i poslovni cilj. To znači da treba razmišljati o hijerarhiji informacija, čitljivosti, mobilnom prikazu, pozivima na akciju i povjerenju. Gotov predložak može smanjiti početni trošak, ali ne rješava uvijek specifične potrebe tvrtke.

Kod ozbiljnijih poslovnih webova često je važnije imati jasnu strukturu nego najspektakularniju animaciju. Posjetitelj želi brzo shvatiti ponudu i odlučiti hoće li se javiti.

## Treba računati i na ono poslije objave

Web stranica nakon objave treba održavanje, sigurnosne kopije, povremene nadogradnje i sadržajne izmjene. Ako se to ne planira unaprijed, nakon nekoliko mjeseci mogu se pojaviti tehnički problemi ili zastarjeli sadržaj.

Zato kod procjene cijene ne treba gledati samo izradu. Važno je znati tko će brinuti o stranici, gdje će biti smještena i koliko će se često mijenjati.

## Kako dobiti realnu ponudu

Najbolje je pripremiti osnovne informacije: čime se tvrtka bavi, koliko podstranica treba, postoji li stari web, treba li blog, portfolio, više jezika ili posebne funkcije. Što je početni opis jasniji, to je i ponuda preciznija.

## Za precizniju ponudu pripremite

- Popis potrebnih podstranica.
- Informaciju o jezicima i posebnih funkcijama.
- Postojeće tekstove, slike i primjere webova koji vam se sviđaju.

Za pregled što sve može ulaziti u profesionalnu izradu, pogledajte stranicu [izrada web stranica](https://www.medialive.hr/usluge/izrada-web-stranica). Ovaj članak pomaže razumjeti stavke koje utječu na cijenu, ali konkretan iznos uvijek ovisi o stvarnom opsegu projekta.

Teme: [konverzije](https://www.medialive.hr/teme/konverzije) [korisničko iskustvo](https://www.medialive.hr/teme/korisnicko-iskustvo)
Slične teme

## Povezani članci

[![Zašto vaš web shop ima posjetitelje, ali nema dovoljno narudžbi?](https://www.medialive.hr/images/medialive_blog-imate-web-shop-ali-nemate-posjetitelja-i-prodaje.jpg)](https://www.medialive.hr/blog/savjeti-za-izradu-web-shopova/zasto-vas-web-shop-ima-posjetitelje-ali-nema-dovoljno-narudzbi)
Savjeti za izradu web shopova 04.05.2026.

### [Zašto vaš web shop ima posjetitelje, ali nema dovoljno narudžbi?](https://www.medialive.hr/blog/savjeti-za-izradu-web-shopova/zasto-vas-web-shop-ima-posjetitelje-ali-nema-dovoljno-narudzbi)

Ako web shop ima posjetitelje, ali nema dovoljno narudžbi, problem nije uvijek u prometu. Često se radi o povjerenju, jasnoći ponude,...

[Pročitaj više →](https://www.medialive.hr/blog/savjeti-za-izradu-web-shopova/zasto-vas-web-shop-ima-posjetitelje-ali-nema-dovoljno-narudzbi)

[![Kako do kvalitetne web stranice koja zaista radi za vas](https://www.medialive.hr/images/medialive_blog_kako-do-kvalitetne_web_stranice.jpg)](https://www.medialive.hr/blog/savjeti-za-izradu-web-stranica/kako-do-kvalitetne-web-stranice-koja-zaista-radi-za-vas)
Savjeti za izradu web stranica 15.11.2025.

### [Kako do kvalitetne web stranice koja zaista radi za vas](https://www.medialive.hr/blog/savjeti-za-izradu-web-stranica/kako-do-kvalitetne-web-stranice-koja-zaista-radi-za-vas)

Kvalitetna web stranica nije samo lijep dizajn niti skup nekoliko informacija o tvrtki. Ona mora jasno predstaviti ponudu, stvoriti...

[Pročitaj više →](https://www.medialive.hr/blog/savjeti-za-izradu-web-stranica/kako-do-kvalitetne-web-stranice-koja-zaista-radi-za-vas)

[![Što sve treba imati profesionalna poslovna web stranica? - Vodič za poduzetnike](https://www.medialive.hr/images/medialive_blog_sto-sve-treba-imati_web_stranica.jpg)](https://www.medialive.hr/blog/savjeti-za-izradu-web-stranica/sto-sve-treba-imati-profesionalna-poslovna-web-stranica-vodic-za-poduzetnike)
Savjeti za izradu web stranica 23.05.2025.

### [Što sve treba imati profesionalna poslovna web stranica? - Vodič za poduzetnike](https://www.medialive.hr/blog/savjeti-za-izradu-web-stranica/sto-sve-treba-imati-profesionalna-poslovna-web-stranica-vodic-za-poduzetnike)

Profesionalna poslovna web stranica treba više od lijepog dizajna. Ona mora jasno objasniti što nudite, za koga radite, zašto vam se...

[Pročitaj više →](https://www.medialive.hr/blog/savjeti-za-izradu-web-stranica/sto-sve-treba-imati-profesionalna-poslovna-web-stranica-vodic-za-poduzetnike)

Želite bolji web?

## Razgovarajmo o vašem projektu.

Javite nam što želite postići, a mi ćemo predložiti realno i održivo web rješenje.

---

Ova Markdown verzija namijenjena je AI agentima i alatima za čitanje sadržaja.
<style id="ml-newsletter-popup-css">
.mlnp{position:fixed;z-index:99990;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18171c}.mlnp *{box-sizing:border-box}.mlnp[hidden]{display:none!important}.mlnp__box{background:#fff;border:1px solid rgba(24,23,28,.10);box-shadow:0 24px 80px rgba(24,23,28,.18);border-radius:24px;overflow:hidden}.mlnp__inner{padding:26px}.mlnp__eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5A41BF;margin-bottom:10px}.mlnp__title{font-size:24px;line-height:1.15;margin:0 0 10px;font-weight:850}.mlnp__text{font-size:15px;line-height:1.55;color:#5e5d64;margin:0 0 18px}.mlnp form{display:grid;gap:10px}.mlnp label{font-size:13px;font-weight:750}.mlnp input{width:100%;border:1px solid #d9d9db;border-radius:12px;padding:12px 13px;font-size:15px;background:#fff}.mlnp button{border:0;border-radius:12px;padding:12px 16px;font-weight:850;cursor:pointer}.mlnp__submit{background:#5A41BF;color:#fff}.mlnp__close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:999px;background:rgba(24,23,28,.06);color:#18171c;font-size:20px;line-height:1}.mlnp__note{font-size:12px;color:#74727a;line-height:1.45;margin:10px 0 0}.mlnp__success{display:none;padding:18px;border-radius:16px;background:#f1f7f2;border:1px solid #cfe8d2;color:#244629;font-weight:700}.mlnp.is-success form,.mlnp.is-success .mlnp__text,.mlnp.is-success .mlnp__note{display:none}.mlnp.is-success .mlnp__success{display:block}.mlnp--popup{inset:0;display:grid;place-items:center;background:rgba(24,23,28,.28);backdrop-filter:blur(5px);padding:20px}.mlnp--popup .mlnp__box{width:min(520px,100%)}.mlnp--slide{right:22px;bottom:22px;width:min(420px,calc(100vw - 44px))}.mlnp--corner_left,.mlnp--corner_left_minimal{left:22px;bottom:22px;width:min(390px,calc(100vw - 44px))}.mlnp--corner_left .mlnp__box,.mlnp--corner_left_minimal .mlnp__box{border-radius:20px;box-shadow:0 18px 54px rgba(24,23,28,.16)}.mlnp--corner_left .mlnp__inner{padding:22px}.mlnp--corner_left .mlnp__title{font-size:21px}.mlnp--corner_left .mlnp__text{font-size:14px}.mlnp--corner_left_minimal .mlnp__inner{padding:18px}.mlnp--corner_left_minimal .mlnp__eyebrow{display:none}.mlnp--corner_left_minimal .mlnp__title{font-size:18px;margin-right:32px}.mlnp--corner_left_minimal .mlnp__text{font-size:13px;margin-bottom:12px}.mlnp--corner_left_minimal form{grid-template-columns:1fr auto;align-items:end}.mlnp--corner_left_minimal form label{display:none}.mlnp--corner_left_minimal input[name="name"]{display:none}.mlnp--corner_left_minimal input[type="email"]{padding:11px 12px}.mlnp--corner_left_minimal .mlnp__submit{padding:11px 14px}.mlnp--corner_left_minimal .mlnp__note{display:none}.mlnp--bar{left:18px;right:18px;bottom:18px}.mlnp--bar .mlnp__inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:20px;align-items:center}.mlnp--bar .mlnp__title{font-size:20px}.mlnp--bar .mlnp__text{margin-bottom:0}@media(max-width:767px){.mlnp--hide-mobile{display:none!important}.mlnp--bar .mlnp__inner{grid-template-columns:1fr}.mlnp__inner{padding:22px}.mlnp__title{font-size:21px}.mlnp--slide,.mlnp--corner_left,.mlnp--corner_left_minimal{left:14px;right:14px;bottom:14px;width:calc(100vw - 28px)}.mlnp--corner_left_minimal form{grid-template-columns:1fr}}
</style>
<div id="ml-newsletter-popup" class="mlnp mlnp--corner_left" hidden data-delay="6000" data-frequency-days="14">
  <div class="mlnp__box" role="dialog" aria-modal="false" aria-labelledby="mlnp-title">
    <button class="mlnp__close" type="button" aria-label="Zatvori">×</button>
    <div class="mlnp__inner">
      <div>
        <div class="mlnp__eyebrow">Medialive newsletter</div>
        <h2 id="mlnp-title" class="mlnp__title">Želite korisne savjete za bolji web?</h2>
        <p class="mlnp__text">Povremeno šaljemo kratke i konkretne savjete o web stranicama, web shopovima, održavanju i online nastupu. Bez spama.</p>
      </div>
      <form method="post" action="/component/ml_newsletter">
        <label>Ime</label><input type="text" name="name" autocomplete="name" placeholder="Vaše ime">
        <label>Email</label><input type="email" name="email" required autocomplete="email" placeholder="vas@email.hr">
        <input type="hidden" name="task" value="subscribe"><input type="hidden" name="mlnp_popup" value="1"><input type="hidden" name="mlnp_ajax" value="1"><input type="hidden" name="source_url" value=""><div style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden" aria-hidden="true"><label>Website</label><input type="text" name="mln_hp" value="" tabindex="-1" autocomplete="off"></div><input type="hidden" name="mln_started_at" value="1781833928"><input type="hidden" name="1ef2ed8b6eb3e73f26cf5ea4ca9c0db8" value="1">
        <button class="mlnp__submit" type="submit">Prijavi me</button>
      </form>
      <div class="mlnp__success">Hvala! Poslali smo vam email za potvrdu prijave.</div>
      <p class="mlnp__note">Prijavu potvrđujete klikom na link koji ćemo poslati na email. Odjava je moguća u svakom newsletteru.</p>
    </div>
  </div>
</div>
<script>
(function(){
  var el=document.getElementById('ml-newsletter-popup'); if(!el) return;
  var key='mlnp_closed_until_v1';
  var now=Date.now();
  var until=parseInt(localStorage.getItem(key)||'0',10);
  if(until && until>now) return;
  function closeBox(days){ var d=days || parseInt(el.getAttribute('data-frequency-days')||'14',10); localStorage.setItem(key, String(Date.now()+d*86400000)); el.setAttribute('hidden','hidden'); }
  var close=el.querySelector('.mlnp__close'); if(close) close.addEventListener('click', function(){ closeBox(); });
  el.addEventListener('click', function(e){ if(e.target===el && el.classList.contains('mlnp--popup')) closeBox(); });
  var delay=parseInt(el.getAttribute('data-delay')||'6000',10);
  setTimeout(function(){ el.removeAttribute('hidden'); }, delay);
  var form=el.querySelector('form');
  if(form){
    form.addEventListener('submit', function(e){
      e.preventDefault();
      var submit=form.querySelector('.mlnp__submit');
      var oldText=submit ? submit.textContent : '';
      var src=form.querySelector('input[name="source_url"]'); if(src) src.value=window.location.href;
      if(submit){ submit.disabled=true; submit.textContent='Šaljem...'; }
      var url=form.getAttribute('action') || window.location.href;
      url += (url.indexOf('?') === -1 ? '?' : '&') + 'format=json';
      fetch(url, { method:'POST', body:new FormData(form), credentials:'same-origin', headers:{'X-Requested-With':'XMLHttpRequest'} })
        .then(function(r){ return r.json(); })
        .then(function(data){
          if(data && data.ok){
            try{ localStorage.setItem(key, String(Date.now()+365*86400000)); }catch(err){}
            var success=el.querySelector('.mlnp__success');
            if(success && data.message){ success.textContent=data.message; }
            el.classList.add('is-success');
          } else {
            alert((data && data.message) ? data.message : 'Prijava nije uspjela. Pokušajte ponovno.');
          }
        })
        .catch(function(){ alert('Prijava nije uspjela. Pokušajte ponovno.'); })
        .finally(function(){ if(submit){ submit.disabled=false; submit.textContent=oldText; } });
    });
  }
})();
</script>