Dokument 1 od 3
Analiza i smjernice redizajna
1 Analiza postojeće stranice (dom-glina.hr)
1.1 Sadržajni pregled
| Stavka | Detalji |
|---|---|
| Platforma | WordPress — tema serije dt_ (vjerojatno Enfold) |
| SEO plugin | All in One SEO v4.6.1.1 |
| Kapacitet ustanove | 79 korisnika |
| Osnivač | Sisačko-moslavačka županija (od 13.10.2016.) |
| Adresa | Trg hrvatskih branitelja 2, 44400 Glina |
| Kontakt | 044/551-000 · kontakt@dom-glina.hr |
1.2 Trenutna navigacijska struktura
Naslovna
├── O nama
│ ├── Općenito
│ ├── Djelatnost
│ ├── Organizacija
│ └── Osoblje
├── Usluge
├── Smještaj
├── Informacije
│ ├── Pristup informacijama
│ ├── Dokumentacija
│ ├── Cjenik
│ ├── Propisi
│ ├── Privatnost
│ └── Statut
├── Projekti
├── Kontakt
└── Objave
├── Izdvojeno
├── Financijski planovi
├── Financijska izvješća
├── Javna nabava
├── Natječaji
├── Plan/Program/Izvješća
├── COVID-19 odluke ← zastarjelo
├── Upravno vijeće
└── Trošenja sredstava
1.3 Sadržaj početne stranice
- Slider/galerija — naizmjenični prikaz fotografija (8 galerija)
- O Domu — kratki opis ustanove
- Obavijesti — 3 istaknute informacije (Statut, COVID odluke, Posjete)
- Galerija slika — 5 fotografija
- Novosti — 3 izdvojena članka
- Kontakt podaci — adresa, OIB, telefon, email
- Donacije — poziv za financijsku potporu
1.4 Identificirani problemi
⚙️ Tehnički problemi
- Prekomjerni inline CSS i JS u HTML-u
- Teške JS biblioteke (GSAP, Reveal Slider, WordAI)
- Custom post types koriste se samo za slider
- Zastarjela web 2.0 estetika (ombre efekti)
👤 UX problemi
- Intruzivni modal popup odmah pri otvaranju
- Cookie banner dodatno zaklanja ekran
- Navigacija pod "Objave" ima 9 stavki
- COVID-19 kategorija zastarjela
♿ Pristupačnost
- JS-ovisni elementi — nedostupno bez JS-a
- Nedostatna semantička HTML struktura
- Kontrast boja nije optimiziran za starije
- Fontovi potencijalno premaleni
📄 Sadržajni problemi
- Kategorija "Projekti" — nejasna svrha
- Donacije sekcija premalo vidljiva
- Novosti se ažuriraju tjednski do dvotjedno
2 Analiza referentnih stranica
2.1 dompetrinja.hr — Dom za starije osobe Petrinja
Kapacitet: 190 korisnika (2.4× veći od Gline) · Osnovana 1968., obnovljena nakon potresa 2020.
Naslovna ├── O nama ├── Usluge ├── Pravo na pristup informacijama ├── Dokumenti │ ├── Jelovnici │ ├── Dokumenti za prijem u dom │ ├── Akti i odluke │ ├── Javna nabava │ ├── Natječaji │ ├── Financijska dokumentacija │ ├── Upravno vijeće │ └── Transparentnost ├── Novosti ├── Galerija └── Kontakt
Što radi dobro
- Jasna, plitka navigacija (1 razina s jednim podrazinovanjem za Dokumente)
- Galerija kao zasebna stranica — ne slider na početnoj
- Redovite novosti s aktivnostima korisnika (glazbene radionice, Fašnik, Dan žena)
- "Dokumenti za prijem u dom" kao posebna kategorija — korisno za obitelji
- OneTap Accessibility plugin — alatna traka s profilima (slabovid, epilepsija, ADHD), tipkovničke prečice (Alt + .)
- Izjava o pristupačnosti — namjenski WCAG dokument s kontaktom za prijavu problema
2.2 domsisak.hr — Dom za starije osobe Sisak
Kapacitet: 109 stanara + 60 polu-stacionarnih + 71 cjelodnevna njega = 240 korisnika ukupno · Osnovan 1989.
Adresa: Ul. Oktavijana Augusta 3, 44000 Sisak · Tel: 044/556-556 · Stack: WordPress + Elementor + OneTap Accessibility
Naslovna ├── O nama ├── Aktualnosti ├── Usluge │ ├── Smještaj │ ├── Dnevni boravak 3+2 │ ├── Organizirana prehrana │ ├── Odjel za Alzheimer i demenciju ← specijalizirani odjel │ ├── Dnevni centar za starije u Novskoj │ └── Dislocirana jedinica Kutina ├── Dokumenti │ ├── Akti / Cjenici / Financijski planovi / Informacije / Izvješća │ ├── Javna nabava / Obavijesti / Obavijesti o zapošljavanju │ ├── Poslovni partneri i donatori │ ├── Sprječavanje sukoba interesa │ └── Transparentnost └── Kontakt
Što radi dobro
- Specijalizirani Alzheimer odjel — EU projekt "Živim(o) s Alzheimerom" (1,49 mil. kn), jedinstven u SMŽ — jasno istaknuto kao USP
- Dnevni boravak s jasnom cijenom — €100/mj. za boravak, €30/mj. za transport, kapacitet 50, radno vrijeme pon–pet 07–15h, imenovan kontakt
- Imenovani kontakti po usluzi — socijalna radnica Jasmina Biga navedena po imenu s direktnim telefonom i emailom, ne samo generički broj
- PDF obrasci za preuzimanje — direktni download linkovi za obrazac zahtjeva, posebni za svaku lokaciju
- Izjava o pristupačnosti — zakonski obavezna (Zakon o pristupačnosti, NN 17/2019), ažurirana rujan 2025.
- Transparentnost — popis poslovnih partnera i donatora, sprječavanje sukoba interesa — iznad prosjeka
- OneTap Accessibility — isti plugin koji preporučujemo i za dom-glina
Što bi moglo biti bolje
- Dokumenti imaju 12 stavki u podizborniku — prenapučeno, teško za snalaženje
- Google prevodilac za višejezičnost — može pogrešno prevesti bitne medicinske/pravne informacije
2.3 Usporedna tablica
| Kriterij | dom-glina.hr (stari) | dompetrinja.hr | domsisak.hr |
|---|---|---|---|
| Kapacitet | 79 korisnika | 190 korisnika | 240 korisnika |
| Stack | WP (Enfold) | WordPress | WP + Elementor |
| Pristupačnost | ❌ nema | ✅ OneTap | ✅ OneTap |
| Prijem — vodič | ❌ samo modal | ⚠️ djelomično | ✅ postupak + PDF |
| Imenovani kontakti | ❌ | ❌ | ✅ soc. radnica |
| Dnevni boravak | ❌ | ❌ | ✅ |
| Galerija | slider ❌ | ✅ zasebna | ⚠️ djelomično |
| Redovite novosti | ⚠️ rijetko | ✅ | ✅ |
| Izjava o pristup. | ❌ | ✅ | ✅ |
| Transparentnost | ⚠️ osnovno | ✅ | ✅ prošireno |
3 Smjernice za redizajn
3.1 Preporučena nova navigacijska struktura
Naslovna ├── O nama │ ├── O ustanovi │ ├── Djelatnost i organizacija │ └── Osoblje ├── Usluge │ ├── Smještaj │ ├── Zdravstvena skrb │ ├── Prehrana │ ├── Slobodno vrijeme │ └── Izvaninstitucionalne usluge ├── Prijem u dom ← NOVA, ključna stranica │ ├── Postupak prijema │ ├── Dokumenti za prijem │ └── Cjenik ├── Dokumenti │ ├── Pravo na pristup informacijama │ ├── Javna nabava │ ├── Natječaji │ ├── Financijska dokumentacija │ ├── Upravno vijeće │ ├── Statut i propisi │ └── Jelovnici ├── Novosti ├── Galerija └── Kontakt
- Nova kategorija "Prijem u dom" — obitelji koje traže smještaj dobivaju jasan put
- Uklonjena kategorija "COVID-19 odluke" i "Projekti"
- "Objave" preimenovane u "Novosti"
- Jelovnici premješteni pod Dokumenti (vidljiviji)
3.2 Dizajn i vizualni identitet
Paleta boja — izvučena iz logotipa
#1D3557
Navy plava — header, footer, naslovi
#C1272D
Crvena — CTA gumbi, akcenti, ikone
#4472C4
Čelično plava — linkovi, podnaslovi
#EEF1F6
Površinska — pozadine sekcija
#1A1A1A
Tamna siva — paragraf tekst
Kontrast i pristupačnost (WCAG 2.1)
Bijelo na #C1272D — 4.8:1 ✓ AA
Bijelo na #1D3557 — 10.2:1 ✓ AAA
#1A1A1A na bijeloj — 18.1:1 ✓ AAA
Tipografija
- Font: Source Sans 3 (Google Fonts — besplatni, vizualno blizak logu)
- Naslovi: Bold, H1 36px / H2 28px / H3 22px
- Tijelo teksta: Regular, min. 18px, line-height 1.7 — prilagođeno starijim korisnicima
3.3 Preporučena struktura početne stranice
┌─────────────────────────────────────────────────────────────┐ │ HEADER Logo | Navigacija 📞 044 / 551-000 │ ├─────────────────────────────────────────────────────────────┤ │ HERO "Dostojanstven i siguran dom za vaše najbliže" │ │ [Zanima me prijem →] [Kontaktirajte nas] │ ├─────────────────────────────────────────────────────────────┤ │ STATS 79 korisnika │ 3 tipa soba │ od 2016. godine │ ├─────────────────────────────────────────────────────────────┤ │ USLUGE 🏠 Smještaj │ 🏥 Zdravstvo │ 🍽 Prehrana │ 🎨 ... │ ├─────────────────────────────────────────────────────────────┤ │ O DOMU Kratki opis + checklist + link na /o-nama/ │ ├─────────────────────────────────────────────────────────────┤ │ CTA "Razmatrate smještaj?" → Postupak / Dokumenti │ ├─────────────────────────────────────────────────────────────┤ │ NOVOSTI 3 najnovije objave (automatski) │ ├─────────────────────────────────────────────────────────────┤ │ GALERIJA 6 fotografija u gridu │ ├─────────────────────────────────────────────────────────────┤ │ KONTAKT Adresa + karta + telefon + email + radno vrijeme │ ├─────────────────────────────────────────────────────────────┤ │ FOOTER Logo | Brze poveznice | Kontakt | Pravne napomene │ └─────────────────────────────────────────────────────────────┘
3.4 Tehničke smjernice
Stack
WordPress + Hello Elementor + Elementor Pro
Hello Elementor je službena tema — potpuno neutralan canvas, nema vlastiti CSS ni JS.
Pluginovi — konačni set
| Namjena | Plugin | Napomena |
|---|---|---|
| Page builder | Elementor Pro | Theme Builder, Form, Loop Grid |
| Forme — standardne | Elementor Form widget | Kontakt, prijem — ugrađeno u Pro |
| Forme — složene | Fluent Forms Pro | Višekoračni obrasci, uvjetna logika |
| Pristupačnost | OneTap Accessibility | Alatna traka za posjetitelje |
| Sigurnost | WPManageNinja Pro | Firewall, brute force zaštita |
| Admin util | ASE Pro | Sitna podešavanja, clean-up |
| SEO + redirecti | SlimSEO Pro | Redirecti ugrađeni — bez dodatnog plugina |
| Caching | LiteSpeed Cache | Kompatibilan s Elementorom |
| Slike (WebP) | WebP Uploads | Automatska konverzija pri uploadu |
| Kolačići | CookieYes | Nenametljivi banner na dnu |
Elementor — globalne postavke (postaviti odmah)
Global Colors → Site Settings: System Color 1 → #1D3557 Navy plava (Primary) System Color 2 → #C1272D Crvena (Accent / CTA) System Color 3 → #4472C4 Čelično plava (Secondary) System Color 4 → #EEF1F6 Površinska (Surface) Global Fonts → Site Settings: Primary / Secondary → Source Sans 3 (Google Fonts) H1: 36px Bold │ H2: 28px Bold │ H3: 22px Bold Body: 18px Regular, line-height 1.7
Elementor Theme Builder — obavezni templati
| Template | Tip | Uvjet prikaza |
|---|---|---|
| Header | Header | Sve stranice |
| Footer | Footer | Sve stranice |
| Single Post | Single | Post type: post |
| Archive Novosti | Archive | Post type archive: post |
3.5 UX poboljšanja — specifične preporuke
- Ukloniti intruzivni modal — zamijeniti s prominentnim CTA gumbom u hero sekciji
- Cookie banner — nenametljivi banner na dnu ekrana
- Telefon u headeru — vidljiv i klikiv (click-to-call) na svakoj stranici
- Stranica "Prijem u dom" — korak-po-korak vodič, checklist dokumenata, kontakt socijalne radnice
- Novosti s kategorijama — Aktivnosti / Obavijesti / Zapošljavanje
- Galerija — zasebna stranica s albumima, ne slider na početnoj
- Jelovnik — tjedni jelovnik posebno vidljiv (obitelji to često traže)
- Imenovani kontakti po usluzi ↑ domsisak.hr — na stranicama /prijem/ i /kontakt/ navesti konkretnu osobu po imenu (socijalna radnica, ravnatelj) s direktnim telefonom i emailom, ne samo generički broj centrale
- PDF obrasci na stranici /prijem/dokumenti/ ↑ domsisak.hr — direktni download linkovi za obrazac zahtjeva za smještaj s jasnim uputama za predaju
- Izjava o pristupačnosti ↑ domsisak.hr — zakonska obveza prema Zakonu o pristupačnosti mrežnih stranica tijela javnog sektora (NN 17/2019). Dodati kao podstranicu ili footer link. OneTap Accessibility ima generator ove izjave.
- Istaknuti EU projekte ako postoje ↑ domsisak.hr — ako dom-glina sudjeluje u EU projektima, vidljivo ih prikazati u novostima ili posebnoj sekciji
4 Sažetak prioriteta
🔴 Visoki prioritet — obavezno
- Nova čista WordPress tema (Hello Elementor)
- Reorganizacija navigacije prema predloženoj strukturi
- Nova stranica "Prijem u dom" s jasnim CTA
- Uklanjanje intruzivnog modala
- Pristupačnost (WCAG 2.1 AA) — veći font, kontrast
- Performanse (PageSpeed 80+)
- Prominentni kontaktni broj u headeru
🔵 Srednji prioritet — preporučeno
- Modernizacija vizualnog identiteta (paleta, tipografija)
- Hero sekcija s misijom i CTA (umjesto slidera)
- Redovite novosti s aktivnostima korisnika
- Galerija organizirana u albume
- Google Maps embed u kontaktu
- Izjava o pristupačnosti — zakonska obveza (NN 17/2019), OneTap generira
- Imenovan kontakt socijalne radnice na stranici /prijem/ (ime, tel, email)
- PDF obrasci za preuzimanje na /prijem/dokumenti/
🟢 Niski prioritet — opcijsko
- Strukturirani podaci (Schema.org)
- Open Graph za dijeljenje na društvenim mrežama
- Višejezična verzija (EN) — za dijasporu
- Online kontakt obrazac s potvrdom primanja
- Popis poslovnih partnera i donatora (transparentnost)