Dokument 1 · stambeni-puls.hr
Analiza i smjernice redizajna
1 Analiza postojeće stranice
1.1 Opći pregled
| Stavka | Detalji |
|---|---|
| Platforma | WordPress — zastarjela tema, WOW.js animacije |
| Primarna boja | #3d85c8 — generička plava, nije brendirana; logo koristi #C0131A |
| Fontovi | Generički sans-serif; nema karaktera |
| Adresa | A. Starčevića 92, 44000 Sisak |
| Telefon | 044 540 302 / 091 923 5775 |
info@stambeni-puls.hr | |
| Radno vrijeme | Pon–Pet: 7:00–15:00 |
| SSL | ✅ HTTPS aktivan |
| Posljednji sadržaj | Novosti iz ožujka 2021. — 5 godina bez ažuriranja |
| Područje | Sisak 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
- Hero slider s generičkim fotografijama zgrada — zastarjeli pattern, spor
- Lista usluga bez opisa ili vizualnih elemenata
- Nema "social proof" elemenata (broj zgrada, godina iskustva, stanara)
- Nema posebne sekcije za energetsku obnovu (aktualna tema EU fondovi)
- Nema prominentnog broja za hitnu intervenciju 24/7
- 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
| Tvrtka | Boja | Poruka | Jaka strana | Slabost |
|---|---|---|---|---|
BMD Upraviteljbmd-upravitelj.hr |
Navy plava | "Vodeći stručnjak" | Veličina (35.000 jed.) | Previše korporativno, hladno |
Upravitelj-Stanupravitelj-stan.hr |
Crno-bijelo-sivo | Formalno-institucionalno | Ovlašteni upravitelj | WordPress generičan, bez boje |
StambeniZGstambenizg.hr |
Plava moderna | Moderan + stanarski portal | Tenant portal online | Zagreb-centriran, daleko od Siska |
SisakStansisakstan.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
| Uloga | Font | Weight | Veličina |
|---|---|---|---|
| H1 — display naslovi | DM Serif Display | 400 (italic) | clamp(2.5–4rem) |
| H2 — naslovi sekcija | DM Serif Display | 400 | clamp(1.75–3rem) |
| H3 — podnaslovi | DM Serif Display | 400 | clamp(1.25–2rem) |
| Body — paragraf tekst | DM Sans | 400 | clamp(15–17px) / line-height 1.7 |
| UI label — navigacija, meta | DM Sans | 600–700 | 12–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
| Namjena | Plugin | Napomena |
|---|---|---|
| Page builder | Elementor Pro | Theme Builder, Form, Loop Grid |
| Kontakt forma | Elementor Form widget | Ugrađeno u Pro |
| SEO | RankMath Pro ili SlimSEO | Lokalno SEO za Sisak (LocalBusiness schema) |
| Sigurnost | Wordfence ili WPManageNinja | Firewall, brute force zaštita |
| Caching | LiteSpeed Cache | Ako hosting podržava LiteSpeed |
| Slike | WebP Uploads | Automatska konverzija pri uploadu |
| Kolačići | CookieYes Free | GDPR 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