Dokument 1 · stambeni-puls.hr

Analiza i smjernice redizajna

stambeni-puls.hr  ·  20. ožujka 2026.

1 Analiza postojeće stranice

1.1 Opći pregled

StavkaDetalji
PlatformaWordPress — zastarjela tema, WOW.js animacije
Primarna boja#3d85c8 — generička plava, nije brendirana; logo koristi #C0131A
FontoviGenerički sans-serif; nema karaktera
AdresaA. Starčevića 92, 44000 Sisak
Telefon044 540 302 / 091 923 5775
Emailinfo@stambeni-puls.hr
Radno vrijemePon–Pet: 7:00–15:00
SSL✅ HTTPS aktivan
Posljednji sadržajNovosti iz ožujka 2021. — 5 godina bez ažuriranja
PodručjeSisak i Sisačko-moslavačka županija

1.2 Trenutna navigacijska struktura

NASLOVNICA
O NAMA
USLUGE
KORISNO
├── Zakoni i propisi
├── Obrasci
└── Osiguranje
NOVOSTI
KONTAKT
Navigacija je plitka i jednostavna, ali bez vizualne hijerarhije — svi linkovi izgledaju jednako. Nedostaje istaknuti gumb za hitnu intervenciju i jasno vidljiv kontakt.

1.3 Sadržaj naslovnice

  1. Hero slider s generičkim fotografijama zgrada — zastarjeli pattern, spor
  2. Lista usluga bez opisa ili vizualnih elemenata
  3. Nema "social proof" elemenata (broj zgrada, godina iskustva, stanara)
  4. Nema posebne sekcije za energetsku obnovu (aktualna tema EU fondovi)
  5. Nema prominentnog broja za hitnu intervenciju 24/7
  6. Footer bez brenda — generički, nema loga ni opisa tvrtke

1.4 Identificirani problemi

⚙️ Tehnički problemi

  • WOW.js animacije — zastarjela biblioteka, lagana alternativa postoji
  • Hero slider — spor, loš Core Web Vitals score
  • Generička WordPress tema — nema vizualnog identiteta
  • Nije jasno je li mobilno optimizirano

👤 UX problemi

  • Nema hero sekcije s jakim headline-om
  • Broj hitne intervencije nije vidljiv na svakoj stranici
  • Nema kontakt forme — korisnik mora otvoriti email klijent
  • Nema online prijave kvara ili portala za stanare

📄 Sadržajni problemi

  • Posljednja novost iz ožujka 2021. — 5 godina starosti
  • Stranica "O nama" gotovo prazna — nema priče, tima ni misije
  • Nema testimonijala ni recenzija stanara
  • Nema informacija o EU fondovima i energetskoj obnovi

🎨 Vizualni problemi

  • Logo je moderan (crvena #C0131A) ali stranica ga ne prati
  • Generična plava (#3d85c8) nije iz branda — nikakva veza s logom
  • Tipografija bez karaktera — generički sans-serif
  • Nema vizualnog raspoznavanja (SVE konkurentske stranice izgledaju slično)

2 Analiza konkurencije

2.1 Usporedna tablica konkurenata

TvrtkaBojaPorukaJaka stranaSlabost
BMD Upravitelj
bmd-upravitelj.hr
Navy plava "Vodeći stručnjak" Veličina (35.000 jed.) Previše korporativno, hladno
Upravitelj-Stan
upravitelj-stan.hr
Crno-bijelo-sivo Formalno-institucionalno Ovlašteni upravitelj WordPress generičan, bez boje
StambeniZG
stambenizg.hr
Plava moderna Moderan + stanarski portal Tenant portal online Zagreb-centriran, daleko od Siska
SisakStan
sisakstan.hr
Navy/tamno siva Lokalni, čist Lokalna prisutnost Bez diferencijacije, neažuran sadržaj
Stambeni Puls (trenutno) Generička plava Nema jasne poruke Lokalni stručnjak Ne koristi crveni brand iz loga

2.2 Zaključak konkurentske analize

Svi konkurenti koriste plavo-sivu korporativnu paletu. Nitko nema snažan vizualni identitet vezan za vlastiti brand. Ovo je direktna prilika — Stambeni Puls ima crveni logo koji je distinktivan i može stvoriti prepoznatljiv vizualni identitet koji se pamti.

Pozicioniranje: lokalna tvrtka koja je dostupna, transparentna i pouzdana. Naglasak na Sisak i Sisačko-moslavačku županiju, lokalna ekspertiza, post-potresna obnova.

3 Smjernice za redizajn

3.1 Vizualni identitet — paleta boja

Paleta boja — derivirana iz loga

#C0131A
Primarna crvena — CTA gumbi, akcenti, ikone, "puls" branda
#9B0F14
Crvena tamna — hover stanja
#2B2B2B
Tamna — header, footer, tekst, headeri
#F5F5F0
Topla krem — pozadine (ne hladna #FFFFFF)
#E8E0D5
Topli bež — alternativne sekcije
#6E6860
Prigušeni tekst — opisi, meta info

Kontrast i pristupačnost (WCAG 2.1)

Bijelo na crvenoj #C0131A — 4.7:1 ✓ AA (za veliki tekst) Bijelo na tamnoj #2B2B2B — 11.6:1 ✓ AAA Tamna #2B2B2B na krem #F5F5F0 — 9.8:1 ✓ AAA Stara #3d85c8 plava na bijeloj — ne potječe iz branda ✗

3.2 Tipografija

UlogaFontWeightVeličina
H1 — display nasloviDM Serif Display400 (italic)clamp(2.5–4rem)
H2 — naslovi sekcijaDM Serif Display400clamp(1.75–3rem)
H3 — podnasloviDM Serif Display400clamp(1.25–2rem)
Body — paragraf tekstDM Sans400clamp(15–17px) / line-height 1.7
UI label — navigacija, metaDM Sans600–70012–13px / uppercase

3.3 Nova informacijska arhitektura

Početna
O nama
  ├── O tvrtki
  ├── Tim
  └── Certifikati i reference
Usluge
  ├── Upravljanje zgradom
  ├── Tehnički nadzor i održavanje
  ├── Hitne intervencije 24/7
  ├── Financijsko i administrativno
  ├── Osiguranje zgrade
  └── Energetska obnova (EU fondovi)
Novosti i obavijesti
Korisno
  ├── Zakoni i propisi
  ├── Obrasci i zahtjevi
  └── Česta pitanja
Kontakt
  • "Hitna intervencija" gumb vidljiv na SVAKOJ stranici (top bar i sticky header)
  • Usluge razbijene na podstranice — svaka ima vlastiti SEO i opis
  • Nova stranica "Energetska obnova" — posebno istaknuta zbog EU fondova
  • "Česta pitanja" uklanjaju prigovore i smanjuju broj upita
  • "Tim" sekcija — povjerenje kroz lica i imena

3.4 Preporučena struktura naslovne stranice

┌─────────────────────────────────────────────────────────────────────┐
│  TOP BAR   📍 A. Starčevića 92   ⏰ Pon–Pet 7–15   📧 info@...     │
│                                    [🔴 Hitna intervencija 091...]   │
├─────────────────────────────────────────────────────────────────────┤
│  HEADER    [Logo]   Početna | O nama | Usluge | Novosti | Kontakt   │
├─────────────────────────────────────────────────────────────────────┤
│  HERO      [Crveni panel: logo + emergency] | [Cream: headline +    │
│             CTA gumbi + trust badges]                               │
├─────────────────────────────────────────────────────────────────────┤
│  STATS     25+ god. iskustva | 180+ zgrada | 24/7 intervencija     │
│            (tamna pozadina, crveni DM Serif Display brojevi)        │
├─────────────────────────────────────────────────────────────────────┤
│  USLUGE    6 kartica (3×2), ikone, kratki opisi                    │
├─────────────────────────────────────────────────────────────────────┤
│  O NAMA    Pull quote (serif italic) + 5 prednosti + CTA            │
├─────────────────────────────────────────────────────────────────────┤
│  ENERGETSKA OBNOVA   CTA sekcija (crvena pozadina, EU fondovi)     │
├─────────────────────────────────────────────────────────────────────┤
│  NOVOSTI   3 najnovije kartice (bež pozadina)                       │
├─────────────────────────────────────────────────────────────────────┤
│  KONTAKT   Info kartice + forma za upit                             │
├─────────────────────────────────────────────────────────────────────┤
│  FOOTER    Logo | Stranice | Usluge | Kontakt + hitna               │
└─────────────────────────────────────────────────────────────────────┘

3.5 Tehničke smjernice

Stack

WordPress + Hello Elementor + Elementor Pro — ili prilagođeni standalone HTML/CSS/JS predložak (kao u prijedlozima 1 i 3). Hello Elementor je neutralna tema bez vlastitog CSS-a koji se sukobljava s customizacijom.

Preporučeni pluginovi

NamjenaPluginNapomena
Page builderElementor ProTheme Builder, Form, Loop Grid
Kontakt formaElementor Form widgetUgrađeno u Pro
SEORankMath Pro ili SlimSEOLokalno SEO za Sisak (LocalBusiness schema)
SigurnostWordfence ili WPManageNinjaFirewall, brute force zaštita
CachingLiteSpeed CacheAko hosting podržava LiteSpeed
SlikeWebP UploadsAutomatska konverzija pri uploadu
KolačićiCookieYes FreeGDPR banner na dnu

Core Web Vitals ciljevi

  • Lighthouse Performance score ≥ 90 (cilj — ukloniti WOW.js, zamijeniti slider)
  • LCP (Largest Contentful Paint) < 2.5s
  • CLS (Cumulative Layout Shift) < 0.1
  • FID / INP < 200ms

4 Sažetak prioriteta

🔴 Visoki prioritet — obavezno

  • Nova WordPress tema (Hello Elementor) — zamjena zastarjele teme
  • Hero sekcija s jasnim headline-om i CTA (bez slidera)
  • Hitna intervencija — vidljiva na SVAKOJ stranici (top bar + sticky header)
  • Brendirana paleta — crvena iz loga, ne generička plava
  • Ažuriranje sadržaja — novosti od 2021. moraju se obnoviti paralelno s redizajnom
  • Kontakt forma s automatskim odgovorom na email
  • Broj upravljanih zgrada i godina iskustva — prominentno kao trust elementi
  • Stranica "O nama" — stvarna priča, tim, misija

🔵 Srednji prioritet — preporučeno

  • Posebna stranica / sekcija "Energetska obnova" s EU fondovima
  • Portal za stanare ili online prijava kvara (link ili forma)
  • Google Maps embed na stranici Kontakt
  • DM Serif Display + DM Sans — nova tipografija umjesto generičkih fontova
  • Schema markup LocalBusiness za lokalno SEO (Sisak)
  • Stranice usluga — svaka usluga dobiva vlastitu podstranicu
  • Testimonijali stanara (social proof)

🟢 Niži prioritet — opcijsko

  • Online kalkulator pričuve
  • Open Graph meta tagovi za dijeljenje na društvenim mrežama
  • FAQ stranica (česta pitanja)
  • Newsletter pretplata za obavijesti suvlasnicima
  • Višejezičnost (EN) za potencijalne investitore