Ansicht der Webseite Blauer Bock auf Tablet, Desktop und Smartphone.

SWM: Baustelle Blauer Bock Webseite

Analyse, Gestaltung und Entwicklung einer responsive Webseite zur Begleitung eines großen Bauprojekts

Mitten in der Innenstadt von Magdeburg soll der letzte große Plattenbau weichen, der Blaue Bock. Entstehen soll hier die neue Firmenzentrale der Städtischen Werke Magdeburg. Da ein solcher Eingriff ins Stadtbild nicht ohne Diskussionen und Meinungen einhergeht, dokumentiert die SWM Abriss und Neubau mit einer Webseite.

Ansichten der Webseite Blauer Bock für die SWM

Ausgangspunkt war die Notwendigkeit des Auftraggebers, den Abriss und Neubau am Blauen Bock sowohl Online als auch Offline zu begleiten. Die Webseite bildet alle Projektphasen über die mehrjährige Laufzeit online ab und dient als zentrale Informationsplattform. 

Verschiedene Aktionen auf der Webseite sollen die Magdeburger zum Mitmachen anregen. So wurden unter anderem historische Stadtansichten mit dem Blauen Bock gesammelt.

Detailansicht Blauer Block

Das Backend wurde durch uns zudem erweitert. Wir haben einen Editor entwickelt, in dem die Redakteure selbstständig die Inhaltskacheln der Webseite online erstellen und pflegen können. Sie können aus verschiedenen Templates wählen und die Inhalte und Farben frei gestalten. Der Editor berücksichtigt auch die verschiedenen Darstellungsgrößen bei mobilen Devices und bietet die Möglichkeit, optimierte Inhalte für jede Geräteklasse zu hinterlegen. Das ermöglicht dem Auftraggeber, die Inhalte selbstständig zu erstellen und zu pflegen.

Details der Webseite Blauer Bock für die SWM
Artikelansicht der Webseite Blauer Bock

Was haben wir gemacht?

  • Anforderungsanalyse für Zieldefinitionen
  • Konzeption mit Hilfe von Wireframes
  • Adaption des bestehenden Erscheinungsbildes
  • visuelle Ausgestaltung
  • Entwicklung als Responsive Webseite auf Basis von Wordpress
  • Schaffung eines erweiterten Content-Editors für das Backend

Weiterführende Links

www.blauer-bock-magdeburg.de

Schlagwörter

Konzeption Gestaltung Entwicklung Web Responsive Wordpress Mobile Industrie Bauwirtschaft Energieversorgung