MAC-Monitor
Im Rahmen eines umfassenden Relaunchs wurde die mehrsprachige Website strukturell neu gedacht und mit einem frischen, modernen Webdesign ausgestattet.
Villa Aurora & Thomas Mann House
Tablet
Villa Aurora & Thomas Mann House
Phone

Villa Aurora & Thomas Mann House

Der Villa Aurora & Thomas Mann House e. V. (VATMH) ist ein gemeinnütziger Verein mit Sitz in Berlin, der den transatlantischen Dialog zwischen Deutschland und den Vereinigten Staaten aktiv fördert.

Projektbeschreibung

Im Rahmen eines umfassenden Relaunchs wurde die mehrsprachige Website strukturell neu gedacht und mit einem frischen, modernen Webdesign ausgestattet. Das individuelle Design basiert auf den CI-Vorgaben von Studio Pandan und wurde technisch von CodeSache umgesetzt.

Ein besonderer Fokus lag auf einer barrierearmen und zukunftssicheren Umsetzung. Die Website erfüllt weitgehend die Anforderungen der WCAG 2.2 auf Level AA und sorgt so für eine zugängliche und nutzerfreundliche Erfahrung für möglichst viele Besucher:innen.

Technisch wurde die Webseite auf Basis von Contao 5.3 LTS realisiert. Für die Stipendien-Datenbank kommt die leistungsstarke Katalogerweiterung MetaModels zum Einsatz. Im Frontend ermöglichen komfortable Filterfunktionen eine gezielte Suche nach Stipendiat:innen beider Häuser.

Darüber hinaus wurden die Contao-Module News und Events funktional erweitert und durch individuelle Template-Anpassungen nahtlos in das neue Design integriert.

Zusatzinformation

Bei der Umsetzung des Projektes sind folgende Tools und Erweiterungen eingesetzt worden. Für individuelle Eingabemasken wurde die Erweiterung Rocksolid Custom-Elements eingesetzt. Im Contao Backend wird für Redakteure ein komfortabler CSS-Picker eingesetzt, um z.B. Formatierungen, Abstände oder Grid-Sets einzusetzen. Weitere Erweiterungen wie contao-changelanguage, contao-conditionalformfields, contao-leads, contao-shortlink und notification_center erweitern die Funktionen.  

Leistungen
  • Grafische Gestaltung & Visual: Studio Pandan
  • Programmierung
  • Konzeption
  • Barrierefreies Webdesign
Umsetzung CodeSache & Studio Pandan
Projektjahr 2025
Technik
Contao Version 5.3
Barrierefreie Webseite
Individualprogrammierung
jQuery
responsive Webdesign
CSS3 - SCSS
MetaModels
SEO - Tools
Newsletter - Tool
Erweiterungen
  • Rocksolid Custom Elements
  • RockSolid Frontend Helper
  • Notification Center