Die Gestaltung und Entwicklung einer neuen, modernen Website für das Bildhauermuseum Gerhard-Marcks-Haus erforderte viel Vorarbeit und eine durchdachte Herangehensweise, um sowohl die künstlerischen Aspekte der Bildhauerei als auch die praktischen Informationen für Besucher und Mitarbeiter ansprechend zu präsentieren. Die Website sollte nicht nur ästhetisch ansprechend, sondern auch funktional, benutzerfreundlich und weitestgehend barrierefrei sein.
Grundanforderung an die neue Website
Warum ein Relaunch?
- Aktuellste Technologie: Die alte Website wurde ursprünglich 2016 entwickelt. Seitdem haben sich sowohl die Anforderungen an das Layout sowie die Technologie im Web und die Inhalte des Museums erheblich weiterentwickelt.
- Modernes, frisches Layout: Mit weiteren Features für die „Sammlung online", für die „Kalenderfunktion“ und ganz neu für „Marcks Plus“ sowie ab 2026 die „Bibliothek online"
- Flexibilität: Die Ausstellungen selbst bekommen erheblich mehr Platz und Flexibilität in der Bildanordnung und somit mehr Aufmerksamkeit.
- Barrierefreiheit: Die Website wurde barrierefrei gestaltet, insbesondere im Hinblick auf das bereits in Kraft getretene Gesetz zur Barrierefreiheit.
Worauf lag der Fokus?
Ein ganz besonderer Fokus lag auf der „Sammlung online“, die viel genutzt wird und informativer geworden ist. Gleiches wird für die ab 2026 zur Verfügung stehende „Bibliothek online“ gelten. Zudem ist es mit der neuen Kalenderfunktion möglich geworden, dem Wunsch nach sofortiger Sichtbarkeit neuer Veranstaltungen auf der Startseite nachzukommen. Hier werden automatisch die ersten drei Termine des Kalenders angezeigt. Nicht zu vernachlässigen sind die verschiedenen Zielgruppen von auswärtigen und einheimischen Besuchern. Der Fokus lag hier insbesondere darauf, die Attraktivität des Museums, für auswärtige Besucher durch professionelle Fotos von Innenansichten und ein ansprechendes, modernes, nicht ganz gewöhnliches Layout zu unterstützen. Ergänzt durch eine ansprechende und großzügige Präsentation der künstlerischen Arbeiten sollen natürlich alle Besucher von den Neuerungen der Website profitieren.
- Informativere und nutzerfreundlichere „Sammlung online“
- „Bibliothek online“ ab 2026
- Neue Kalenderfunktionen
- Attraktivität des Museums für auswärtige Besucher stärken
- Ansprechende Präsentation von künstlerischen Arbeiten
Layout und Design
Design und Benutzererfahrung
Das Design der Website soll die Kunst der Bildhauerei widerspiegeln. Eine klare, minimalistische Gestaltung ermöglicht es den Kunstwerken, im Vordergrund zu stehen. Die Farbpalette soll harmonisch und ansprechend sein, um eine angenehme Atmosphäre zu schaffen.
Entwicklung eines Web-Styleguides
Anhand des neuen Layouts des Gerhard-Marcks-Hauses wurde ein passender Webdesign Styleguide entwickelt, in dem die wichtigsten Elemente definiert sind:
- Überschriften
- Fließtexte
- Links
- Aufzählungen
- Buttons
- Farbpalette mit genügend Abstufungen
Berücksichtigt wurde bei der Farbpalette und der Schriftsetzung die Einhaltung der Barrierefreiheit sowie ein harmonisches Gesamtbild.
Konzept für den Footer
- Der Footer ist ein wiederkehrendes Element, das am Ende jeder Unterseite erscheint.
- Enthaltene Inhalte: Kontaktinformationen, Öffnungszeiten, Newsletter Anmeldung und Social Media Icons.
- Links werden als Schnellzugriffe angeboten, sodass das Hauptmenü nicht geöffnet werden muss.
- Rechtliche Links wie Impressum, Datenschutz und Barrierefreiheit werden am unteren Ende des Footers platziert, da diese dort erwartet werden und auf jeder Seite leicht zugänglich sein sollten.
Entwicklung einer Navigationsstruktur
- Definition und Neustrukturierung der Inhalte, um eine klare Gliederung der Unterseiten zu ermöglichen.
- Sinnvolle Kategorisierung der Unterseiten zur besseren Strukturierung der Verlinkungen.
- Navigation im Stil eines Hamburger Menüs. Das Icon läuft beim Scrollen über die Seite mit, sodass die ausklappbare Seitennavigation jederzeit bedient werden kann
Layout der Seitentemplates
Um jede Unterseite inhaltlich gut aufzubereiten und übersichtlich darzustellen, wurden für die folgenden Seiten jeweils individuelle Templates entwickelt:
- Startseite
- Gerhard-Marcks-Seiten
- Team/Ansprechpartner*innen
- Ausstellungsübersicht
- Ausstellungsdetailseite
- Publikationen
- Sammlung online
- Veranstaltungskalender
- Öffnungszeiten/Preise
- Presse
Die übrigen Seiten wurden mit einem Standardtemplate versehen, welches dennoch individuell pro Seite mit verschiedenen Inhaltsmodulen befüllt werden kann.
Schrittweise Fertigstellung des Layouts in engem Dialog mit dem Kunden, im Rahmen einer agilen Entwicklung und Korrekturschleifen.
Warum die Umsetzung mit Wordpress?
Die Website wurde mit dem CMS WordPress aufgebaut:
- Einfache Erweiterbarkeit: Neue Seiten können leicht aufgesetzt werden und es wird eine einheitliche Linkstruktur gewährleistet.
- Individuelle Templates: Die zuvor designten Templates wurden als eigenes WordPress-Theme neu entwickelt, welches damit individuell auf die Bedürfnisse des Gerhard-Marcks-Hauses zugeschnitten ist. Außerdem ermöglicht dies eine barrierefreie Umsetzung.
- Benutzerfreundliches CMS: WordPress ermöglicht die eigenständige Verwaltung von Text- und Mediainhalten, ohne dass HTML- oder Webdesign-Kenntnisse erforderlich sind.
- Konsistente Inhalte: Wiederkehrende Elemente, wie z.B. Ansprechpartner, werden zentral in WordPress angelegt. Änderungen, z.B. an Telefonnummern, müssen nur an einer Stelle vorgenommen werden, wodurch Fehler und vergessene Anpassungen vermieden werden.
Projektablauf
Die Laufzeit für dieses Projekt dauerte gut 1,5 Jahre. Sie beinhaltet:
- Orientierungsgespräche
- Fokussierungsgespräche
- Analyse und Ideenfindung
- Konzept
- Layout und Design
- Korrekturphase
- Technische Umsetzung
- Inhaltseinpflege
- Testen und Optimieren
- Korrektur der Inhalte
- Livegang
Fazit
Das engagierte Team vom Gerhard-Marcks-Haus lieferte immer eigene Vorstellungen, kurze Antwortzeiten sowie große Mengen an Content und trug so wesentlich zu einem überaus gelungenen Ergebnis des neuen Webauftritts bei, der eine harmonische Verbindung von Ästhetik und Funktionalität bietet. Wir bedanken uns an dieser Stelle für die gute Zusammenarbeit.
Überzeugen Sie sich selbst von dem Ergebnis:
www.marcks.de