Ein Layout für alle Fälle

Museum Ludwig Website (2013)

Das Museum Ludwig in Köln, nach seiner Mäzenin Irene Ludwig benannt, stellt seit nahezu 40 Jahren große und innovative Kunst aus. Die Samm­lung des Mu­se­ums umfasst die wichtig­sten Po­si­tio­nen der Kunst des 20. Jahrhun­derts und der Ge­gen­wart­skunst. Das Mu­se­um ist ein Ort, an dem Kun­st­geschichte von der Ge­gen­wart in den Blick genom­men und im­mer wied­er neu be­trachtet, be­w­ertet und auch umgeschrieben wird.

Ganz in diesem Sinne wurde auch 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 der Version 6 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.

Projekt

Leistungen

  • Beratung & Konzeption
  • Template-Umsetzung
  • Responsive Webdesign
  • Content-Management-System
  • Extension-Entwicklung: TYPO3
  • Mehrsprachige Umsetzung
  • Suchmaschinenoptimierung (SEO)
  • Wartung & Support

Technologien

  • TYPO3
  • TYPO3 Extbase/Fluid
  • HTML5/CSS3
  • Responsive Layout
  • Twitter Bootstrap
  • jQuery
Zurück zur Projektübersicht