GZM

Van gegevens naar dynamiek – het Metropolitan Socio-Economic Observatory opnieuw vormgeven voor het moderne tijdperk met een gebruikersgerichte benadering.

cms
front-end

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.

rotsenrotsen
rotsen
rotsenrotsen

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

Gestroomlijnd proces

Dankzij de nieuwe updates is er geen specifieke codeerexpertise meer nodig, wat resulteert in een meer gestroomlijnd proces. De overgang naar WordPress heeft het ook eenvoudiger gemaakt om indicatoren toe te voegen, zonder de problemen die we eerder tegenkwamen.

Modern website-ontwerp

Het doel was om een site te maken die afwijkt van de typische bureaucratische sites. Het streven was niet alleen een upgrade, maar een transformatieve sprong naar een moderne, gebruiksvriendelijke interface.

Boeiende informatie hub

De website was bedoeld als een informatieve hub die gebruikers aantrekt met een aantrekkelijk ontwerp, waardoor het vinden van informatie naadloos en plezierig verloopt.

Vriendelijke presentatie van gegevens

De informatie op het portaal is visueel aantrekkelijk door het gebruik van kaarten, grafieken, diagrammen, tabellen en samenvattingen, waardoor de informatie zowel aantrekkelijk als gemakkelijk te begrijpen is voor gebruikers.

Samenwerkingsproces voor ontwerp en ontwikkeling

Er werd voortdurend overlegd over het ontwerp en de functionaliteit, waarbij verschillende goedkeuringen van de klant nodig waren, die in de beginfase van het project betrokken was bij uitgebreide discussies. Deze samenwerking zorgde voor de perfecte mix van functionaliteit en design.

Editor-vriendelijke interface

Het platform is editor-vriendelijker gemaakt, waardoor het mogelijk is om eenvoudig interactieve kaarten te maken van verschillende gebieden en thema’s, die beschikbaar zijn voor toekomstig gebruik zonder extra kosten.

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.