GZM
Från data till dynamik – en omdaning av Metropolitan Socio-Economic Observatory för den moderna tidsåldern med ett användarcentrerat tillvägagångssätt.
Om GZM
GZM Metropolitan Socio-Economic Observatory samlar in, bearbetar och analyserar offentliga data relaterade till GZM-området och håller ett öga på utvecklingstrender och förändringar som sker inom regionen.
Dessa data spelar en central roll i utformningen av GZM:s socioekonomiska strategier och är en värdefull resurs för olika avdelningar inom storstadskontoret. Plattformen ger en omfattande ögonblicksbild av enskilda kommuner och den bredare GZM-regionen, från demografi och ekonomi till finanser, infrastruktur och miljö.
![stenar](https://foozagency.com/wp-content/themes/fooz/img/blocks/hero-case-study-media/rocks.png)
![stenar](https://foozagency.com/wp-content/themes/fooz/img/blocks/hero-case-study-media/placeholder-video.png)
![stenar](https://foozagency.com/wp-content/uploads/2024/01/noweinfogzm.metropoliagzm.pl_-optimized.webp)
Tidslinje
1400 arbetstimmar från projektets lansering till dess slutliga release
Första mötena, Designfas, Utvecklingsfas
Maj 2022
Överlämnande av
den färdiga produkten
mars 2023
Pågående utvecklingsfas
och ytterligare idéer
April 2023 – fram till nu
AFFÄRSBEHOV OCH MÅL
Processen med att hantera och presentera data var besvärlig och tidskrävande och krävde hjälp av team-medlemmar som var duktiga på kodning för att hantera webbplatsens backend. Kundens primära affärsmål var därför att både presentera data på ett tydligt och lättillgängligt sätt och att uppnå en högre grad av självständighet i innehållshanteringen.
Ett ytterligare krav var att säkerställa en sömlös övergång från deras nuvarande webbplats, med bibehållande av alla befintliga alternativ och funktioner utan någon förlust av funktionalitet eller innehåll. Vår kunds vision var tydlig: de ville ha en fullt fungerande kopia av sin nuvarande webbplats, men med en mycket mer lätthanterlig backend.
Inledande fas
Vi utvecklade tre mockups för startsidan för att fånga den önskade projektkänslan baserat på kundintervjun, insikter från deras nuvarande webbplats och den tillhandahållna dokumentationen. Med dem som grund utformade vi specifika vyer för olika delar av webbplatsen – bland annat kartor, statistik, analyser och publikationer. Dessutom skapade vi mockups för nyhetsuppdateringar på bloggen.
Därefter skapade vi tre visuella versioner av hemsidan för att presentera ett brett spektrum av designmöjligheter. Mitt i den här processen fick vi ett inofficiellt designsystem, som kunden avser att använda under de kommande åren. Vår utmaning var att harmonisera vår design med detta system samtidigt som vi följde de föreskrivna funktionella riktlinjerna och säkerställde en sömlös integration av estetik och användbarhet.
1. Utveckling
FASE
-
01.
Statiskt innehåll
I detta skede låg fokus på att integrera statiskt innehåll i WordPress-plattformen. Det innebar att icke-dynamisk information som publikationer, analyser, projektlistor och anbudsförfaranden införlivades och organiserades på ett effektivt sätt på webbplatsen för enkel navigering.
-
02.
WP-komponenter
Vi har tagit fram en rad WordPress-komponenter på backend som är skräddarsydda för att underlätta för redaktören.
-
03.
Mobil version
Vi har också ägnat särskild uppmärksamhet åt mobilversionen av webbplatsen och säkerställt att den är fullt responsiv och anpassningsbar till olika skärmstorlekar.
-
04.
WCAG-standarder
Vi implementerade också optimeringar i enlighet med WCAG-standarder, till exempel justering av teckenstorlekar och kontraster, vilket ger en sammanhängande och tillgänglig användarupplevelse.
2. Utveckling
FASE
-
01.
Infomap-modul
Vi presenterade en interaktiv Infomap-modul som gör det möjligt för kunden att bifoga olika innehåll, skapa legender, välja färger och segmentera data efter städer eller kommuner. Dess funktionalitet drivs av Leaflet-modulen, som gör det möjligt för administratörer att visa obegränsat antal kartor inbäddade i ett kartogram och ladda upp nödvändiga data direkt till WordPress.
-
02.
Statistik
Statistikavsnittet har fått ett lyft med verktyg som Leaflet, GeoJSON och amCharts. Nu kan användarna mata in olika indikatorer för specifik statistik, se trender i tillväxt eller nedgång och få tillgång till ett extra sidofält som återspeglar dynamiska förändringar. Legenden är helt hanterbar, med möjlighet att visa data för akademiska ändamål eller till och med ladda ner hela statistiken.
-
03.
Unika länkar
Data hämtas i första hand från GeoJSON- eller CSV-filer, men systemet stöder även manuella tillägg. Åtgärder som utförs av användare sparas under deras session, vilket gör det möjligt för dem att generera unika länkar efter att ha navigerat genom modulen. Dessa länkar visar specifika diagram med valda data och färger, presenterar en anpassad kartlayout med önskade inställningar och kan enkelt delas eller bäddas in någon annanstans. För närvarande finns det 318 olika statistiska indikatorer, och fler är på gång.
-
04.
Diagram
Vi har förberett både backend- och frontend-stöd för en uppsättning diagram, inklusive stapeldiagram och pyramider. Med hjälp av amCharts funktioner har vi utvecklat dem som oberoende WordPress-komponenter så att de sömlöst kan läggas till på en webbplats utan några tekniska ingrepp. Nu möjliggör de konfiguration av olika diagram och underlättar enkel kopiering och duplicering.
-
05.
Den gröna GZM-kartan
Vi har skapat en särskild sektion inom WordPress som samlar in data om parker, torg, lekplatser och rekreationsområden. Varje plats har sin egen unika undersida med ett galleri, kompletterande information, områdets storlek, tillgänglighetsinformation samt fauna och flora. Databasen uppdateras kontinuerligt med nya platser på en interaktiv karta där användarna kan utforska dem i detalj. Kartan har verktygstips, filtreringsalternativ och möjlighet att visa olika lager, vilket säkerställer en användarvänlig datapresentation.
-
06.
Besök GZM
Visit GZM är en plattform som främst är utformad för turister och som syftar till att marknadsföra regionen. Den har en interaktiv karta med filter, ett dynamiskt sidofält, verktygstips med mera. Turistattraktioner kategoriseras i flera primära grupper, och var och en av dem är vidare indelad i mer detaljerade underavsnitt. Användare kan se rekommenderade platser och information om huruvida attraktionen har en inträdesavgift eller är gratis. Plattformen uppdateras kontinuerligt, har 385 unika platser och erbjuder flexibiliteten att lägga till nya kategorier och underkategorier. Den anpassningsbara designen möjliggör visning av specifika kategorier, färgkodning och andra skräddarsydda moduler. Framtida utvecklingsplaner inkluderar tillägg av cykelvägar.
Sammanfattning
Förbättring av verksamheten
Utfall
Den uppdaterade webbplatsen har fått berömvärda recensioner och markerar ett betydande steg framåt som den primära platsen att gå till, med målet att vara ett verktyg som samlar omfattande kunskap för alla som besöker Schlesien eller behöver grundlig socioekonomisk information för något ändamål.