Kako smo izradili novu web stranicu Grada Varaždina [Case study]

Vrijeme čitanja: 7 min
17. veljača 2016.

Marker je web agencija fokusirana na izradu web trgovina i to je nešto po čemu smo poznati i u čemu smo jako dobri.

Moramo se malo pohvaliti, a i naše reference kažu kako se imamo čime ;)

No, izuzev web trgovina nije nam nikakav problem izraditi i web stranicu. I to prema zadnjim trendovima i željama Klijenta.

Posljednji takav projekt kojeg smo se prihvatili bila je izrada nove web stranice Grada Varaždina.

Tu smo željeli spojiti dvije dosta važne stvari - željeli smo da stranica odlično izgleda, ali i da bude funkcionalna i jednostavna za korištenje. Jer ipak je glavna zadaća stranice Grada da bude servis građana.

Uz to, željeli smo da stranica bude jednostavna za korištenje administratorima. Zbog toga smo automatizirali proces premještanja aktivnih javnih natječaja u arhivu s datumom isteka. 

U nastavku saznajte kako je tekao cijeli proces izrade novih stranica Grada Varaždina i više o funkcionalnostima na stranici.

Prvi korak prilikom redizajna

Kod osmišljavanja nove strukture sadržaja za web stranicu koja ima ogromnu količinu sadržaja, a cilj joj je biti funkcionalna najvažnije je krenuti s dobre polazišne točke. Prvi naš korak prilikom redizajna bile konzultacije s uvijek dobrim savjetodavcem - Google Analyticsom.

Na uzorku od gotovo 80.000 posjetitelja i više od 360.000 pregleda pojedinačnih stranica, došli smo do zaključaka koje sadržaje građani najviše traže, na koji način se koriste stranicom i kako izgleda njihov način navigiranja i korištenja stranice (Behavior Flow).

Analiziranje podataka pokazala je kako posjetitelji web stranica Grada najviše traže i konzumiraju sljedeće sadržaje:

  • početna/naslovna stranica
  • telefonski imenik upravnih odjela
  • otvoreni natječaji
  • javna nabava
  • „Kako Vam možemo pomoći“ – servis za brzo pronalaženje važnih dokumenata i stranica s važnim informacijama

Na temelju tih podataka radili smo prioritete prikaza sadržaja na početnoj stranici i stalno smo imali na umu kako stranicu koristi veliki broj građana te kako treba osmisliti strukturu koja će biti jednostavna za korištenje upravo građanima.

 


 

Odlučili smo sadržaje koji se najviše čitaju i pretražuju organizirati tako da budu pregledni i dostupni odmah s početne stranice jer većina posjetitelja očekuje informaciju odmah bez puno klikanja i bez duboke navigacije i istraživanja unutar izbornika i pod izbornika.

Posljedica toga je i veliki pretraživač koji dominira početnom stranicom i preko kojeg građani mogu jednostavno doći do dokumenata koje traže.

Naravno, osim servisnih informacija tu su i stvari koje Grad kao jedinica lokalne samouprave želi iskomunicirati prema građanima.

Početna stranica zato ujedinjuje upravo te stvari - ima jasno vidljive sve informacije koje najviše zanimaju građane i pretraživač koji je s AutoComplete opcijom vrlo jednostavan za upotrebu, ali i izdvojenu rubriku za novosti i događaje u Gradu. 

Elementi početne stranice

1. Hello bar

Hello bar je traka na vrhu dizajna istaknuta drugačijom bojom koja administratoru web stranice omogućava isticanje određenih kratkih poruka ili linkova na neku unutarnju ili vanjsku stranicu. Naša ideja primjene hello bara je isticanje „Programske knjižice“ koja je sada smještena i sakrivena duboko u strukturi izbornika važan je sadržaj za posjetitelje.

 

Sekundarna upotreba može biti održavanja određenih manifestacija u Gradu poput Baroknih večeri, Špancirfesta i slično. 

Hello bar ne mora biti aktivan cijelo vrijeme, administrator ga može po potrebi uključiti/isključiti.

2. Zaglavlje stranice s izbornicima

Okosnica strukture sadržaja na svakoj web stranici su izbornici. 

Sadržaj mora biti raspoređen u smislene kategorije bez slijepih ulica. Sadržaj mora biti raspoređen u grupe kojima jednostavno i brzo navigirati te koje su vidljive i razumljive čim posjetitelj dođe na web stranicu.

 

Mi smo odlučili napraviti dva paralelna horizontalna izbornika koja smo funkcionalno podijelili. Prvi izbornik odnosi se na Gradsku upravu, vijeće i druge službene institucije dok se drugi, glavni izbornik odnosi na sadržaje namijenjene građanima.

U zaglavlje stranice smjestili smo i logo Grada, izbornike, odabir jezika i funkcionalnu tražilicu koja ima iste osobine kao velika tražilica koju opisujemo u nastavku.

3. Velika tražilica svih dokumenata i informacija

Ideja kod kreiranja velike tražilice na početnoj stranici je bila da ona postane glavni servis građana i glavni alat građana u korištenju budućih web stranica Grada Varaždina.

Tu sekciju smjestili smo odmah ispod zaglavlja i time joj dali najveći fokus na stranici. Podijelili smo je na dva dijela, lijevi dio je tražilica a desni dio je popis 10 najtraženijih pojmova tj. informacija kako bi se posjetiteljima dala sugestija odnosno kako bi se klikom na pojedinu sugestiju skratilo vrijeme potrebno da se dođe do traženog dokumenta ili informacije.

Tražilica ima AutoComplete funkciju što znači da će već prilikom utipkavanja prvih nekoliko slova sustav prikazati padajući izbornik ispod tražilice sa sugestijom pojmova i rezultata i na kraju s linkom na sve rezultate.

 

Tražilica ima opciju praćenja svih pojmova koji se upisuju. Administrator može vidjeti koliko puta je koji pojam upisan i za sve one pojmove koji neće dobit niti jedan rezultat, administrator će moći putem sustava za unos sinonima spojiti pojmove i tako za široki spektar pojmova koji bi inače ostali bez rezultata ipak osigurati rezultate pretraživanja.

4. Novosti

Sljedeća sekcija na početnoj stranici prikazuje pet zadnjih (ili odabranih) izdvojenih novosti. Jedna novosti prikazana je u najvećem formatu s najvećom fotografijom i na njoj je najveći fokus dok su ostale četiri novosti prikazane u manjem formatu i s manjom fotografijom čime dobivaju manji fokus.

Osim pet izdvojenih novosti posjetitelji mogu jednim klikom doći do popisa svih novosti.

5. Telefonski imenik upravnih odjela

Prema statistici posjećenosti u zadnjih godinu dana, najtraženije informacije nakon početne stranice bile su telefonski imenik. Odlučili smo te informacije dovesti na početnu web stranicu i odmah ih prikazati posjetiteljima kako bismo maksimalno skratili vrijeme koje je potrebno da dođu do traženih informacija.

6. Snimke sjednica Gradskog vijeća

Budući da su snimke sjednica Gradskog vijeća jedan od zanimljivijih sadržaja, odlučili smo odmah na početnu stranicu integrirati YouTube kanal Grada Varaždina.

Naša je ideja da snimka zadnje sjednice bude prikazana odmah na početnoj stranici u formatu dovoljno velikom da se ne mora odlaziti sa stranice već da se snimka sjednice može pregledavati i na njoj čime ćemo povećati prosječno vrijeme zadržavanja posjetitelja na stranici.

7. Natječaji / Javna nabava

Treća i četvrta najgledanija stranica nakon početne i telefonskog imenika prema analizi su stranice „Natječaji“ i „Javna nabava“.

Kako očito postoji velik interes za tim dijelom izdvojili smo i te sadržaje na početnu stranicu na način da bi se ovdje ispisivale zadnje četiri objave u „Natječajima“ i zadnje četiri objave „Nabave ispod zakonskog praga“.

Što se tiče natječaja i javne nabave osmislili funkcionalnost koja korisnicima onemogućuje prijavu na natječaje koji su istekli. 

Svi natječaji koji su istekli automatski se prebacuju u Arhivu natječaja. Ako korisnik klikne na natječaj kojem je istekao rok bit će mu vrlo jasno naglašeno kako natječaj više nije aktivan. 

Automatsko prebacivanje isteklih natječaja u arhivu

 

8. GRIC

Na početnu stranicu izdvojili smo i Gradski reklamacijsko-informativni centar. 

Jasno smo istaknuli broj telefona na koji se građani mogu javiti, a uz kratak opis što je GRIC i kako je zamišljeno njegovo funkcioniranje postavili smo dva gumba putem kojih građani modu prijaviti problem ili provjeriti status prijavljenog problema.

U sklopu sekcije „GRIC“ izdvojili smo odmah u fokus i kontakt brojeve glavnog i ostalih komunalnih redara kao važne informacije koje su dosad bile skrivene unutar izbornika.

9. Život u Varaždinu i podnožje (footer)

Na početnu stranicu izdvojili smo i rubriku iz izbornika Život u Varaždinu koja građanima nudi općenite informacije, a u podnožju smo istaknuli još jednom kontakt informacije, adresu i servisne informacije Grada te popis Gradskih ustanova i tvrtki.

Svaka ustanova i tvrtka koja ima svoju web stranicu ovdje je definirana kao link što znači da će posjetitelji uvijek jednostavno moći posjetiti stranicu bilo koje ustanove ili tvrtke Grada Varaždina.

Tu su i linkovi na kanale društvenim mreža koje trenutno koristi Grad Varaždin, servisni izbornik i copyright napomene.

Podnožje (footer)

Sve u svemu, bilo je izazovno osmisliti web stranicu koja je moderna, estetski privlačna i funkcionalna i to prvenstveno zbog velike količine raznovrsnog sadržaja koji web stranica Grada mora imati.

A koji smo uspjeli lijepo i pregledno posložiti,  u što se i sami možete uvjeriti i pogledati web stranicu Grada Varaždina.

No, da se ne hvalimo previše, naša najbolja preporuka je ipak zadovoljni Klijent. 

U ovom slučaju to je predstavnik Grada Varaždina, gradonačelnik Goran Habuš koji je sretan i zadovoljan s onim što smo napravili za Grad. Pa pročitajte što on kaže:)

Zahvaljujem djelatnicima trgovačkog društva Marker d. o. o. na izuzetno uspješnoj poslovnoj suradnji prilikom izrade Internetskih stranica Grada Varaždina koje su završene u unaprijed definiranom roku. Naročito cijenim to što su pažljivo slušali i uvažili sve naše zahtjeve koje su svojim inovativnim idejama strukturiranja sadržaja sproveli u djelo kako bi građani Varaždina dobili optimalno rješenje korisnih web stranica. Kombinacija profesionalnog pristupa, vrlo visoke stručnosti i bogatog iskustva pokazala se presudnim pri odabiru trgovačkog društva Marker d. o. o. za izradu novih Internetskih stranica Grada Varaždina. Kompetentnost djelatnika trgovačkog društva Marker d. o. o. uključenih u projekt potvrdila se u vrlo kvalitetnoj suradnji sa stručnim timom iz gradske uprave pa smo s pravom uvjereni da Grad Varaždin sada ima jednu od najboljih Internetskih stranica lokalnih samouprava u Republici Hrvatskoj.
gradonačelnik Grada Varaždina Goran Habuš

6.243 tvrtki svaki tjedan besplatno prima naše korisne savjete na email. Pridruži im se...

Zatvori

„Kolačić” je mala tekstualna datoteka koja sadrži podatke koji se pohranjuju na vaše računalo. Kolačići se koriste samo u tehničke svrhe te za olakšavanje upotrebe internetske stranice. 

Jedna vrsta kolačića, „trajni kolačić”, sprema datoteku na vaše računalo na dulje vrijeme. Naknadno se može koristiti za prilagodbu internetske stranice sukladno izborima i željama korisnika. Druga uobičajena vrsta kolačića je „kolačić sesije”. Kada posjetite određenu internetsku stranicu, kolačići sesije se šalju između vašeg računala i poslužitelja radi prikupljanja podataka. Kolačići sesije ne spremaju se nakon zatvaranja internetskog preglednika. Više informacija o tome kako funkcioniraju kolačići možete pronaći na www.allaboutcookies.org. 

Neprekidno radimo na poboljšanju ove internetske stranice. Stoga koristimo alat za analizu internetskih stranica „Google Analytics”, kojime analiziramo ponašanje posjetitelja naše internetske stranice na anoniman i skupni način. Alatu Google Analytics dozvoljavamo instalaciju kolačića i njihovo upravljanje na ovoj internetskoj stranici. Google Analytics koristi sljedeće kolačiće:

  • senzacionalno.hr
  • Ovaj kolačić pohranjuje podatke o svojim korisnicima radi stjecanja saznanja i njihovim potrebama. Namjena ovog kolačića je za poboljšanje kvalitete usluge, kako i za spremanje korisničkih postavki, preporuke sadržaja i rezultata pretraživanja te praćenje korisničkih trendova . Kolačić je „trajni” i pohranjuje se lokalno na vaše računalo tijekom 26 mjeseci.

Kako prekinuti upotrebu kolačića?
Ako ne želite primati kolačiće, izmijenite postavke internetskog preglednika tako da se automatski onemogućava pohrana kolačića ili da se prikazuje obavijest ako određena internetska stranica želi pohraniti kolačiće na vaše računalo. Prethodno pohranjene kolačiće možete izbrisati i putem internetskog preglednika. Za određena područja i funkcije ove internetske stranice potrebni su kolačići i neće raditi u slučaju brisanja ili odbijanja prihvaćanja kolačića.

Ako želite onemogućiti da vam Google Analytics sprema kolačiće, možete ga zabraniti na sljedećem linku: