Internationale Bauausstellung 2027 Stuttgart

Der digitale Dreh- und Angelpunkt für das IBA’27 Festival

Die Internationale Bauausstellung 2027 Stadtregion Stuttgart Gmbh steuert die Iba’27. Unter anderem setzt sie Impulse, berät, vernetzt und entwickelt die Projekte zusammen mit den Partnerorganisationen; sie fördert den Austausch zwischen den Projekten sowie mit Fachleuten in der Region und aus der ganzen Welt.

Im Sommer 2023 steht für die IBA’27 ein Meilenstein an: Sie öffnet den Vorhang für das erste IBA’27-Festival! Im Mittelpunkt steht die Frage: Wie wohnen, leben und arbeiten wir in einer Welt im Wandel? Das Festivalprogramm beinhaltet Ausstellungen, Führungen und Exkursionen über Workshops, Podiumsdiskussionen und Fachsymposien bis zu Straßenfesten und künstlerischen Performances.

STADTENTWICKLUNG ERLEBBAR MACHEN

Den virtuellen Mittelpunkt des Festivals stellt die eigens dafür entwickelte Website dar. Um der Bedeutung dieses Meilensteins gerecht zu werden, wurde eine Plattform speziell für das Festival selbst benötigt; eine individualisierte Website, die sich optisch abhebt und die den Aufschlag für die Kommunikation gezielt rund um die IBA’27 ermöglicht. Hierdurch soll die Stadtentwicklung als gemeinsamer Prozess in der Region Stuttgart für alle erlebbar gemacht werden.

Das Herzstück von Festival und Website

Um diesen Anforderungen gerecht zu werden, haben wir ein individuelles WordPress Custom Theme mit Gutenberg Block-Editor entwickelt. Dadurch konnte das Corporate Design mit der Funktionalität der neuen Seite vereint werden. In enger Abstimmung mit der Lead Agentur L2M3 haben wir das bestehende Design ins Digitale übersetzt und dafür ein UI-Kit gebaut. 

Das Herzstück des Festivals und zugleich der Website ist der Veranstaltungskalender – übersichtlich, Echtzeit filterbar, Zielgruppen-freundlich und erweiterbar entsprechend den Anforderungen. Eine weitere Besonderheit ist die Highlight-Funktion für einzelne Veranstaltungen, die Datenbank basiert ausgelesen wird. 

Einblick ins Screendesign der Website des IBA'27 Festival Einblick ins Screendesign der Website des IBA'27 Festival

DESIGN UND FUNKTION VEREINT

Ein nennenswertes gestalterisches sowie technisches Detail ist das Key Visual der Website: Wir lassen die Grafik zur Geltung kommen, indem wir sie so animiert haben, dass sie sich beim ersten Laden der Seite aufbaut und beim scrollen optisch wieder aufsplittet. 

Hinzu kommen Parallax Scrolling mit gleichbleibend guten Ladezeiten der Seite und als besonderes Feature: Scroll Reveal. 

NLDX Leistungen

–  ENTWICKLUNG Custom WordPress Theme, Eventkalender mit Filter

–  SCREENDESIGN Erweiterung des Corporate Design, UI-Kit

–  ANIMATION mit Custom CSS, ScrollReveal, Parallax

–  SEO technischer Qualitätsstandard

Mobile First Strategie für das Design der IBA'27 Festival Website Mobile First Strategie für das Design der IBA'27 Festival Website

Custom WordPress Theme

Ein maßgeschneidertes, von uns selbst programmiertes Website-Template, das ganz individuell auf die Bedürfnisse von Kunden-Websites zugeschnitten wird und jederzeit erweiterbar ist. Vergleichbar mit einem maßgeschneiderten Kleidungsstück.

Parallax Scrolling

Beim Scrollen bewegen sich die Elemente der Website unterschiedlich schnell: das Hintergrundbild langsamer, Text und Grafikelemente im Vordergrund schneller, so entsteht der Eindruck von Tiefe.

Gutenberg Block-Editor

Eine WordPress-Technologie, mit der Websites auf Basis individuell vorgefertigter Module gestaltet werden. Diese ermöglichen eine Kunden-spezifische und zugleich einheitliche und einfache Content-Bearbeitung durch die Redakteure im Backend. Es sind keine Plug-Ins dafür notwendig.

Scroll Reveal

Website-Elemente werden erst beim Scrollen sichtbar.

UI-Kit

Web- und Mobile-optimierte Schriften, Buttons, sprich das gesamte Design System mit User-Interface-Elementen.