Relaunch Website der Stadt Weimar

weimar GmbH

www.weimar.de

Die Website einer Stadt ist ihr digitales Aushängeschild. Sie ist ein zentrales Kommunikationsmittel für alle die Stadt betreffenden Belange und erste Informationsplattform für Besucher der Stadt im Vorfeld. Beide Zielgruppen – Einwohner und Touristen – haben ganz unterschiedliche Informationsbedürfnisse. Jeder Nutzer, egal ob Bürger oder Besucher, möchte schnell zu den für ihn relevanten Informationen gelangen. Die Inhalte der Internetseite ist zudem sehr umfangreich. Eine Vielzahl von Informationen unterschiedlicher Struktur und Inhaltstiefe müssen vermittelt werden. Der Zugriff erfolgt außerdem vermehrt über mobile Endgeräte, wie Smartphone und Tablet.
Diesen Herausforderungen und der Tatsache, dass sich die Website stets mit neuen Inhalten füllt, wird die Umsetzung gerecht. Bei der Gestaltung und Entwicklung stand der „Mobile First“ Ansatz im Vordergrund. Das Layout strukturiert die umfangreichen Inhalte und schafft eine klare Orientierung. Eindeutig erkennbare Navigationselemente verlinken zu Inhalten innerhalb der Seite. Verschiedene Varianten von Teaserboxen sind individualisierbar mit Farbe, Typografie und Bildern. Sie werden schnell wahrgenommen und ordnen sich eindeutig den verschiedenen Bereichen der Stadt zu. Die Inhaltsseiten können so mit den Teaserboxen und weiteren Inhaltselementen individuell angelegt und gefüllt werden. In der Summe ist so eine benutzerfreundliche Website entstanden.
Als in Weimar ansässige Agentur hat es uns besonders gefreut, die Neugestaltung und technische Realisierung der Website unserer Stadt gemeinsam mit der weimar GmbH umsetzen zu dürfen.

Projektzeitraum: 2016 – 2017
Startseite der Stadt Weimar – www.weimar.de (© Papenfuss | Atelier)

Startseite der Stadt Weimar – www.weimar.de

Das Menü ist für die mobilen Endgeräte angepasst: Von den Hauptmenüpunkten gelangt man zu den einzelnen Inhaltsseiten der Stadt. Die Navigation gliedert übersichtlich die umfangreichen Inhalte und verlinkt zu einzelnen Themen. (© Papenfuss | Atelier)

Das Menü ist für die mobilen Endgeräte angepasst: Von den Hauptmenüpunkten gelangt man zu den einzelnen Inhaltsseiten der Stadt. Die Navigation gliedert übersichtlich die umfangreichen Inhalte und verlinkt zu einzelnen Themen.

Ausschnitt der Unterseite zum Bereich "Leben in Weimar" (© Papenfuss | Atelier)

Ausschnitt der Unterseite zum Bereich "Leben in Weimar"

Unterseiten "Wirtschaft in Weimar"  (© Papenfuss | Atelier)

Unterseiten "Wirtschaft in Weimar"

Unterseiten "Kultur in Weimar", hier unter anderem mit einem Ausschnitt zum Veranstaltungskalender  (© Papenfuss | Atelier)

Unterseiten "Kultur in Weimar", hier unter anderem mit einem Ausschnitt zum Veranstaltungskalender

Sonderseite anlässlich Bauhaus100 mit bewegten Bauhaus-Formen im Hintergrund (© Papenfuss | Atelier)

Sonderseite anlässlich Bauhaus100 mit bewegten Bauhaus-Formen im Hintergrund

Unterseiten "Tourismus in Weimar", hier unter anderem mit einem Ausschnitt des Übernachtungsportals und seiner Such- und Filtermöglichkeiten  (© Papenfuss | Atelier)

Unterseiten "Tourismus in Weimar", hier unter anderem mit einem Ausschnitt des Übernachtungsportals und seiner Such- und Filtermöglichkeiten

Für die Website entstand eine umfangreiche und individuell auf die Stadt Weimar zugeschnittene Iconbibliothek. Die Icons können in Teaserboxen und auf einzelnen Inhaltsseiten eingefügt werden. (© Papenfuss | Atelier)

Für die Website entstand eine umfangreiche und individuell auf die Stadt Weimar zugeschnittene Iconbibliothek. Die Icons können in Teaserboxen und auf einzelnen Inhaltsseiten eingefügt werden.

Systemic Communications

Kommunikationsdesign

Entwicklung grafischer Elemente / Gestaltung, Erstellung und Umsetzung von Webanwendungen und Schnittstellen /

Illustration

Illustrationsstilistik erarbeiten / Informationsgrafiken /

Begleitung der Umsetzung

Anpassungen /

Web & Software Development

Technische Umsetzung & Programmierung von Webanwendungen

TYPO3 Entwicklung / Mobiles und Responsive Webdesign mit HTML5 und CSS3 / Organisation und Durchführung des (Re)launch-Prozesses / Projektmanagement /

Entwicklung kundenspezifischer Module oder Softwarelösungen

TYPO3 Extension Entwicklung (aktuell Extbase und Fluid) TYPO3 Extension Entwicklung (aktuell Extbase und Fluid) / Systemintegration: Anbindung an bestehende IT-Infrastrukturen und Prozesse im Unternehmen /

Support und Wartung

Telefonischer Support / Datenaufbereitung und Datenbereitstellung /