Web dizajn

Web dizajn trendovi 2026: šta ima smisla za firme u BiH, a šta preskočiti

Trend u web dizajnu vrijedi samo ako pomaže posjetiocu da brže razumije ponudu i lakše pošalje upit ili kupi. Ovdje smo odvojili trendove koji to rade od onih koji samo dobro izgledaju na Dribbbleu.

Autor: Objavljeno 8 min čitanja
Slojeviti stakleni prozori preglednika s apstraktnim rasporedom blokova, simbol web dizajna
Sadržaj stranice
  1. Kako procjenjujemo trend
  2. 1. Brzina je dio dizajna
  3. 2. Odgovor i cijena na vrhu stranice
  4. 3. Pristupačnost postaje obaveza za izvoznike
  5. 4. Velika, čitljiva tipografija
  6. 5. Tamni način rada, ali kao opcija
  7. 6. Animacije s mjerom
  8. 7. Stvarne fotografije i ilustracije umjesto stock slika
  9. 8. Modularni rasporedi (bento)
  10. 9. Interaktivni alati umjesto dugih tekstova
  11. Primjer: prvi ekran koji radi
  12. 10. Dizajn koji razumiju i AI asistenti
  13. Šta preskočiti u 2026.
  14. Redizajn ili osvježavanje
  15. Koliko košta moderan sajt

Kako procjenjujemo trend

Svaki trend ovdje prošao je tri pitanja. Da li pomaže posjetiocu da brže nađe ono što traži? Da li stranica ostaje brza na prosječnom mobitelu i mobilnoj mreži? Da li se može održavati bez dizajnera za svaku izmjenu? Trend koji padne na dva od tri pitanja završio je na listi za preskakanje.

1. Brzina je dio dizajna

Dizajn koji se učitava pet sekundi posjetilac ne vidi, jer ode prije. Google mjeri iskustvo stranice kroz Core Web Vitals, a dobre vrijednosti su LCP do 2,5 sekunde, INP do 200 milisekundi i CLS do 0,1 (web.dev). Mi za svoje projekte postavljamo strožiji cilj: LCP ispod 2 sekunde i CLS ispod 0,05 na mobitelu.

U praksi to znači dizajnerske odluke: manje fontova (dva su obično dovoljna), fotografije u WebP ili AVIF formatu s tačnim dimenzijama, bez slidera na vrhu stranice, bez videa koji se automatski pušta. Dizajner koji ne zna koliko teži njegov dizajn danas radi pola posla.

2. Odgovor i cijena na vrhu stranice

Posjetioci i AI asistenti traže odgovor odmah. Stranica usluge koja počinje rečenicom „Mi smo tim profesionalaca…“ gubi i jedne i druge. Trend koji vidimo kod sajtova koji dobro rade je prvi ekran s jasnom tvrdnjom o tome šta firma radi, za koga i po kojoj cijeni, s jednim glavnim dugmetom.

Za firme u BiH konkretno: početna cijena u KM, uz napomenu o PDV-u, smanjuje broj posjetilaca koji odu jer misle da je usluga preskupa ili da se cijena krije. Primjer strukture vidite na stranici cijena izrade web stranice.

3. Pristupačnost postaje obaveza za izvoznike

Evropski akt o pristupačnosti (European Accessibility Act, Direktiva (EU) 2019/882) primjenjuje se od 28. juna 2025. na određene proizvode i usluge u EU, a e-commerce je među obuhvaćenim uslugama (Evropska komisija). Za firme iz BiH koje prodaju kupcima u EU to može biti stvarna obaveza; provjerite s pravnikom da li se odnosi na vas. Ovo nije pravni savjet.

I bez obaveze, pristupačnost je dobra praksa: dovoljan kontrast teksta, veličina dugmeta za prst, opisni alt tekstovi, forma koja radi s tastaturom i čitačem ekrana. Većina tih stvari pomaže i svim ostalim posjetiocima, posebno na mobitelu na suncu.

4. Velika, čitljiva tipografija

Naslovi su veći, tekst je krupniji (najmanje 16 px na mobitelu, često 18 px), redovi su kraći. Promjenjivi (variable) fontovi omogućavaju više debljina iz jednog fajla, što je dobro za brzinu. Za sajtove na bosanskom obavezno provjerite da font ima sve dijakritike (č, ć, ž, š, đ) u svim debljinama; mnogi besplatni fontovi imaju rupe baš kod đ i ć.

5. Tamni način rada, ali kao opcija

Sve više korisnika ima tamni način rada na telefonu. Sajt koji poštuje tu postavku (prefers-color-scheme) izgleda dovršeno i ugodnije je za čitanje navečer. Za većinu firmi to je dodatak uz svijetli glavni izgled. Za tehnološke proizvode i portfolio sajtove tamni dizajn može biti i glavni stil.

6. Animacije s mjerom

Mikro-animacije (dugme koje reaguje na klik, kartica koja se blago podigne, sadržaj koji se pojavi pri skrolanju) daju osjećaj kvalitete kad su kratke i svrsishodne. Postoje dva pravila:

  • sadržaj mora biti vidljiv i bez animacije; prazna sekcija dok se ne pokrene skripta je greška;
  • sajt mora poštovati postavku smanjenog kretanja (prefers-reduced-motion) za korisnike kojima pokret smeta.

Teške animacije cijele stranice i efekti paralakse na mobitelu obično troše bateriju i strpljenje.

7. Stvarne fotografije i ilustracije umjesto stock slika

Stock fotografija nasmijanog tima u odijelima ne govori ništa o vašoj firmi. Stvarne fotografije prostora, radova, procesa i proizvoda grade povjerenje. AI generisane slike mogu poslužiti za ilustracije i pozadine, ali ne kao „fotografije“ ljudi ili projekata koje predstavljate kao stvarne.

8. Modularni rasporedi (bento)

Rasporedi s karticama različitih veličina, poznati kao bento mreže, dobro rade za pregled usluga, funkcija proizvoda ili statistika. Na mobitelu se slažu u jednu kolonu, pa je bitno odrediti redoslijed po važnosti, a ne po tome kako izgleda na desktopu.

9. Interaktivni alati umjesto dugih tekstova

Kalkulator cijene, konfigurator proizvoda ili kratak upitnik („koji paket vam odgovara“) često pretvaraju bolje od dugog teksta. Posjetilac dobija odgovor za svoj slučaj, a vi dobijate kvalitetniji upit. Rezultat alata treba biti i tekst na stranici, kako bi ga vidjeli Google i AI asistenti.

Primjer: prvi ekran koji radi

Primjer (ilustrativni scenarij, nije stvarni klijent): stomatološka ordinacija iz Zenice želi više zakazanih pregleda. Stari prvi ekran ima slider s tri fotografije opreme i naslov „Dobrodošli u našu ordinaciju“. Novi prvi ekran, napravljen po trendovima iz ovog članka, izgleda ovako:

  • Naslov: „Stomatološka ordinacija u centru Zenice: pregledi, implantati i estetika zuba“.
  • Podnaslov: jedna rečenica s radnim vremenom i informacijom da se pregled može zakazati isti dan.
  • Glavno dugme: „Zakažite pregled“, koje otvara kratku formu ili poziv na mobitelu.
  • Ispod dugmeta: početna cijena pregleda u KM i stvarne fotografije ordinacije i tima na poslu, uz pristanak.
  • Dalje niz stranicu: usluge u karticama, cijene, kako izgleda prvi pregled, recenzije s Googlea, FAQ i mapa.

Novi ekran se učitava brže jer nema slidera, posjetilac u tri sekunde zna gdje je i šta može uraditi, a Google i AI asistenti iz prvog pasusa razumiju djelatnost, grad i ponudu.

10. Dizajn koji razumiju i AI asistenti

Sve više ljudi upoznaje firmu kroz odgovor AI asistenta prije nego posjeti sajt. Asistenti čitaju tekst, ne dizajn. To ima posljedice za dizajnerske odluke: ključne informacije (usluge, cijene, grad, kontakt) moraju biti tekst na stranici, a ne dio slike ili animacije. Tabele cijena trebaju biti HTML tabele. Naslovi sekcija trebaju biti stvarni naslovi (H2, H3), a ne stilizovani tekst. Ono što pomaže AI asistentima pomaže i čitačima ekrana i Googleu.

Šta preskočiti u 2026.

TrendZašto preskočiti
Slider s pet poruka na vrhuposjetioci rijetko vide drugu poruku, a slider usporava stranicu
Video u pozadini početneteško za mobilne mreže, rijetko nosi informaciju
Kursor po mjeri i efekti na hoverne postoje na mobitelu, a smetaju na desktopu
Horizontalno skrolanje sadržajazbunjuje korisnike i skriva sadržaj
Pretjerani 3D efektiteški za učitavanje, slaba vrijednost za uslužne firme
Pop-up odmah pri ulaskuprekida posjetu prije nego što je počela

Redizajn ili osvježavanje

Ako je vaš sajt star pet ili više godina, pitanje je da li treba potpuni redizajn ili osvježavanje. Redizajn ima smisla kad je struktura loša, kad CMS ne dozvoljava izmjene ili kad je sajt spor zbog tehnologije. Osvježavanje je dovoljno kad struktura radi, a treba novi vizuelni identitet, bolje tekstove i brže fotografije. Oba posla radimo kroz redizajn web stranice i UI/UX dizajn.

Kod redizajna obavezno zadržite URL-ove ili postavite 301 preusmjerenja sa starih na nove. Bez toga redizajn može izbrisati godine SEO rada u jednom danu.

Koliko košta moderan sajt

Kod iShop.ba prezentaciona web stranica kreće od 1.000 KM, business stranica od 2.000 KM, a landing stranica od 600 KM, sve bez PDV-a. Dizajn po mjeri, animacije i interaktivni alati povećavaju cijenu, pa ih uvodimo kad imaju jasnu svrhu. Paketi su na stranici izrada web stranica. Za projekte gdje je brzina presudna koristimo i Next.js.

Koji je najvažniji web dizajn trend u 2026?

Brzina kao dio dizajna. Stranica koja se brzo učitava na mobitelu i odmah kaže šta firma radi i po kojoj cijeni pobjeđuje vizuelno bogatiju, ali sporu stranicu, i kod posjetilaca i kod Googlea.

Da li je tamni dizajn bolji?

Ne nužno. Tamni način rada kao opcija koju korisnik bira u postavkama telefona je dobra praksa. Kao glavni stil odgovara tehnološkim proizvodima i portfolijima, a manje firmama čiji kupci očekuju klasičan, svijetao izgled.

Mogu li koristiti AI slike na sajtu?

Za ilustracije i pozadine mogu. Ne koristite ih kao fotografije stvarnih ljudi, prostora ili projekata, jer to dovodi kupce u zabludu i šteti povjerenju.

Koliko često treba raditi redizajn?

Nema fiksnog roka. Mnogi sajtovi trebaju osvježavanje svake dvije do tri godine i redizajn kad struktura ili tehnologija prestanu odgovarati. Mjerite brzinu i konverziju i odlučite na osnovu podataka.

Smiju li animacije usporiti sajt?

Ne bi smjele. Dobre animacije su kratke, koriste efikasna CSS svojstva i ne blokiraju prikaz sadržaja. Sajt mora raditi i izgledati potpuno i kad korisnik isključi animacije.

Da li se European Accessibility Act odnosi na firme iz BiH?

Akt se primjenjuje u EU od 28. juna 2025. i može se odnositi na firme iz BiH koje nude određene proizvode ili usluge kupcima u EU. Da li se odnosi na vas, provjerite s pravnikom.

Treba li mala firma dizajn po mjeri ili je dovoljna gotova tema?

Za mnoge male firme dobro prilagođena tema je dovoljna, ako je brza i ako se tekstovi i fotografije pišu za vašu firmu. Dizajn po mjeri ima smisla kad je izgled dio vrijednosti brenda ili kad je konkurencija u vašoj branši jaka.