GZM

Fra data til dynamikk - en ny versjon av Metropolitan Socio-Economic Observatory for den moderne tidsalder med en brukersentrert tilnærming.

cms
front-end

Om GZM

GZM Metropolitan Socio-Economic Observatory samler inn, bearbeider og analyserer offentlige data knyttet til GZM-området, og holder et øye med utviklingstrender og endringer som skjer i regionen.

Disse dataene spiller en sentral rolle i utformingen av GZMs sosioøkonomiske strategier, og er en verdifull ressurs for ulike avdelinger på storbykontoret. Plattformen gir et omfattende øyeblikksbilde av de enkelte kommunene og hele GZM-regionen, fra demografi og økonomi til økonomi, infrastruktur og miljø.

rocksplaceholder-video
placeholder-videoplaceholder-video

Tidslinje

1400 arbeidstimer fra prosjektets lansering til den endelige utgivelsen

Første møter, designfase, utviklingsfase

Mai 2022

Overlevering av
det ferdige produktet

Mars 2023

Pågående utviklingsfase
og ytterligere ideer

April 2023 - til nå

VIRKSOMHETENS BEHOV OG MÅL

Prosessen med å administrere og presentere data var tungvint og tidkrevende, og det var nødvendig med hjelp fra teammedlemmer med kodingskompetanse for å håndtere nettstedets backend. Kundens primære forretningsmål var derfor både å presentere dataene på en oversiktlig og tilgjengelig måte og å oppnå en større grad av uavhengighet i innholdshåndteringen.

Et annet krav var å sikre en sømløs overgang fra deres nåværende nettsted, og beholde alle eksisterende alternativer og funksjoner uten tap av funksjonalitet eller innhold. Kundens visjon var klar: De ønsket en fullt funksjonell kopi av det nåværende nettstedet, men med en mye mer håndterbar backend.

Innledende fase

Vi utviklet tre mockups av hjemmesiden for å fange opp den ønskede prosjektfølelsen basert på kundeintervjuet, innsikt fra deres nåværende nettsted og den medfølgende dokumentasjonen. Med disse som utgangspunkt designet vi spesifikke visninger for ulike deler av nettstedet - inkludert kart, statistikk, analyser og publikasjoner. I tillegg lagde vi mockups for nyhetsoppdateringer på bloggen.

Deretter laget vi tre visuelle versjoner av hjemmesiden for å presentere et bredt spekter av designmuligheter. Midt i denne prosessen mottok vi et uoffisielt designsystem som kunden har til hensikt å bruke i årene som kommer. Utfordringen vår var å harmonisere designene våre med dette systemet, samtidig som vi fulgte de foreskrevne funksjonelle retningslinjene og sørget for en sømløs integrering av estetikk og nytteverdi.

1. Utvikling

FASE

  • 01.

    Statisk innhold

    Denne fasen fokuserte på å integrere statisk innhold i WordPress-plattformen. Det innebar å innlemme ikke-dynamisk informasjon som publikasjoner, analyser, prosjektlister og anbudsprosedyrer, og sørge for at de var effektivt organisert på nettstedet slik at det var enkelt å navigere.

  • 02.

    WP-komponenter

    Vi har utarbeidet en rekke WordPress-komponenter på backenden som er skreddersydd for redaktørens bekvemmelighet.

  • 03.

    Mobil versjon

    Vi har også lagt spesiell vekt på mobilversjonen av nettstedet, og sørget for at det er fullt responsivt og kan tilpasses ulike skjermstørrelser.

  • 04.

    WCAG-standarder 

    Vi implementerte også optimaliseringer i tråd med WCAG-standardene, for eksempel justering av skriftstørrelser og kontraster, noe som gir en sammenhengende og tilgjengelig brukeropplevelse.

2. Utvikling

FASE

  • 01.

    Infomap-modul

    Vi lanserte en interaktiv Infomap-modul, som gjør det mulig for kunden å legge ved diverse innhold, lage legender, velge farger og segmentere data etter byer eller kommuner. Funksjonaliteten er drevet av Leaflet-modulen, slik at administratorer kan vise et ubegrenset antall kart innebygd i et kartogram og laste opp nødvendige data direkte til WordPress.

  • 02.

    Statistikk

    Statistikkdelen har fått et løft med verktøy som Leaflet, GeoJSON og amCharts. Nå kan brukerne legge inn ulike indikatorer for spesifikk statistikk, se trender i vekst eller nedgang og få tilgang til et ekstra sidefelt som gjenspeiler dynamiske endringer. Tegnforklaringen er oversiktlig, med mulighet for å vise data for akademiske formål eller til og med laste ned hele statistikken.

  • 03.

    Unike lenker

    Data hentes primært fra GeoJSON- eller CSV-filer, men systemet støtter også manuelle tilføyelser. Handlinger som utføres av brukerne, lagres i løpet av økten, slik at de kan generere unike lenker etter å ha navigert gjennom modulen. Disse lenkene viser spesifikke diagrammer med valgte data og farger, og presenterer et tilpasset kartoppsett med ønskede innstillinger, og kan enkelt deles eller legges inn andre steder. For øyeblikket finnes det 318 ulike statistiske indikatorer, og flere er på vei.

  • 04.

    Diagrammer 

    Vi har utarbeidet både backend- og frontend-støtte for et sett med diagrammer, inkludert søylediagrammer og pyramider. Ved å bruke funksjonene i amCharts har vi utviklet dem som uavhengige WordPress-komponenter, slik at de sømløst kan legges til på et nettsted uten tekniske inngrep. Nå kan du konfigurere ulike diagrammer og enkelt kopiere og duplisere dem.

  • 05.

    Den grønne GZM-kartet

    Vi har etablert en egen seksjon i WordPress som samler data om parker, torg, lekeplasser og rekreasjonsområder. Hvert av stedene har sin unike underside, komplett med et galleri, utfyllende informasjon, områdets størrelse, informasjon om tilgjengelighet, samt fauna og flora. Databasen oppdateres kontinuerlig med nye steder på et interaktivt kart der brukerne kan utforske dem i detalj. Kartet har verktøytips, filtreringsalternativer og muligheten til å vise frem ulike lag, noe som sikrer en brukervennlig datapresentasjon.

  • 06.

    Besøk GZM

    Visit GZM er en plattform som først og fremst er utformet for turister, og som har som mål å reklamere for og markedsføre regionen. Den har et interaktivt kart med filtre, et dynamisk sidefelt, verktøytips og mye mer. Turistattraksjonene er kategorisert i flere hovedgrupper, og hver av dem er videre delt inn i mer detaljerte underseksjoner. Brukerne kan se anbefalte steder og informasjon om hvorvidt attraksjonen har inngangsbillett eller er gratis. Plattformen oppdateres kontinuerlig, med 385 unike steder, og tilbyr fleksibilitet til å legge til nye kategorier og underkategorier. Den tilpassbare designen gjør det mulig å vise spesifikke kategorier, fargekoding og andre skreddersydde moduler. Fremtidige utviklingsplaner omfatter blant annet å legge til sykkelruter.

Sammendrag

Forbedring av virksomheten

Strømlinjeformet prosess

De nye oppdateringene eliminerte behovet for dedikert kodeekspertise, noe som resulterte i en mer strømlinjeformet prosess. Overgangen til WordPress har også gjort det enklere å legge til indikatorer uten de tidligere utfordringene.

Moderne nettsteddesign

Målet var å skape et nettsted som avviker fra de typiske byråkratiske sidene. Ambisjonen var ikke bare en oppgradering, men et transformativt sprang til et moderne, brukervennlig grensesnitt

Engasjerende informasjonssenter

Nettstedet var tenkt som et informativt knutepunkt som tiltrekker seg brukere med sitt engasjerende design, noe som gjør informasjonssøkingen sømløs og behagelig.

Vennlig datapresentasjon

Informasjonen på portalen er visuelt engasjerende, med kart, diagrammer, tabeller og sammendrag, noe som gjør den både attraktiv og enkel å fordøye for brukerne.

Design- og utviklingsprosess i samarbeid

Design- og funksjonalitetsprosessen ble kontinuerlig konsultert, og involverte flere godkjenninger fra kunden, som var engasjert i omfattende diskusjoner i prosjektets innledende fase. Dette samarbeidet sikret en perfekt blanding av funksjonalitet og design.

Redaktørvennlig grensesnitt

Plattformen har blitt mer redigeringsvennlig, noe som gjør det enkelt å lage interaktive kart fra ulike områder og temaer, som er tilgjengelige for fremtidig bruk uten ekstra kostnader.

Resultat

Det oppgraderte nettstedet har fått rosende anmeldelser, og markerer et betydelig skritt fremover som det viktigste stedet å henvende seg, med mål om å være et verktøy som samler omfattende kunnskap for alle som besøker Schlesien eller trenger grundig sosioøkonomisk informasjon til ethvert formål.