Site is best used in portrait mode

Redizajnovali sme informačný portál hlavného mesta Slovenska. Obyvatelia Bratislavy majú možnosť podieľať sa na riadení mesta, čo súvisí s hodnotením a monitorovaním plnenia rozvojových cieľov a zároveň môžu byť súčasťou pri rôznych rozhodnutiach mesta.

Pozrite sa na náš proces návrhu

Analýza

Celý obsah, stránku po stránke, sme dôkladne analyzovali. Koľko ľudí každú stránku navštívilo, čo, kde hľadali a aké boli ich ciele vyhľadávania.

Hotjar, Google Analytics

Heatmapy a používateľnosť

Prvý web pre mesto Bratislava bol vytvorený v roku 2013. Avšak s našou prvou Hotjar analýzou sa nám vyobrazili aj prvé problémy tohto webu. Kľúčovými časťami webu boli klikania na bannery a podstránku “Mesto a jeho správa”. Novinky mesta Bratislava sa vôbec nepoužívali.

Hlavné problémy

80%

Existujúcich stránok neboli navštevované používateľmi.

Mobil

Žiadna mobilná verzia, žiadny responzívny dizajn.

Novinky sú skryté

Magistrát má špeciálne vyčlenenú časť pre novinky, ale návštevníkov je extrémne málo.

Navigácia a kontent

Hlavná navigácia v “Menu” pozostáva s niekoľkých neprepojených častí. Je rozbitá a niektoré odkazy navigácie smerujú na externé webové stránky.

Veľa ľudí stránku bratislava.sk nepozná

Väčšina ľudí prichádza s požiadavkami, ako kontaktovať Magistrát alebo ako zaplatiť dane. Avšak väčšina používateľov o stránke bratislava.sk ani nevie.

Naše riešenie

Upravený kontent

Na stránkach, ktoré boli ľuďmi navštevované sme prispôsobili aj kontent.

Vytvorenie mobilnej verzie

Teraz je webová stránka ľahko dostupná na všetkých zariadeniach.

Správy sa stali prominentnejšími

Všetky novinky sú rozdelené podľa kategórií a sú prístupné z home page, podobne ako moderné spravodajské weby.

Realizácia používateľského prieskumu

Kombináciou testovania, rozhovorov a dát z magistrátneho call centa.

Optimalizovaná navigácia

Celá navigácia je zjednotená v jednoduchom “Menu”, obmedzená na tri úrovne. Externé linky boli z navigácie vymazané.

Zobrazenie nášho riešenia

Responzívna stránka, ktorá je kompatibilná so službami, ktoré mesto poskytuje a prispôsobivá obsahu, ktorý Magistrát publikuje.

Redizajn a systematizácia

Redizajn sme začali po analýze starej verzie webu bratislava.sk. Po rozbore sme zistili, aké informácie užívatelia skutočne potrebujú a aké informácie sa najčastejšie vyhľadávajú, ale reálne ani nie sú na webe dohľadateľné.

Najčastejšie hľadané otázky na stránke Bratislavy:

Úradné návštevné hodiny, Cestovný poriadok, Čo robiť v prípade odtiahnutia auta, Mestské dane a poplatky, Služby poskytované mestom.

Informácie sme nadobudli prostredníctvom výskumu, rozhovorov a informácií z centra podpory na Magistráte v Bratislave.

Reštrukturalizácia

Spoločne s Magistrátom sme zjednodušili a vyčistili informačnú štruktútu webu tým, že sme odstránili nadbytočné informácie a sprehľadnili používanosť webu.

Dali sme preč málo navštevované stránky a optimalizovali sme už existujúce stránky do ľahšie čitateľnejšieho kontentu.

UI kit pre nové webové stránky

Vytvorili sme UI kit dizajn systému a používateľského rozhrania, ktorý umožňuje administrátorom jednoducho meniť a aktualizovať obsah stránok, bez toho, aby porušili dizajn stránky.

Pred finálnym návrhom a samotným vývojom sme vytvorili interaktívny prototyp demo animácie nového dizajnu.

Home page

Stránka je navrhnutá tak, aby zapájala používateľov webu do služieb, ktoré mesto poskytuje a zároveň ich aj informovala o novinkách.

Podstránky

Všetky podstránky sú vytvorené tak, aby obsahovali všetky typy kontentu, ktoré boli vytvorené Magistrátom, ako napr. novinky, udalosti, mapy a ďalšie.

Mobilná verzia

Nová webová stránka je vytvorená tak, aby bola plne responzívna a dostupná na všetkých zariadeniach.

Stará verzia
Nová verzia

Post design analytics

Po redizajne sme výkonnosť a používateľnosť webovej stránky opäť analyzovali a všímali sme si, aké jednoduché je už pre užívateľov nájsť potrebné informácie, ktoré vyhľadávajú.

Služby, ktoré mesto ponúka sú jednoducho prístupné všetkým

Najdôležitejšie stránky, ktoré Magistrát propaguje sa priamo dostávajú k obyvateľom mesta Bratislava.

Kontakty a otváracie hodiny sú ľahko dostupné a nepotrebujú zložité vyhľadávanie

Vytvorená responzívna mobilná verzia.

Navigácia sa používa jednoduchšie.

Všetky novinky, informácie a správy sú už obyvateľmi čítané.

Záver

Navrhli sme modernejšiu verziu webu, ktorá je kompatibilná na všetkých zariadeniach a je kompatibilná s vizuálnou identitou mesta Bratislava.

Stránka je prístupná zo všetkých mobilných zariadeniach a pre ľudí prináša rýchlo dostupné a užitočné informácie a služby, ktoré od mesta potrebujú.

Redizajnovali sme informačný portál hlavného mesta Slovenska. Obyvatelia Bratislavy majú možnosť podieľať sa na riadení mesta, čo súvisí s hodnotením a monitorovaním plnenia rozvojových cieľov a zároveň môžu byť súčasťou pri rôznych rozhodnutiach mesta.

Pozrite sa na náš proces návrhu

Analýza

Celý obsah, stránku po stránke, sme dôkladne analyzovali. Koľko ľudí každú stránku navštívilo, čo, kde hľadali a aké boli ich ciele vyhľadávania.

Hotjar, Google Analytics

Heatmapy

Prvý web pre mesto Bratislava bol vytvorený v roku 2013. Avšak s našou prvou Hotjar analýzou sa nám vyobrazili aj prvé problémy tohto webu. Kľúčovými časťami webu boli klikania na bannery a podstránku “Mesto a jeho správa”. Novinky mesta Bratislava sa vôbec nepoužívali.

Hlavné problémy

80%

Existujúcich stránok neboli navštevované používateľmi.

Mobil

Žiadna mobilná verzia, žiadny responzívny dizajn.

Novinky sú skryté

Magistrát má špeciálne vyčlenenú časť pre novinky, ale návštevníkov je extrémne málo.

Navigácia a kontent

Hlavná navigácia v “Menu” pozostáva s niekoľkých neprepojených častí. Je rozbitá a niektoré odkazy navigácie smerujú na externé webové stránky.

Veľa ľudí stránku bratislava.sk nepozná

Väčšina ľudí prichádza s požiadavkami, ako kontaktovať Magistrát alebo ako zaplatiť dne. Avšak väčšina používateľov o stránke bratislava.sk ani nevie.

Naše riešenie

Upravený kontent

Na stránkach, ktoré boli ľuďmi navštevované sme prispôsobili aj kontent.

Vytvorenie mobilnej verzie

Teraz je webová stránka ľahko dostupná na všetkých zariadeniach.

Správy sa stali prominentnejšími

Všetky novinky sú rozdelené podľa kategórií a sú prístupné z home page, podobne ako moderné spravodajské weby.

Realizácia používateľského prieskumu

Kombináciou testovania, rozhovorov a dát z magistrátneho call centa.

Optimalizovaná navigácia

Celá navigácia je zjednotená v jednoduchom “Menu”, obmedzená na tri úrovne. Externé linky boli z navigácie vymazané.

Zobrazenie nášho riešenia

Responzívna stránka, ktorá je kompatibilná so službami, ktoré mesto poskytuje a prispôsobivá obsahu, ktorý Magistrát publikuje.

Redizajn

Redizajn sme začali po analýze starej verzie webu bratislava.sk. Po rozbore sme zistili, aké informácie užívatelia skutočne potrebujú a aké informácie sa najčastejšie vyhľadávajú, ale reálne ani nie sú na webe dohľadateľné.

Viac...

Redizajn a systematizácia

Redizajn sme začali po analýze starej verzie webu bratislava.sk. Po rozbore sme zistili, aké informácie užívatelia skutočne potrebujú a aké informácie sa najčastejšie vyhľadávajú, ale reálne ani nie sú na webe dohľadateľné.

Najčastejšie hľadané otázky na stránke Bratislavy:

Úradné návštevné hodiny, Cestovný poriadok, Čo robiť v prípade odtiahnutia auta, Mestské dane a poplatky, Služby poskytované mestom.

Reštrukturalizácia

Spoločne s Magistrátom sme zjednodušili a vyčistili informačnú štruktútu webu tým, že sme odstránili nadbytočné informácie a sprehľadnili používanosť webu.

Dali sme preč málo navštevované stránky a optimalizovali sme už existujúce stránky do ľahšie čitateľnejšieho kontentu.

UI kit pre nové webové stránky

Vytvorili sme UI kit dizajn systému a používateľského rozhrania, ktorý umožňuje administrátorom jednoducho meniť a aktualizovať obsah stránok, bez toho, aby porušili dizajn stránky.

Pred finálnym návrhom a samotným vývojom sme vytvorili interaktívny prototyp demo animácie nového dizajnu.

Home page

Stránka je navrhnutá tak, aby zapájala používateľov webu do služieb, ktoré mesto poskytuje a zároveň ich aj informovala o novinkách.

Podstránky

Všetky podstránky sú vytvorené tak, aby obsahovali všetky typy kontentu, ktoré boli vytvorené Magistrátom, ako napr. novinky, udalosti, mapy a ďalšie.

Mobilná verzia

Nová webová stránka je vytvorená tak, aby bola plne responzívna a dostupná na všetkých zariadeniach.

Stará verzia
Nová verzia

Post design analytics

Po redizajne sme výkonnosť a používateľnosť webovej stránky opäť analyzovali a všímali sme si, aké jednoduché je už pre užívateľov nájsť potrebné informácie, ktoré vyhľadávajú.

Služby, ktoré mesto ponúka sú jednoducho prístupné všetkým

Najdôležitejšie stránky, ktoré Magistrát propaguje sa priamo dostávajú k obyvateľom mesta Bratislava.

Kontakty a otváracie hodiny sú ľahko dostupné a nepotrebujú zložité vyhľadávanie

Vytvorená responzívna mobilná verzia.

Navigácia sa používa jednoduchšie.

Všetky novinky, informácie a správy sú už obyvateľmi čítané.

Záver

Navrhli sme modernejšiu verziu webu, ktorá je kompatibilná na všetkých zariadeniach a je kompatibilná s vizuálnou identitou mesta Bratislava.

Stránka prináša rýchlo dostupné a užitočné informácie a služby, ktoré od mesta potrebujú.