Responsiver Pionier

Als eines der ersten deutschen Museen nahm das Museum Ludwig 2013 mit der von uns realisierten Website den Sprung ins responsive Zeitalter. Seitdem konnten wir den Webauftritt in kleineren und größeren Projekten weiterentwickeln. 2024 wurde dann der Entschluss gefasst, die Website auf den aktuellen technischen Stand zu bringen: Mit großem Versionssprung setzten wir ein TYPO3-Upgrade auf die aktuelle LTS-Version 12 um. Gleichzeitig wurde im Rahmen des Projekts die Chance genutzt, das Frontend einem Redesign zu unterziehen und die Zugänglichkeit der Website weiter zu verbessern.

Redesign für eine moderne Museumswebsite

Unser Frontend-Team modernisierte die UI-Komponenten unter Berücksichtigung aktueller Anforderungen und Viewports. Außerdem nahmen wir gezielt die Startseite sowie die Präsentation der Ausstellungen und den Veranstaltungskalender in den Fokus, die beide wichtige Herzstücke der Website bilden. Die minimalistische Gestaltung stellt mit zeitgemäßen Proportionen die klare Typographie und das ausdrucksstarke Bildmaterial in den Mittelpunkt. Die Navigation überarbeiteten wir umfassend, um die Zugänglichkeit, Responsivität und Auffindbarkeit der Seiten nachhaltig zu optimieren. In diesem Zuge setzten wir auch das extern entwickelte Designkonzept für den Header um, das eine Kontinuität zum Printmaterial des Museums herstellt. Technisch richteten wir hier die Möglichkeit zur tagesaktuellen Anzeige der Öffnungszeiten ein – diese können von den Redakteur:innen des Museums einfach und flexibel im TYPO3-Backend angelegt werden.

Inhalte automatisiert überführen und optimieren

Die Inhalte der Website überführten wir im Rahmen einer automatisierten Migration. So konnten wir trotz des großen Versionssprungs von TYPO3 6 auf TYPO3 12 den Aufwand für redaktionelle Nacharbeiten sehr gering halten. Zugleich war durch den mehrfachen Abgleich bis zum Livegang stets die Vollständigkeit und Aktualität der Inhalte sichergestellt. Im Rahmen der Migration erfuhren die Inhalte zudem eine Optimierung, indem veraltete Inhaltselemente in neue Entsprechungen überführt wurden.

Im Ergebnis dürfen sich die Besucher:innen des Museums Ludwig über einen zeitgemäßen Webauftritt freuen, der ihnen alle Informationen nutzerfreundlich zugänglich macht. Die Redakteur:innen profitieren von mehr Flexibilität und neuen redaktionellen Möglichkeiten. Technisch und visuell ist die Website nun auf dem neuesten Stand und basiert auf einem nachhaltigen Fundament für die nächsten Jahre.

Rückblick: Museumswebsite als responsiver Pionier

2013 konnten wir erstmals ein Projekt mit dem Museum Ludwig realisieren: Hier wurde der Webauftritt des Museums im Rahmen eines Relaunchs neu betrachtet, bewertet und umgestaltet. Im Vordergrund standen ein responsives Designkonzept, das von der Frankfurter Agentur FINE GERMAN DESIGN entwickelt wurde, und die Präsentation multimedialer Inhalte, die Besuchern einen Einblick in die umfangreiche Sammlung des Museums gewähren. 

Die technische Umsetzung erfolgte unter Einsatz des CMS TYPO3 in Verbindung mit aktuellen Webstandards und Frameworks wie HTML5, CSS3 und Bootstrap. Besondere Anforderungen stellten sich u.a. bei Realisierung des responsiven Verhaltens, das in Einklang mit den vom CMS generierten Inhalten, externen Datenfeeds und zahlreichen Multimedia-Elementen zu bringen war. Darüber hinaus wurde ein spezielles Template zur Bereitstellung mobiler Ausstellungsguides für Besucher des Museums entwickelt.

Zur Umsetzung weiterer spezieller Anforderungen wurden mehrere individuelle TYPO3-Extensions realisiert. Neben der HTML5-basierten Mediathek sind hier beispielsweise ein Veranstaltungskalender, der auch Plugins für die Filterung und Einbindung auf einzelnen Seiten bereitstellt, Funktionen zur Erstellung von Bildergalerien und ein Plugin zur Einbindung von Newsfeeds zu nennen.

Im Ergebnis entstand eine ansprechende, responsive Website, die sich angenehm auf einem großen Bildschirm wie auch auf einem Smartphone betrachten lässt und das Museum Ludwig optimal in modernem Gewand präsentiert.