Klijent: Nacionalna asocijacija za biomasu „SERBIO”
Projekat: events-serbio.rs — sajt regionalne energetske konferencije SEE ENERGY
Obim: Kompletan redizajn, custom WordPress tema, dvojezična struktura, B2B platforma, booking sistem
Godina: 2026.
Nacionalna asocijacija za biomasu „SERBIO” iz Novog Sada organizuje SEE ENERGY — regionalnu stručnu energetsku konferenciju i izložbu posvećenu energetskoj tranziciji.
Događaj okuplja donosioce odluka, kompanije, investitore i institucije iz energetike, industrije i finansija. Izdanje 2026. održava se 4. i 5. novembra u Master centru na Novosadskom sajmu, sa preko 300 učesnika, 40+ predavača i 100+ kompanija. Teme obuhvataju baterijska skladišta (BESS), utility-scale projekte, elektromobilnost, biogas i biometan, PPA ugovore, digitalizaciju energetskog sektora i finansiranje energetskih projekata.
Među partnerima i institucionalnom podrškom prethodnog izdanja nalaze se Siemens Energy, IBM, EBRD, Erste banka, EPS, EY, Lafarge, Ministarstvo rudarstva i energetike, Privredna komora Srbije i UNDP.
Drugim rečima — sajt nije prezentacija. Sajt je operativni alat kroz koji prolaze registracije, partnerske prijave, B2B sastanci i komunikacija sa ozbiljnom međunarodnom publikom.
Postojeći sajt je bio WordPress, rađen interno — u kući, uz delimično poznavanje koda i strukture platforme.
I to treba reći otvoreno, bez ograde: sajt je izgledao pristojno. Vidi se da je iza njega stajao trud i jasna ideja šta treba da se prikaže. Ovo je jedna od onih situacija koje često srećemo — vlasnici i timovi koji sami sednu i naprave nešto što radi, jer postoje razlozi zašto to nisu odmah predali agenciji. Nekad je to loše iskustvo od ranije, nekad cena, nekad prosto to što tim koji su kontaktirali nije bio specijalizovan baš za WordPress.
Problem nije bio ukus. Problem je bio odnos količine sadržaja i načina na koji je taj sadržaj bio raspoređen.
Konferencija ovog obima generiše ogromnu količinu informacija — program, govornici, partneri, institucionalna podrška, galerije, vesti, B2B profili firmi, cenovnik kotizacije, lokacija, kontakt tim. Kada se sve to poređa vertikalno, bez kompaktnog layout-a, na mobilnom telefonu dobijate stranicu kroz koju korisnik skroluje neprijatno dugo pre nego što stigne do onoga zbog čega je došao.
A tehnički pokazatelji su bili jasni:
| Metrika | Stari sajt |
|---|---|
| Lighthouse Performance — mobile | 29 |
| Lighthouse Performance — desktop | 42 |
Za sajt koji prima saobraćaj iz LinkedIn objava, mejl kampanja i medijskih najava — dakle uglavnom sa telefona — ovo je direktan gubitak prijava.
Klijent je došao sa četiri jasna cilja:
Ne bismo rekli da smo UI pojednostavili. To bi bilo netačno — sadržaja je i dalje mnogo, i tako treba da bude.
Ono što smo uradili jeste da smo ga strateški rasporedili, sa fokusom na elemente koji direktno vode ka konverziji.
Kompletno nova početna strana. Dizajnirana od nule, sa jasnom hijerarhijom: datum i cena ulaznice odmah u vrhu, hero sekcija sa direktnim CTA-ovima za štand i govornike, zatim numerisane sekcije (01 Program, 02 O konferenciji, 03 Ulaznice, 04 Govornici…) koje korisniku daju osećaj orijentacije umesto beskonačnog toka.
Ostatak sajta usklađen sa novom početnom. Svaka podstranica preuzima isti sistem tipografije, razmaka i komponenti, tako da sajt deluje kao jedna celina, a ne kao skup različitih šablona.
Mobilni pregled rešen horizontalnim slajderima. Ovo je bila ključna odluka. Sekcije sa velikim brojem stavki — govornici, partneri, institucionalna podrška, medijski partneri, video intervjui — na mobilnom se prikazuju kao horizontalni slajderi umesto vertikalnih listi. Sadržaj je i dalje sav tu, i dalje je lep i čitljiv, ali dužina stranice je drastično skraćena. Korisnik skroluje kroz sekcije, a ne kroz stavke unutar sekcija.
Nova custom tema, pravljena specifično za klijenta. Bez page buildera, bez univerzalnog template-a kupljenog na marketplace-u. Uz to je očišćen nakupljeni bloat sa starog sajta — uklonjeno je desetak plugin-ova čije su funkcije ili prestale da budu potrebne, ili su prešle direktno u temu.
Ovo je deo gde projekat prestaje da bude „redizajn” i postaje nešto ozbiljnije.
Sajt nije samo skup stranica. Iza njega stoji nekoliko sistema koji moraju da rade zajedno:
Redizajn je značio da se svaki od ovih sistema mora ponovo pravilno povezati na novoj temi — bez gubitka podataka.
SR verzija bez prefiksa, EN pod /en/. Ali višejezičnost na ovakvom sajtu nije prevod teksta — to je paralelna struktura.
Trebalo je pravilno povezati zasebne header i footer menije po jeziku, SR/EN stranice i sve CPT zapise, interne linkove, jezički odgovarajuće PDF programe, kao i firme, galerije, govornike, partnere i članove tima.
Ključni detalj: sadržaj se ne povezuje na osnovu istog slug-a, već preko stvarne Polylang translation veze i odgovarajućeg object ID-ja. Povezivanje po slug-u je uobičajena prečica koja radi dok jednog dana ne prestane — obično kada neko promeni naslov stranice.
Za profile firmi na B2B platformi uvedena su posebna EN polja za opis kompanije, titulu svakog predstavnika i CTA tekst. Logo, ime predstavnika, sajt kompanije i Amelia mapping ostaju zajednički za SR/EN par — jer se ime čoveka i logo firme ne prevode.
Ovde se pojavio zanimljiv edge case. EN template je preuzimao ceo repeater sa SR posta, zbog čega je EN titula uneta na engleskom prevodu bila potpuno ignorisana. Rešenje spaja predstavnike po imenu, uz fallback po redosledu, i primenjuje jasan prioritet: EN titula sa EN posta → EN titula sa povezanog SR posta → SR titula samo ako EN nije popunjena.
Posle ispravke, 19 javno prikazanih titula automatski je prešlo sa srpskog na unete engleske vrednosti — bez ijedne izmene sadržaja u bazi.
Umesto da se cela B2B platforma zaključa iza login-a, napravljena je preciznija podela:
Ovo je balans između SEO vidljivosti, korisničkog iskustva i kontrole pristupa. Google i AI pretraživači vide ko sve učestvuje na konferenciji. Sastanak može da zakaže samo registrovani učesnik.
Napravljen je workflow gde se prijava tipa „Ticket” ručno odobrava, nakon čega sistem automatski kreira Amelia customer zapis, kreira WordPress korisnički nalog, dodeljuje odgovarajuću rolu, sprečava dupliranje naloga i prikazuje razumljivu grešku ako mejl već pripada postojećem korisniku.
Password reset tok je prilagođen tako da korisnik posle definisanja lozinke ne završi na generičkom wp-login.php ekranu, nego nastavi direktno ka korisničkom panelu.
Sajt je razvijan na staging okruženju i zatim migriran uz maintenance prozor od tri sata, tokom kog su preneti podaci i povezani postojeći sistemi. Tri sata je bio ceo period u kom je sajt bio nedostupan posetiocima — od tog trenutka nadalje sve je radilo.
Ali deo posla je morao da se odradi direktno na živom sajtu — jer su na njemu već postojale aktivne rezervacije i korisnički nalozi koje nije smelo da se dira.
Ključna produkciona odluka: nije rađen full database import preko live baze. To bi bio brži put, ali bi mogao da pregazi aktivne wp_amelia_* rezervacije i korisnike. Umesto toga korišćene su ciljane migracije, idempotentni importeri, pojedinačne meta i relationship korekcije, backup baze pre svakog sklopa promena i jednokratni alati za audit i keš purge koji sami sebe brišu posle upotrebe.
Svaka izmena fajla praćena je hash-verifikovanom rollback kopijom.
Tokom jedne od poslednjih ispravki otkriveno je da produkcioni PHP nema mbstring ekstenziju. Funkcija koja je lokalno radila bez problema izazvala je critical error na živom serveru.
Redosled je bio:
mbstring zavisnostOvo je detalj koji vredi izdvojiti. Backup i rollback nisu stavka u ponudi koja lepo zvuči — to je aktivni deo procesa. Razlika između „sajt je bio u kvaru” i „sajt je bio u kvaru dva minuta” je upravo to da li rollback plan postoji pre nego što zatreba.
Ovde je najveći merljivi dobitak projekta.
| Lighthouse Performance | Mobile | Desktop |
|---|---|---|
| Stari sajt | 29 | 42 |
| Novi sajt | 99 | 100 |
Nova tema je startovala sa rezultatom 96 na mobilnom i Speed Index-om od 3,8 s. To je već bio ogroman skok u odnosu na 29 — ali smo hteli da dogurmo do kraja, pa je urađen još jedan krug optimizacije zasnovan isključivo na Lighthouse podacima:
<head>imagesrcset i imagesizes atributifetchpriority="high" i sinhrono dekodiranje LCP slikesizes za mobilni logoKonkretni rezultati po resursima:
| Resurs | Pre | Posle | Ušteda |
|---|---|---|---|
| Mobile hero 768×576 | 40,8 KB | 19,6 KB | −52% |
| Full hero | 378,9 KB | 85 KB | −78% |
| Mobile logo | 16,6 KB | 6,4 KB | −61% |
| HTML početne | 158,6 KB | 145,3 KB | −8% |
Anonimni Chrome test na rezoluciji 390×844 potvrdio je da nema horizontalnog overflow-a i da browser zaista bira manje responsive varijante slika — što je stvar koju srcset često samo naizgled rešava.
Uobičajen način da se ukloni WordPress global CSS je wp_dequeue_style('global-styles'). Međutim, WordPress 7 na klasičnim temama ume da ga ponovo enqueue-uje u footeru, a zatim „hoistuje” nazad u <head>.
Zbog toga je bilo potrebno ukloniti global styles placeholder, ukloniti kasni wp_footer enqueue i ograničiti optimizaciju samo na početnu stranu — koja se renderuje kroz custom ACF template i ne koristi Gutenberg blokove. Na stranicama koje koriste blokove optimizacija se ne primenjuje, jer bi tamo napravila štetu.
Lighthouse i agentic browsing testovi prijavljivali su link ka matičnom SERBIO sajtu kao link bez prepoznatljivog imena — jer se sastojao samo od slike sa praznim alt atributom.
Ispravka je uključila smislen aria-label, sigurnosne noopener noreferrer atribute i proveru stvarnog accessibility stabla u browseru.
Finalni test je potvrdio da je element prepoznat kao link, da nije ignorisan i da nosi ime „SERBIO — Nacionalna asocijacija za biomasu”.
Ovo je više od formalnosti oko screen readera. AI agenti koji danas pretražuju i navigiraju sajtove koriste upravo accessibility stablo. Element bez imena za njih ne postoji.
Nove stranice su u RankMath-u bile prazne, pa je urađeno kontrolisano popunjavanje:
Klijent danas ima sajt koji:
I, jednako važno — sve je to postignuto uz tri sata nedostupnosti, bez izgubljene rezervacije i bez izgubljenog korisničkog naloga.
Sve preporuke za RXN Web Solutions! Odličan tim, brza i jednostavna komunikacija. Sve izmene i zahteve rešavali su praktično odmah, uz puno strpljenja i dobrih predloga. Redizajn sajta je urađen baš onako kako smo želeli, a ceo proces je prošao lako i bez komplikacija. Zaista sjajno iskustvo i tim sa kojim bih ponovo radila.
Jelena Bunčić — Predsednica Nacionalne asocijacije za biomasu „SERBIO” i organizator SEE ENERGY događaja
Zato što je ovo dobar primer onoga što mislimo kada kažemo da radimo WordPress.
Nije poenta napraviti lep sajt. Poenta je znati šta se dešava ispod — kako Polylang zaista povezuje sadržaj, zašto se global-styles vraća u footer na WordPress-u 7, šta se desi sa aktivnim Amelia rezervacijama ako uradite database import, i kako se sajt vraća u prethodno stanje kada nešto pukne na produkciji u pola posla.
To znanje se ne vidi na screenshot-u. Vidi se tek kada zatreba.
Ako imate sajt koji je prerastao svoju prvobitnu postavku — bilo da ste ga pravili sami, bilo da ga je radio neko drugi — javite nam se. Pogledaćemo trenutno stanje i reći vam iskreno da li vam treba redizajn, ili je dovoljno par ciljanih zahvata.