Smjernice — stambeni-puls.hr

1 Vizualni identitet

1.1 Paleta boja

Primarna — Crvena #C0131A Header, footer, CTA gumbi, naslovi

Tamna — Antracit #2B2B2B Tamniji tekstovi, ikone, sekcijski naslovi

Pozadina 2 — Kremasta #F5F5F0 Alternativne sekcije, kartice

Pozadina 3 — Bež #E8E0D5 Istaknute sekcije, dekorativni elementi

Tekst — Tamna siva #1A1A1A Paragraf tekst

Pozadina — Bijela #FFFFFF Osnovna pozadina

Kombinacija	Omjer kontrasta	WCAG AA
Bijeli tekst na #C0131A	~6.25:1	✅ prolazi
Bijeli tekst na #2B2B2B	~11.2:1	✅ prolazi
#1A1A1A tekst na bijeloj	~18.5:1	✅ prolazi

1.2 Tipografija

DM Serif Display

DM Sans — naslovnice, tijelo teksta, UI elementi

Pouzdani upravitelji vaše zgrade

Stambeni Puls d.o.o. pruža profesionalne usluge upravljanja stambenim zgradama u Sisku i okolici. S višegodišnjim iskustvom, brinemo za vaše zajedničke prostore.

Uloga	Font	Weight	Veličina
Display H1	DM Serif Display	400	clamp(2.5rem → 4.5rem)
H1	DM Serif Display	400	clamp(2rem → 3.5rem)
H2	DM Serif Display	400	clamp(1.625rem → 2.75rem)
H3	DM Sans	600	clamp(1.375rem → 2.25rem)
H4	DM Sans	600	clamp(1.125rem → 1.75rem)
Lead	DM Sans	400	clamp(1.0625rem → 1.375rem)
Body	DM Sans	400	clamp(0.9375rem → 1.0625rem)

2 Informacijska arhitektura

2.1 Nova navigacijska struktura

Ključne promjene: Korisno (6 podstranica) → Informacije (jasnije, manje podstranica); hitne intervencije iz footera u navigaciju; Tim stranica dodana.

Početna
O nama
├── O tvrtki
└── Tim
Usluge
├── Upravljanje zgradama
├── Tehnički pregled i održavanje
└── Energetska obnova
Informacije
├── Zakoni i uredbe
├── Pravilnici
└── Osiguranje zgrada
Novosti
Kontakt
└── Hitne intervencije 0-24

Stranica	Zašto	Slug
Početna	Uvod, CTA, trust elementi, hitne intervencije	`/`
O tvrtki	Priča brenda, misija, lokalni identitet Sisak	`/o-nama/`
Tim	Humanizacija — suvlasnici vide s kime rade	`/o-nama/tim/`
Upravljanje zgradama	Core usluga — detaljan opis, što je uključeno	`/usluge/upravljanje-zgradama/`
Tehničko održavanje	Reaktivno i preventivno, hitne intervencije	`/usluge/odrzavanje/`
Energetska obnova	EU fondovi — rastući interes, posebna stranica opravdana	`/usluge/energetska-obnova/`
Zakoni i uredbe	SEO resurs + trust builder za suvlasnike	`/informacije/zakoni/`
Pravilnici	PDF download hub za standardne pravilnike	`/informacije/pravilnici/`
Osiguranje zgrada	Važna tema, partner osiguravatelj	`/informacije/osiguranje/`
Novosti	Aktualnosti, obnove — ažuran sadržaj gradi SEO	`/novosti/`
Kontakt	Adresa, tel., email, mapa, forma	`/kontakt/`
Hitne intervencije	Posebna stranica s tel. brojevima, dostupna svugdje	`/kontakt/hitne-intervencije/`

2.2 Struktura naslovne stranice

┌─────────────────────────────────────────────────────────┐
│  HEADER — sticky                                        │
│  [Logo]  Navigacija  [Hitne int. 0-24 → tel.]           │
└─────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────┐
│  HERO — split layout                                    │
│  ┌─────────────────────┐  ┌───────────────────────────┐ │
│  │ H1: Pouzdani        │  │ Slika — zgrada / Sisak    │ │
│  │ upravitelji vaše    │  │                           │ │
│  │ zgrade              │  │                           │ │
│  │ Lead tekst          │  │                           │ │
│  │ [Kontaktiraj nas →] │  │                           │ │
│  └─────────────────────┘  └───────────────────────────┘ │
│  Pozadina: kremasta (#F5F5F0)                           │
└─────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────┐
│  TRUST BAR                                              │
│  [ 15+ god. iskustva ] [ 200+ zgrada ] [ 0-24h dostupni]│
│  Pozadina: crvena (#C0131A), bijeli tekst               │
└─────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────┐
│  USLUGE — 3 kartice                                     │
│  [ Upravljanje ]  [ Održavanje ]  [ Energ. obnova ]     │
│  Pozadina: bijela                                       │
└─────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────┐
│  HITNE INTERVENCIJE — istaknuta tamna sekcija           │
│  🔴 Dostupni 24/7 · Vodovod · Struja · Lift             │
│  [tel. broj prominentno]  [Pozovi odmah →]              │
│  Pozadina: antracit (#2B2B2B)                           │
└─────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────┐
│  NOVOSTI — 3 najnovije objave                           │
│  Pozadina: kremasta (#F5F5F0)                           │
└─────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────┐
│  KONTAKT CTA                                            │
│  Imate pitanje? Javite nam se.                          │
│  Pozadina: bež (#E8E0D5)                               │
└─────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────┐
│  FOOTER — antracit (#2B2B2B)                            │
│  Logo | Usluge | Informacije | Kontakt                  │
│  🔴 Hitne intervencije: [tel.]                          │
└─────────────────────────────────────────────────────────┘

3 Opis stranica

Stranica	Svrha	Ključni CTA
Početna	Uvod, povjerenje, konverzija	Kontaktiraj nas + hitni tel.
O tvrtki	Priča brenda, lokalni identitet	Postanite naš klijent
Tim	Humanizacija, povjerenje	Direktni kontakt po osobi
Upravljanje zgradama	Core usluga, konverzija	Zatražite ponudu
Tehničko održavanje	Reaktivno i preventivno održavanje	Prijavi kvar
Energetska obnova	EU fondovi, sufinanciranje	Saznajte o sufinanciranju
Zakoni i uredbe	SEO resurs, trust builder	Kontaktirajte nas za savjet
Pravilnici	PDF download hub	Preuzmite pravilnik
Osiguranje zgrada	Info + partner osiguravatelj	Zatražite ponudu osiguranja
Novosti	SEO, obavijesti stanara	Pretplatite se
Kontakt	Konverzija, upit	Forma za upit
Hitne intervencije	Brza pomoć 0-24	Pozovi odmah (tel. link)

4 Tehničke preporuke

Stack

WordPress + Hello Elementor + Elementor Pro (Theme Builder, Form, Loop Grid)
OneTap Accessibility — WCAG 2.1 AA toolbar
WPManageNinja Pro — firewall, brute force zaštita
ASE Pro — clean head, disable comments, redirect after login
SlimSEO Pro — SEO, 301 redirecti, Schema.org LocalBusiness
LiteSpeed Cache — full-page cache
WebP Uploads — automatska WebP konverzija
CookieYes — GDPR cookie banner
Fluent Forms Pro — kontakt forma, email notifikacije

Ciljevi performansi

PageSpeed Insights: 80+ mobile, 90+ desktop
WebP za sve slike, Elementor Optimized DOM Output
LiteSpeed Cache s full-page cache

SEO

Schema.org LocalBusiness (upravitelj zgrada, Sisak, OIB)
301 redirecti za sve promijenjene URL-ove
NAP konzistentnost (Naziv, Adresa, Telefon) na svim stranicama
Open Graph tagovi za dijeljenje na društvenim mrežama

5 UX poboljšanja

Hitni telefon u headeru — uvijek vidljiv na svim uređajima
Trust bar odmah ispod heroa — godine iskustva, broj zgrada, 0-24 dostupnost
CMS za urednika — WordPress omogućava ažuriranje bez programera
Kontakt forma na naslovnoj — sniziti barijeru za upit
Google Maps embed — lokalni trust za Sisak i okolicu
Breadcrumb navigacija — snalaženje u dubini stranica
Pretraga — posebno važna za zakone i pravilnike
Cookie banner — CookieYes za GDPR usklađenost
404 stranica — prilagođena s navigacijom i kontaktom
Mobilni menu — hamburger s animacijom, touch-friendly

6 Prioriteti implementacije

Visoki prioritet — obavezno

Migracija na WordPress (Elementor Pro stack)
Responsive dizajn i mobilna optimizacija
Hitne intervencije prominentno (header + posebna stranica)
Ažuriranje sadržaja (novosti, usluge)
Kontakt forma (Fluent Forms)
HTTPS + sigurnosna konfiguracija
Osnovna SEO konfiguracija (SlimSEO Pro)
WCAG 2.1 AA (OneTap + alt tekstovi + kontrast)

Srednji prioritet — preporučeno

Trust elementi (godine, broj zgrada, testimonijali)
Tim stranica s fotografijama
Energetska obnova stranica (EU fondovi)
Google Maps embed na kontaktu
Pretraga unutar stranice
Blog/novosti s redovitim objavama

Niski prioritet — opcijsko

Online portal za uvid u pričuvu
E-uplatnice online
Newsletter pretplata
Galerija referentnih projekata obnove

Smjernice i struktura redizajna