GZM

Von Daten zu Dynamik – die Neugestaltung des Metropolitan Socio-Economic Observatory für das moderne Zeitalter mit einem nutzerzentrierten Ansatz.

cms
front-end

Über GZM

Das GZM Metropolitan Socio-Economic Observatory sammelt, verarbeitet und analysiert öffentliche Daten, die sich auf das GZM-Gebiet beziehen, und behält die sich entwickelnden Trends und Veränderungen in der Region im Auge.

Diese Daten spielen eine zentrale Rolle bei der Gestaltung der sozioökonomischen Strategien der GZM und sind eine wertvolle Ressource für die verschiedenen Abteilungen des Metropolbüros. Die Plattform bietet eine umfassende Momentaufnahme der einzelnen Gemeinden und der gesamten GZM-Region, von der Demografie und Wirtschaft bis hin zu Finanzen, Infrastruktur und Umwelt.

rocksplaceholder-video
placeholder-videoplaceholder-video

Zeitleiste

1400 Arbeitsstunden vom Start des Projekts bis zu seiner endgültigen Freigabe

Erste Treffen, Entwurfsphase, Entwicklungsphase

Mai 2022

Die Übergabe
des fertigen Produkts

März 2023

Fortlaufende Entwicklungsphase
und zusätzliche Ideen

April 2023 – bis jetzt

GESCHÄFTSANFORDERUNGEN UND ZIELE

Der Prozess der Datenverwaltung und -präsentation war umständlich, zeitaufwändig und erforderte die Unterstützung von Teammitgliedern mit Programmierkenntnissen, um das Backend der Website zu verwalten. Das primäre Geschäftsziel des Kunden war es daher, die Daten auf eine klare und zugängliche Weise zu präsentieren und ein größeres Maß an Unabhängigkeit bei der Verwaltung der Inhalte zu erreichen.

Eine weitere Anforderung bestand darin, einen nahtlosen Übergang von der aktuellen Website zu gewährleisten, wobei alle bestehenden Optionen und Merkmale ohne Funktions- oder Inhaltsverlust beibehalten werden sollten. Die Vision unseres Kunden war klar: Er wollte eine voll funktionsfähige Nachbildung seiner aktuellen Website, aber mit einem viel besser zu verwaltenden Backend.

Erste Phase

Wir entwickelten drei Homepage-Mockups, um das gewünschte Projektgefühl auf der Grundlage des Kundeninterviews, der Einblicke in die aktuelle Website und der bereitgestellten Dokumentation einzufangen. Auf dieser Grundlage entwarfen wir spezifische Ansichten für verschiedene Bereiche der Website, darunter Karten, Statistiken, Analysen und Publikationen. Darüber hinaus erstellten wir Mockups für News-Updates im Blog.

Anschließend erstellten wir drei visuelle Versionen der Homepage, um ein breites Spektrum an Gestaltungsmöglichkeiten zu präsentieren. Mitten in diesem Prozess erhielten wir ein inoffizielles Gestaltungssystem, das der Kunde in den nächsten Jahren verwenden will. Unsere Herausforderung bestand darin, unsere Entwürfe mit diesem System in Einklang zu bringen und dabei die vorgegebenen funktionalen Richtlinien einzuhalten, um eine nahtlose Integration von Ästhetik und Nutzen zu gewährleisten.

1. Entwicklung

PHASE

  • 01.

    Statischer Inhalt

    In dieser Phase ging es darum, statische Inhalte in die WordPress-Plattform zu integrieren. Es ging darum, nicht-dynamische Informationen wie Veröffentlichungen, Analysen, Projektlisten und Ausschreibungsverfahren einzubinden und sicherzustellen, dass sie für eine einfache Navigation auf der Website effizient organisiert sind.

  • 02.

    WP-Komponenten

    Wir haben eine Reihe von WordPress-Komponenten im Backend vorbereitet, die auf den Komfort des Redakteurs zugeschnitten sind.

  • 03.

    Mobile Version

    Besonderes Augenmerk haben wir auch auf die mobile Version der Website gelegt, um die volle Reaktionsfähigkeit und Anpassungsfähigkeit an verschiedene Bildschirmgrößen zu gewährleisten.

  • 04.

    WCAG-Normen 

    Wir haben auch Optimierungen vorgenommen, die den WCAG-Standards entsprechen, wie z. B. die Anpassung von Schriftgrößen und -kontrasten, um ein kohärentes und zugängliches Benutzererlebnis zu schaffen.

2. Entwicklung

PHASE

  • 01.

    Modul Infokarte

    Wir haben ein interaktives Infomap-Modul vorgestellt, das es dem Kunden ermöglicht, verschiedene Inhalte anzuhängen, Legenden zu erstellen, Farben auszuwählen und Daten nach Städten oder Gemeinden zu segmentieren. Die Funktionalität des Moduls wird durch das Leaflet-Modul gesteuert, das es Administratoren ermöglicht, unbegrenzt viele Karten innerhalb eines Kartogramms anzuzeigen und die erforderlichen Daten direkt in WordPress hochzuladen.

  • 02.

    Statistik

    Der Bereich Statistik wurde mit Tools wie Leaflet, GeoJSON und amCharts aufgewertet. Jetzt können die Nutzer verschiedene Indikatoren für bestimmte Statistiken eingeben, Trends in Wachstum oder Rückgang sehen und auf eine zusätzliche Seitenleiste zugreifen, die dynamische Veränderungen widerspiegelt. Die Legende ist völlig überschaubar und bietet die Möglichkeit, Daten für akademische Zwecke anzuzeigen oder sogar ganze Statistiken herunterzuladen.

  • 03.

    Einzigartige Links

    Die Daten werden in erster Linie aus GeoJSON- oder CSV-Dateien abgerufen, aber das System unterstützt auch manuelle Ergänzungen. Die von den Nutzern durchgeführten Aktionen werden während ihrer Sitzung gespeichert, so dass sie nach der Navigation durch das Modul eindeutige Links erstellen können. Diese Links zeigen spezifische Diagramme mit ausgewählten Daten und Farben, die ein benutzerdefiniertes Kartenlayout mit den gewünschten Einstellungen präsentieren, und können leicht geteilt oder an anderer Stelle eingebettet werden. Derzeit gibt es 318 verschiedene statistische Indikatoren, und weitere sind in Vorbereitung.

  • 04.

    Diagramme 

    Wir haben sowohl Backend- als auch Frontend-Unterstützung für eine Reihe von Diagrammen vorbereitet, darunter Balkendiagramme und Pyramiden. Unter Nutzung der Möglichkeiten von amCharts haben wir sie als unabhängige WordPress-Komponenten entwickelt, so dass sie nahtlos und ohne technische Eingriffe in eine Website eingefügt werden können. Jetzt ermöglichen sie die Konfiguration verschiedener Diagramme und erleichtern das Kopieren und Vervielfältigen.

  • 05.

    Die grüne GZM-Karte

    Wir haben einen eigenen Bereich in WordPress eingerichtet, der Daten über Parks, Plätze, Spielplätze und Erholungsgebiete sammelt. Jeder der aufgelisteten Orte hat eine eigene Unterseite mit einer Galerie, zusätzlichen Details, der Größe des Gebiets, Informationen zur Zugänglichkeit sowie zu Fauna und Flora. Das Repository wird laufend mit neuen Orten auf einer interaktiven Karte aktualisiert, auf der die Benutzer sie im Detail erkunden können. Die Karte bietet Tooltips, Filteroptionen und die Möglichkeit, verschiedene Ebenen darzustellen, um eine benutzerfreundliche Präsentation der Daten zu gewährleisten.

  • 06.

    GZM besuchen

    Visit GZM ist eine Plattform, die sich in erster Linie an Touristen richtet, um für die Region zu werben und sie bekannt zu machen. Sie verfügt über eine interaktive Karte mit Filtern, eine dynamische Seitenleiste, Tooltips und mehr. Die touristischen Attraktionen sind in mehrere Hauptgruppen unterteilt, die wiederum in detailliertere Unterabschnitte unterteilt sind. Die Nutzer können sich empfohlene Standorte anzeigen lassen und erfahren, ob die Attraktion kostenpflichtig oder kostenlos ist. Die Plattform wird ständig aktualisiert und umfasst 385 einzigartige Orte. Sie bietet die Flexibilität, neue Kategorien und Unterkategorien hinzuzufügen. Das anpassbare Design ermöglicht die Anzeige spezifischer Kategorien, Farbcodierung und andere maßgeschneiderte Module. Zukünftige Entwicklungspläne beinhalten die Aufnahme von Fahrradrouten.

Zusammenfassung

Verbesserung des Geschäfts

Rationalisierter Prozess

Durch die neuen Aktualisierungen sind keine speziellen Programmierkenntnisse mehr erforderlich, was zu einem effizienteren Prozess führt. Die Umstellung auf WordPress hat auch das einfache Hinzufügen von Indikatoren ohne die zuvor aufgetretenen Probleme erleichtert.

Modernes Website-Design

Ziel war es, eine Website zu gestalten, die sich von den typischen bürokratischen Websites abhebt. Angestrebt wurde nicht nur ein Upgrade, sondern ein Sprung zu einer modernen, benutzerfreundlichen Schnittstelle

Engagierte Informationsdrehscheibe

Die Website wurde als informativer Knotenpunkt konzipiert, der die Nutzer durch sein ansprechendes Design anzieht und die Informationsbeschaffung nahtlos und angenehm gestaltet.

Freundliche Datenpräsentation

Die Informationen auf dem Portal sind durch die Verwendung von Karten, Schaubildern, Diagrammen, Tabellen und Zusammenfassungen visuell ansprechend und für die Nutzer leicht zu verstehen.

Gemeinsamer Design- und Entwicklungsprozess

Der Design- und Funktionalitätsprozess wurde fortlaufend konsultiert und beinhaltete mehrere Genehmigungen des Kunden, der in der Anfangsphase des Projekts an ausführlichen Diskussionen beteiligt war. Durch diese Zusammenarbeit wurde die perfekte Mischung aus Funktionalität und Design gewährleistet.

Editor-freundliche Schnittstelle

Die Plattform wurde redaktionsfreundlicher gestaltet und ermöglicht die einfache Erstellung interaktiver Karten aus verschiedenen Bereichen und Themen, die künftig ohne zusätzliche Kosten genutzt werden können.

Ergebnis

Die erneuerte Website hat lobende Kritiken erhalten und stellt einen bedeutenden Schritt nach vorne dar. Sie soll ein Werkzeug sein, das umfassendes Wissen für jeden bereithält, der Schlesien besucht oder umfassende sozioökonomische Informationen für jeden Zweck benötigt.