Prototyp
Themenfeld Kollaboration
Kommunales Good Practices Schaufenster

​Diese prototypische Web-Anwendung dient als digitales Schaufenster für kommunale Good Practices in Baden-Württemberg. Sie ermöglicht es Kommunen und dem Land, bestehende Projekte sichtbar zu machen, zu recherchieren und selbst neue Vorhaben einzustellen. Ziel ist es, ein zentrales, interaktives Tool zu etablieren, das als Vorzeigemodell für die transparente und strukturierte Darstellung kommunaler Projekte dient – sowohl zur interkommunalen Vernetzung als auch zur Inspiration und Nachnutzung.

• Zentrale Datenpflege: Projekte werden einmalig erfasst und automatisch in der Karte und auf den Detailseiten ausgespielt – medienbruchfrei und zeitsparend.
• Hohe Sichtbarkeit und Transparenz: Bürger:innen, Verwaltungen, Fördergeber und Partner erhalten schnellen Zugriff auf laufende oder abgeschlossene Projekte.
• Geografische Orientierung: Durch die Kartenintegration lassen sich Projekte einfach lokal zuordnen und thematisch entdecken.
• Effiziente Kommunikation & Dokumentation: Einheitliche Darstellung verbessert die Außenwirkung und erleichtert Berichterstattung, Rechenschaft und Projektvergleich.
• Übertragbarkeit: Die Lösung ist modular aufgebaut und kann leicht von weiteren Kommunen, Organisationen oder Projektnetzwerken übernommen werden.
• Technische Flexibilität: Dank der Trennung von Erfassung (Angular) und Darstellung (WordPress + OSM) lässt sich das System leicht anpassen, erweitern oder mit anderen Plattformen koppeln.

Das Projekt startete mit einem gemeinsamen Workshop zur Anforderungsdefinition, in dem zentrale Funktionen, Nutzergruppen und Ziele der Anwendung identifiziert wurden. Aufbauend auf diesen Ergebnissen wurde ein erstes UI/UX-Design mit Adobe XD entwickelt, das die Struktur, Benutzerführung und Darstellungsebenen der geplanten Anwendung veranschaulichte.

Die technische Umsetzung erfolgte anschließend in einem agilen Entwicklungsprozess. In kurzen Iterationen wurden Design, Funktionen und Benutzerführung kontinuierlich weiterentwickelt und anhand von Rückmeldungen aus dem Projektteam und von Stakeholdern optimiert. Dieses iterative Vorgehen ermöglichte eine enge Verzahnung von Konzept, Gestaltung und technischer Umsetzung – und sorgte dafür, dass neue Anforderungen flexibel aufgenommen und integriert werden konnten.

Durch diesen nutzerzentrierten Entwicklungsansatz entstand eine robuste und erweiterbare Webanwendung, die bereits in der Prototypphase konkrete Mehrwerte bietet und eine solide Basis für den produktiven Ausbau schafft.

Da das Schaufenster als universelles WordPress-Plugin entwickelt wurde, kann es problemlos in andere WordPress-Instanzen integriert werden.
In Kürze wird die Hochschule Kehl mit dem Schaufenster eigenen Projekte veröffentlichen.

Alle veröffentlichten Projekte werden auf einer OSM-Karte ausgegeben, wobei die Pins geclustert werden. Wichtige Projektdetails werden auf Klick in einem Popup ausgegeben und zusätzlich in einer Listenansicht dargestellt. Über Filter können die Einträge ausgedünnt werden, mit dem Button “Zum Projekt” gelangt man direkt zur Detailseite des Projekts.

Die Detailseite eines Projektes listet alle angegebenen Daten des Projekts auf, wobei ein festes Template genutzt wird, um die Daten in einem optisch ansprechenden, modernen Design anzuzeigen.