Prijedlog redizajna
dvor.hr
Analiza referentnih sajtova, novi dizajn identitet, informacijska arhitektura i tehničke preporuke za redizajn općinskog portala.
01
Analiza referentnih sajtova
hrvatska-kostajnica.hr
| Parametar | Vrijednost |
|---|---|
| Stack | Bootstrap 5, WordPress |
| Boje | Royal blue #4054b2, white, gray #333 |
| Font | Sistemski (bez custom fonta) |
| Stil | Institucionalan, čist, Bootstrap default |
Što valja preuzeti
- Pristupačnost toolbar
- Foto galerije
- Events calendar
Nedostaci
- Bez vizualnog karaktera
- Generičan Bootstrap izgled
donjiandrijevci.hr
| Parametar | Vrijednost |
|---|---|
| Stack | WordPress (Block editor) |
| Boje | Blue #0693e3, grid neutral sivi |
| Font | Bez custom fonta |
| Stil | Moderan grid, dobra strukturiranost homepacea |
Što valja preuzeti
- "Featured news" pattern (3 vijesti s thumbnailovima)
- Ikonska brza navigacija u gridu
- Weather widget
Nedostaci
- Boje bez identiteta
- Generičan izgled
petrinja.hr
| Parametar | Vrijednost |
|---|---|
| Stack | WordPress (custom tema) |
| Boje | Deep maroon #500000, gray, white |
| Font | Titillium Web (naslovi), Poppins (UI), Roboto (body) |
| Stil | Najjači vizualni identitet — boja odražava regiju i karakter |
Što valja preuzeti
- Hrabrost u odabiru boje koja nije generična plava
- Quick links dashboard
- Aplikacija za građane
Nedostaci
- Tamna boja može biti teška za pristupačnost
Zajednički patterns svih triju
| # | Pattern |
|---|---|
| 1 | Hero/header sa gradskim vizualom ili neutralnom bojom |
| 2 | Vijesti kao centralni element — prominentno, s datumima |
| 3 | Quick links grid — ikone za najčešće akcije građana |
| 4 | Dokumenti/javna nabava — prominentno u nav-u |
| 5 | Footer sa kontaktom, radnim vremenom, EU logom |
| 6 | Weather widget — mali, ali očekivan |
| 7 | Transparentnost/iTransparentnost — obvezan link |
02
Dizajn identitet — prijedlog
Konceptualni temelj
„Dvor na Uni" — ime mjesta nosi priču koja oblikuje vizualni identitet:
| Element | Značenje | Vizualni odraz |
|---|---|---|
| Dvor | Dvorac, carsko boravište | Elegancija, serif tipografija, povijest |
| Una | Rijeka, priroda, čistoća | Duboka plava paleta |
| Banovina | Šume, polja, prirodni okoliš | Šumska zelena sekundarna boja |
| Granično područje | Otpornost, post-potresna obnova | Čvrstoća kompozicije, zlatni akcent |
Dizajn balansira institucionalnu ozbiljnost (općinski sajt) i lokalni karakter (Una, šume, povijest).
Paleta boja
Primarna — Una plava
--primary
#1B5C8A
Duboka Una plava
--primary-dark
#0F3D5E
Footer, header hover
--primary-light
#2E7DB5
Linkovi, interaktivni
Sekundarna — Banovinska zelena
--secondary
#3D6B3F
Šuma, priroda
--secondary-dark
#264228
Tamna zelena
Akcent — Zlatna / Pšenica
--accent
#C4922A
Žito, med, topla akcija
--accent-light
#DFB05A
Hover stanje
Neutralne — tople nijanse
--neutral-900
#1C1C1A
Tekst, najtamnije
--neutral-700
#4A4A45
Body tekst
--neutral-400
#9A9890
Placeholder, disabled
--neutral-200
#E8E5DE
Border, divider
--neutral-100
#F5F3EE
Alt. pozadina
--neutral-50
#FAF9F5
Glavna pozadina
Tople neutralne (blago žućkasto-sivkaste) umjesto hladnih sivo-bijelih — prate toplinu zlatnog akcenta i pšeničnog motiva. #C4922A zlatna aludira na pčelarsku udrugu KESTEN.
Tipografija
Display / Naslovi — Cormorant Garamond
Naslov sajta
Općina Dvor
Na obalama Une, u srcu Banovine
Karakteristike
Cormorant Garamond donosi "dvor" / historijsku eleganciju za naslove. Serif s karakterom — nije generički Georgia. Italic varijanta idealna za tagline. Varijante: 400 regular, 600 semibold, 400 italic.
UI / Body — Figtree
Body tekst
Općina Dvor smještena je na obalama rijeke Une, u Sisačko-moslavačkoj županiji. Sa 1.319 stanovnika i bogatom poviješću, Dvor je središte Banovine. Ime mjesta dobilo je 1775. po posjetu cara Josipa II.
Figtree Light 300
Figtree Regular 400
Figtree Medium 500
Figtree Semibold 600
Figtree je čitljiv, moderan i humański — bez krutosti tehničkih fontova. Kombinacija Cormorant + Figtree = karakter + funkcionalnost.
Tipografska skala
| Varijabla | Rem | Px | Upotreba |
|---|---|---|---|
--text-xs | 0.75rem | 12px | Labeli, meta |
--text-sm | 0.875rem | 14px | Caption, footer |
--text-base | 1rem | 16px | Body |
--text-lg | 1.125rem | 18px | Lead tekst |
--text-xl | 1.25rem | 20px | Card naslovi |
--text-2xl | 1.5rem | 24px | Section naslovi |
--text-3xl | 1.875rem | 30px | Page naslovi |
--text-4xl | 2.25rem | 36px | Hero subtitle |
--text-5xl | clamp(2.5–3.75rem) | 40–60px | Hero title |
Spacing & Grid
- Container max-width: 1200px (uži od standardnih 1440px — municipal sajt, nije marketing)
- Grid: 12 kolona, gap 24px
- Breakpoints: Mobile 375px · Tablet 768px · Desktop 1024px · Wide 1280px
- Spacing skala: 4px baza — 4, 8, 12, 16, 24, 32, 48, 64, 96, 128px
03
Prijedlog informacijske arhitekture
Navigacija (nova struktura)
Naslovnica
│
├── Vijesti
│
├── O Općini
│ ├── Povijest i identitet
│ ├── Grb i zastava
│ ├── Naselja općine
│ ├── Turizam i priroda ← NOVO (Una, Lebrenica, lov, ribolov)
│ └── Prostorni planovi
│
├── Ustrojstvo
│ ├── Načelnik
│ ├── Općinsko vijeće
│ ├── Upravni odjel
│ └── Transparentnost
│
├── Ustanove i udruge
│ ├── Knjižnica i čitaonica
│ ├── Dječji vrtić Sunce
│ ├── DVORKOM komunalno
│ ├── DVD Općine Dvor
│ └── Udruge
│
├── Dokumenti i obrasci
│ ├── Proračun
│ ├── Prostorni i urbanistički plan
│ ├── Javna nabava
│ ├── Akti i odluke
│ ├── Savjetovanje s javnošću
│ └── Obrasci za građane ← NOVO (istaknuto)
│
├── EU Projekti
│
├── Galerija ← NOVO
│
└── Kontakt ← NOVO (top-level)
Ključne promjene: Kontakt kao zasebna top-level stranica (ne zakopan u footeru). Galerija kao samostalna sekcija. "Turizam i priroda" — Una, staza Lebrenica, lov i ribolov, pčelarstvo. "Obrasci za građane" — istaknuti, ne zakopani pod dokumentima. DVD posebno (trenutno samo kategorija vijesti).
Naslovnica — sekcije
1
Hero
Pozadinska fotografija (Una rijeka ili panorama). H1: "Općina Dvor". Tagline. 2 CTA: Vijesti (primary) + Kontakt (outline). Weather widget (desno, mali).
2
Brze veze (Quick links)
8 kartica s ikonama: Dokumenti · Proračun · Javna nabava · Obrasci · DVORKOM · Vrtić Sunce · Knjižnica · Transparentnost. Grid 8×1 na desktopu, 4×2 na tabletu.
3
Istaknute vijesti
Naslovna vijest (velika, s fotografijom) lijevo + 2 manje vijesti desno. Gumb "Sve vijesti →".
4
O Općini (teaser)
Tekst o Dvoru (5–6 rečenica) + statistike (1.319 st., 504 km², osn. 1775.). Fotografija centra ili rijeke Une. Gumb "Saznaj više →".
5
EU Projekti
3 kartice s najvažnijim/najnovijim EU projektima. Gumb "Svi projekti →".
6
Turizam i priroda
3 kartice s fotografijama: Una rijeka · Staza Lebrenica · Lov i ribolov. Gumb "Više o turizmu →".
7
Ustanove
4 logotipa/kartice: Knjižnica · Vrtić Sunce · DVORKOM · DVD. Radno vrijeme za knjižnicu i vrtić.
8
Kontakt / Footer
Adresa, telefon, radno vrijeme JUO · Email kontakti · Google Maps embed · Brza navigacija · EU logotipi · Copyright.
04
Tehničke preporuke
CMS — odabir platforme
Opcija A — Preporučeno
WordPress + Elementor
Klijent je naviknut, brže za isporuku
Sporo, teško za optimizaciju, bloated HTML
Preporučeno ako klijent želi sam ažurirati sadržaj
Opcija B — Preporučeno
WordPress + Kadence / GeneratePress + ACF
Čišći kod, lakša optimizacija
Zahtijeva više razvoja od Opcije A
Preporučeno za bolji rezultat uz malo više truda
Opcija C
Statički HTML
Maksimalna brzina, potpuna kontrola dizajna
Klijent ne može sam ažurirati sadržaj bez tehničara
Municipal sajt zahtijeva redovito ažuriranje vijesti i dokumenata od strane administratora koji nije web developer. Opcija A ili B su praktičniji izbor.
Performanse
- Sve fotografije u WebP formatu
- Lazy loading za slike ispod fold-a
- Preconnect za Google Fonts
- Caching plugin (WP Rocket ili W3 Total Cache)
- CDN za slike (opcionalno)
Pristupačnost
- WCAG 2.1 AA standard
- Kontrast boja ≥ 4.5:1 za tekst
- Keyboard navigation
- ARIA labeli za interaktivne elemente
- Alt tekstovi za sve slike
- Accessibility toolbar (kao hrvatska-kostajnica.hr)
Lokalizacija
- Samo hrvatski (hr-HR)
- Datumi u hrvatskom formatu (3. ožu 2026.)
- HRK → EUR konverzija već provedena
05
Sadržajni prijedlozi
Nedostajući sadržaj koji treba pripremiti
1. Fotografije visoke kvalitete
- Una rijeka i okolica
- Centar mjesta (Trg, crkva)
- Lebrenica staza
- Aerial/drone shot (opcionalno)
- Portret načelnika
2. Tekst „Turizam i priroda" (nova stranica)
- Una rijeka — kupanje, kajak, ribolov
- Edukativna staza Lebrenica (obnovljeno EU projektom 2024.)
- Lov — LD "Jelen" Divuša
- Pčelarstvo — udruga KESTEN
3. Obrasci za građane
Kompletna lista PDF obrazaca koji nedostaju kao istaknuta kategorija:
- Zahtjev za komunalnu naknadu
- Potpora za udruge
- Ostali obrasci koji postoje u JUO-u
4. Srpska inačica
Razmotriti prijevod statutarnih informacija na srpski jezik, obzirom na prisutnost SKD "Prosvjeta".
Tagline prijedlozi
01
Na obalama Une, u srcu Banovine
Preporučeno
02
Gdje Una teče, život cvjeta
03
Dvor — vaša općina, naša zajednica
04
S Unom u srcu
"Na obalama Une, u srcu Banovine" — najprecizniji opis: geografski (Una), regionalni (Banovina), poetičan bez patetičnosti. Preporučeno za hero tagline.
06
Sažetak prioriteta
1
Faza 1 — Nužno
Launch
Nova navigacijska struktura
Redesign naslovnice (hero + quick links + vijesti + footer)
Nova paleta boja i tipografija
Kontakt stranica s Google Maps embedom
Galerija
Mobilna optimizacija
2
Faza 2 — Važno
Post-launch
Stranica "Turizam i priroda"
Obrasci za građane
Optimizacija performansi (WebP, caching)
Accessibility toolbar
GDPR/kolačići update
3
Faza 3 — Poboljšanje
Opcijsko
Kalendar događanja
Moja Općina mini-app ili integracija
Vijesti s kategorijama i filterom
Newsletter signup
Pretraživač dokumenata