Case Study: Kako smo u 6 mjeseci transformirali web stranicu Veleučilišta - Potpuni redizajn od A do Z
Ključni rezultati: Potpuna digitalna transformacija u 6 mjeseci | Modernizacija zastarjele web stranice | Poboljšano korisničko iskustvo za 400+ studenata | WordPress custom development | SEO optimizacija | Responzivni dizajn
Novi VHZK izgled
Uvod izazovi
Izazov: Zastarjela web stranica koja ne odgovara suvremenim standardima
Rješenje: 6-mjesečni proces potpune digitalne transformacije
Proces: Od analize do lansiranja u 5 faza
Rezultati: Mjerljiva poboljšanja u performansama i korisničkom iskustvu
Ključne lekcije za vaš sljedeći web projekt
Klijent: Veleučilište Hrvatsko zagorje Krapina
Industrija: Visoko obrazovanje
Lokacija: Krapina, Hrvatska
Broj korisnika: 500+ studenata, nastavnika i partnera
Projekt: Potpuni redizajn i modernizacija web stranice
Trajanje: 6 mjeseci
Rezultat: vhzk.hr → info.vhzk.hr
Izazov: Web stranica koja ne prati korak s vremenom
Kada nas je Veleučilište Hrvatsko zagorje Krapina kontaktiralo, njihova web stranica na adresi vhzk.hr suočavala se s ozbiljnim problemima koji su utjecali na korisničko iskustvo i digitalnu prisutnost institucije.
Zastarjeli dizajn – Vizualni identitet nije odražavao suvremeni imidž prestižne obrazovne institucije
Kompleksna navigacija – Studenti i nastavnici gubili su vrijeme tražeći osnovne informacije
Nedostatak responzivnosti – 60%+ korisnika pristupalo je putem mobilnih uređaja, ali iskustvo je bilo frustrirajuće
Ograničene admin mogućnosti – Objava novog sadržaja bila je spora i komplicirana
Loše SEO performanse – Stranica se teško pronalazila u Google rezultatima
“Naša web stranica nije odražavala kvalitetu obrazovanja koju pružamo. Trebali smo rješenje koje će biti i funkcionalno i reprezentativno.”
– Dekan VHZK-a Nenad Sikirica
Umjesto brzog “faceliftinga”, odlučili smo na potpunu digitalnu transformaciju koja će riješiti sve identificirane probleme i postaviti temelje za budući rast.
Naš pristup u 5 ključnih faza:
Faza 1: Dubinska analiza i istraživanje (Mjesec 1)
Prije bilo kakvog dizajniranja, morali smo razumjeti stvarne potrebe korisnika:
Analiza postojeće stranice – Identificirali najposjećenije stranice i glavne “pain pointove”
Ankete s korisnicima – Prikupili feedback od studenata, nastavnika i vanjskih partnera
Konkurentska analiza – Proučili najbolje prakse drugih visokoobrazovnih institucija
Tehnička analiza – Evaluirali performanse, sigurnost i SEO trenutnog rješenja
Ključni uvid: Korisnici su htjeli pronaći bilo koju informaciju u maksimalno 3 klika.
Faza 2: UX dizajn i informacijska arhitektura (Mjesec 2)
Na temelju prikupljenih podataka kreirali smo potpuno novu strukturu:
Intuitivna navigacija – Reorganizirali sadržaj prema korisničkim potrebama
Pravilo 3 klika – Osigurali da se svaka informacija može pronaći u maksimalno 3 klika
Usklađenost s propisima – Navigacija prilagođena zakonskim zahtjevima za visoko obrazovanje
Wireframes i prototipovi – Vizualizirali novo korisničko iskustvo
Faza 3: UI dizajn i vizualni identitet (Mjesec 3)
Razvili smo suvremeni dizajn koji odražava vrijednosti VHZK-a:
Minimalistički pristup – Čist, profesionalan dizajn koji stavlja sadržaj u fokus
Konzistentna tipografija – Odabrane fontove koji poboljšavaju čitljivost
Strategija boja – Paleta koja odražava profesionalnost i pristupačnost
Vizualna hijerarhija – Jasno usmjeravanje pažnje na najvažnije elemente
Faza 4: Razvoj i implementacija (Mjeseci 4-5)
Za tehnička rješenja odabrali smo WordPress kao CMS platformu s custom funkcionalnostima:
Korištene tehnologije i alati:
WordPress CMS – Fleksibilnost i jednostavnost upravljanja
Elementor Theme Builder – Custom dizajn bez ograničenja
Essential Addons – Proširene funkcionalnosti
Yoast SEO – Optimizacija za tražilice
WP Forms – Kontakt forme i ankete
Cookie Consent – GDPR usklađenost
Accessibility plugins – Pristupačnost za sve korisnike
Tehnička odluka: Nova stranica implementirana na poddomenu info.vhzk.hr s novom bazom podataka za izbjegavanje konflikata.
Faza 5: Testiranje i optimizacija (Mjesec 6)
Prije lansiranja proveli smo opsežno testiranje:
Performance testiranje – Optimizirali brzinu učitavanja
Responzivnost – Testirali na svim uređajima i veličinama ekrana
SEO audit – Osigurali najbolje pozicioniranje u tražilicama
Accessibility testiranje – Pristupačnost za korisnike s poteškoćama
Security scan – Implementirali sigurnosne mjere
Nove funkcionalnosti i poboljšanja:
✅ Potpuno responzivni dizajn – Savršeno iskustvo na svim uređajima
✅ Intuitivna navigacija – Sve informacije dostupne u maksimalno 3 klika
✅ Suvremeni vizualni identitet – Dizajn koji odražava kvalitetu institucije
✅ SEO optimizacija – Bolje pozicioniranje u Google rezultatima
✅ Jednostavna administracija – Brže ažuriranje sadržaja
✅ Poboljšana brzina – Optimizirane performanse
✅ GDPR usklađenost – Sigurnost i privatnost korisnika
Mjerljivi rezultati nakon lansiranja:
Značajno povećanje broja posjeta putem mobilnih uređaja
Smanjeno vrijeme potrebno za pronalaženje ključnih informacija
Poboljšana vidljivost stranice u Google rezultatima pretraživanja
Pozitivni feedback od studenata, nastavnika i partnera
Ključne lekcije za vaš web projekt
Što smo naučili tijekom ovog projekta:
Istraživanje je temelj uspjeha – Bez razumijevanja korisničkih potreba, nema dobrog dizajna
Postupnost je ključna – 6-mjesečni pristup omogućio je temeljitu transformaciju
Tehnologija mora služiti cilju – WordPress je odabran zbog fleksibilnosti, ne zbog popularnosti
Testiranje štedi vrijeme – Opsežno testiranje prije lansiranja spriječilo je buduće probleme
Korisničko iskustvo je prioritet – Svaka odluka donesena je s korisnicima na umu
Preporučujemo ovaj pristup ako:
- Vaša trenutna web stranica ima više od 3 godine
- Više od 50% prometa dolazi s mobilnih uređaja, a stranica nije responzivna
- Korisnici se žale na složenu navigaciju
- Trebate više vremena za ažuriranje sadržaja nego što je razumno
- Vaša stranica se ne pojavljuje u prvim Google rezultatima za relevantne pojmove
Sljedeći koraci
Ovaj case study pokazuje kako strategijski pristup web redizajnu može potpuno transformirati digitalnu prisutnost organizacije. Od zastarjele stranice na vhzk.hr do moderne, funkcionalne platforme na info.vhzk.hr – put je bio jasan zahvaljujući metodičnom pristupu i fokusiranosti na korisničke potrebe.
Razmišljate o redizajnu svoje web stranice?
Kontaktirajte Webforgelab za besplatnu analizu vaše trenutne web stranice i personalizirani plan digitalne transformacije. Kao što smo pomogli VHZK-u, možemo pomoći i vama da stvorite web prisutnost koja stvarno radi za vaš biznis.
Webforgelab – Vaš partner za digitalnu transformaciju
Specijalizirani za WordPress development, SEO optimizaciju i integrirane digitalne solucije za hrvatska i EU poduzeća.