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.

cms
front-end

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ö.

stenarstenar
stenar
stenarstenar

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

Strömlinjeformad process

De nya uppdateringarna eliminerade behovet av särskild kodningsexpertis, vilket resulterade i en mer strömlinjeformad process. Övergången till WordPress har också gjort det möjligt att enkelt lägga till indikatorer utan de tidigare utmaningarna.

Modern webbplatsdesign

Målet var att skapa en webbplats som skiljer sig från de typiska byråkratiska webbplatserna. Ambitionen var inte bara en uppgradering utan ett transformativt språng till ett modernt, användarvänligt gränssnitt

Engagerande informationsnav

Webbplatsen var tänkt som ett informativt nav som lockar användare med sin engagerande design, vilket gör informationssökningen smidig och trevlig.

Lättöverskådlig presentation av data

Informationen på portalen är visuellt tilltalande med hjälp av kartor, diagram, tabeller och sammanfattningar, vilket gör den både attraktiv och lätt att ta till sig för användarna.

Design- och utvecklingsprocess i samarbete

Design- och funktionalitetsprocessen har kontinuerligt konsulterats, vilket har inneburit flera godkännanden från kunden, som deltog i omfattande diskussioner i projektets inledande fas. Samarbetet ledde till en perfekt blandning av funktionalitet och design.

Redaktörsvänligt gränssnitt

Plattformen har gjorts mer redigeringsvänlig, vilket gör det möjligt att enkelt skapa interaktiva kartor från olika områden och teman, tillgängliga för framtida användning utan extra kostnader.

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.