GZM
Van gegevens naar dynamiek – het Metropolitan Socio-Economic Observatory opnieuw vormgeven voor het moderne tijdperk met een gebruikersgerichte benadering.
Over GZM
Het GZM Metropolitan Socio-Economic Observatory verzamelt, verwerkt en analyseert openbare gegevens met betrekking tot het GZM-gebied en houdt zo een oogje in het zeil op trends en verschuivingen in de regio.
Deze gegevens spelen een cruciale rol bij het vormgeven van de sociaaleconomische strategieën van GZM en zijn een waardevolle bron voor verschillende afdelingen binnen het stadskantoor. Het platform biedt een uitgebreide momentopname van individuele gemeenten en de bredere GZM-regio, van demografie en economie tot financiën, infrastructuur en het milieu.
![rotsen](https://foozagency.com/wp-content/themes/fooz/img/blocks/hero-case-study-media/rocks.png)
![rotsen](https://foozagency.com/wp-content/themes/fooz/img/blocks/hero-case-study-media/placeholder-video.png)
![rotsen](https://foozagency.com/wp-content/uploads/2024/01/noweinfogzm.metropoliagzm.pl_-optimized.webp)
Tijdlijn
1400 werkuren vanaf de lancering van het project tot de uiteindelijke vrijgave
Eerste ontmoetingen, Ontwerpfase, Ontwikkelingsfase
Mei 2022
Overhandigen
het eindproduct
Maart 2023
Lopende ontwikkelingsfase
en aanvullende ideeën
April 2023 – tot nu
ZAKELIJKE BEHOEFTEN EN DOELEN
Het proces van het beheren en presenteren van gegevens was omslachtig, tijdrovend en vereiste de hulp van teamleden die bedreven waren in codering om de backend van de website te beheren. Het primaire zakelijke doel van de klant was dus om de gegevens op een duidelijke en toegankelijke manier te presenteren en om een grotere mate van onafhankelijkheid in het contentbeheer te bereiken.
Een extra vereiste was om te zorgen voor een naadloze overgang van hun huidige website, met behoud van alle bestaande opties en functies zonder verlies van functionaliteit of inhoud. De visie van onze klant was duidelijk: ze streefden naar een volledig functionele replica van hun huidige site, maar met een veel beter beheersbare backend.
Eerste fase
Op basis van het interview met de klant, inzichten van hun huidige website en de verstrekte documentatie ontwikkelden we drie mockups voor de homepage om het gewenste projectgevoel vast te leggen. Met deze mockups als basis ontwierpen we specifieke weergaven voor verschillende secties van de site, waaronder kaarten, statistieken, analyses en publicaties. Daarnaast maakten we mockups voor nieuwsupdates op de blog.
Vervolgens hebben we drie visuele versies van de homepage gemaakt om een breed scala aan ontwerpmogelijkheden te presenteren. Tijdens dit proces ontvingen we een onofficieel ontwerpsysteem dat de klant de komende jaren wil gaan gebruiken. Onze uitdaging was om onze ontwerpen in harmonie te brengen met dit systeem en tegelijkertijd te voldoen aan de voorgeschreven functionele richtlijnen, zodat esthetiek en bruikbaarheid naadloos in elkaar overgingen.
1e Ontwikkeling
FASE
-
01.
Statische inhoud
Deze fase was gericht op het integreren van statische inhoud in het WordPress-platform. Dit hield in dat niet-dynamische informatie zoals publicaties, analyses, projectlijsten en aanbestedingsprocedures werden opgenomen en dat ervoor werd gezorgd dat ze efficiënt werden georganiseerd op de site zodat ze gemakkelijk door de site konden worden genavigeerd.
-
02.
WP-onderdelen
We hebben aan de achterkant een reeks WordPress-componenten voorbereid die zijn afgestemd op het gemak van de redacteur.
-
03.
Mobiele versie
We besteedden ook speciale aandacht aan de mobiele versie van de site en zorgden ervoor dat deze volledig responsief was en kon worden aangepast aan verschillende schermformaten.
-
04.
WCAG-standaarden
We hebben ook optimalisaties doorgevoerd die voldoen aan de WCAG-standaarden, zoals het aanpassen van lettergroottes en -contrasten, voor een samenhangende en toegankelijke gebruikerservaring.
2e Ontwikkeling
FASE
-
01.
Module Infomap
We debuteerden met een interactieve Infomap Module, waarmee de klant diverse inhoud kan toevoegen, legenda’s kan maken, kleuren kan selecteren en gegevens kan segmenteren per stad of gemeente. De functionaliteit wordt aangestuurd door de Leaflet-module, waarmee beheerders een onbeperkt aantal kaarten kunnen weergeven die zijn ingebed in een cartogram en de benodigde gegevens rechtstreeks kunnen uploaden naar WordPress.
-
02.
Statistieken
Het gedeelte Statistieken heeft een boost gekregen met tools zoals Leaflet, GeoJSON en amCharts. Nu kunnen gebruikers verschillende indicatoren voor specifieke statistieken invoeren, trends in groei of afname bekijken en een extra zijbalk openen die dynamische veranderingen weergeeft. De legenda is volledig beheerbaar, met een optie om gegevens voor academische doeleinden weer te geven of zelfs volledige statistieken te downloaden.
-
03.
Unieke koppelingen
Gegevens worden voornamelijk opgehaald uit GeoJSON- of CSV-bestanden, maar het systeem ondersteunt ook handmatige toevoegingen. Acties die gebruikers uitvoeren worden opgeslagen tijdens hun sessie, waardoor ze unieke links kunnen genereren nadat ze door de module hebben genavigeerd. Deze links tonen specifieke grafieken met gekozen gegevens en kleuren, presenteren een aangepaste kaartlay-out met de gewenste instellingen en kunnen eenvoudig worden gedeeld of elders worden ingesloten. Op dit moment zijn er 318 verschillende statistische indicatoren en er komen er nog meer aan.
-
04.
Grafieken
We hebben zowel backend als frontend ondersteuning gemaakt voor een reeks grafieken, waaronder staafdiagrammen en piramides. Gebruikmakend van de mogelijkheden van amCharts, hebben we ze ontwikkeld als onafhankelijke WordPress componenten zodat ze naadloos aan een website kunnen worden toegevoegd zonder technische ingrepen. Nu kunnen verschillende grafieken worden geconfigureerd en gemakkelijk worden gekopieerd en gedupliceerd.
-
05.
De groene GZM-kaart
We hebben een speciale sectie binnen WordPress opgezet die gegevens verzamelt over parken, pleinen, speeltuinen en recreatiegebieden. Elk van de opgenomen plaatsen heeft zijn eigen subpagina, compleet met een galerij, aanvullende details, de grootte van het gebied, informatie over toegankelijkheid en fauna en flora. De repository wordt voortdurend bijgewerkt met nieuwe sites op een interactieve kaart waar gebruikers ze in detail kunnen verkennen. De kaart is voorzien van tooltips, filteropties en de mogelijkheid om verschillende lagen te tonen, wat zorgt voor een gebruiksvriendelijke presentatie van de gegevens.
-
06.
Bezoek GZM
Visit GZM is een platform dat in de eerste plaats is ontworpen voor toeristen, met als doel reclame te maken voor de regio en deze te promoten. Het heeft een interactieve kaart met filters, een dynamische zijbalk, tooltips en meer. Toeristische attracties zijn onderverdeeld in verschillende hoofdgroepen en elk van hen is verder onderverdeeld in meer gedetailleerde subsecties. Gebruikers kunnen aanbevolen sites zien en informatie over of de attractie een toegangsprijs heeft of gratis is. Het platform wordt voortdurend bijgewerkt, met 385 unieke plaatsen, en biedt de flexibiliteit om nieuwe categorieën en subcategorieën toe te voegen. Het aanpasbare ontwerp maakt weergave van specifieke categorieën, kleurcodering en andere op maat gemaakte modules mogelijk. Toekomstige ontwikkelingsplannen omvatten de toevoeging van fietsroutes.
Samenvatting
Bedrijfsverbetering
Resultaat
De opgefriste website heeft lovende kritieken ontvangen en markeert een belangrijke stap voorwaarts als de primaire ‘go-to’-plaats, met als doel een hulpmiddel te zijn dat uitgebreide kennis verzamelt voor iedereen die Silezië bezoekt of grondige sociaaleconomische informatie nodig heeft voor welk doel dan ook.