Sadržaj stranice
- Kako procjenjujemo trend
- 1. Brzina je dio dizajna
- 2. Odgovor i cijena na vrhu stranice
- 3. Pristupačnost postaje obaveza za izvoznike
- 4. Velika, čitljiva tipografija
- 5. Tamni način rada, ali kao opcija
- 6. Animacije s mjerom
- 7. Stvarne fotografije i ilustracije umjesto stock slika
- 8. Modularni rasporedi (bento)
- 9. Interaktivni alati umjesto dugih tekstova
- Primjer: prvi ekran koji radi
- 10. Dizajn koji razumiju i AI asistenti
- Šta preskočiti u 2026.
- Redizajn ili osvježavanje
- 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.
| Trend | Zašto preskočiti |
|---|---|
| Slider s pet poruka na vrhu | posjetioci rijetko vide drugu poruku, a slider usporava stranicu |
| Video u pozadini početne | teško za mobilne mreže, rijetko nosi informaciju |
| Kursor po mjeri i efekti na hover | ne postoje na mobitelu, a smetaju na desktopu |
| Horizontalno skrolanje sadržaja | zbunjuje korisnike i skriva sadržaj |
| Pretjerani 3D efekti | teški za učitavanje, slaba vrijednost za uslužne firme |
| Pop-up odmah pri ulasku | prekida 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.


