Die neue Landingpage zur Umgestaltung des Wiener Rings ist mit der offiziellen Vorstellung am 26.3.2026 online gegangen. Für datenwerk war dieses Projekt in mehrfacher Hinsicht besonders spannend: Wir durften die Webseite für die Mobilitätsagentur mit Sulu CMS umsetzen, auf Basis des Design Systems der Stadt Wien und mit einer klaren Mobile-First-Konzeption.
Für das Frontend ist die Pattern Library der Stadt Wien eine starke Grundlage. Sie bietet ein gut dokumentiertes System mit Komponenten und Mustern, das nicht nur konsistent, sondern vor allem auch barrierefrei und responsive gedacht ist. Das schafft eine verlässliche Basis für die Entwicklung und hilft dabei, digitale Angebote effizient und qualitätsgesichert umzusetzen.
Für die Mobilitätsagentur ist dabei besonders relevant, dass sie sich im Design System der Stadt Wien in Orbit 3 befindet. Dadurch können die vorhandenen Elemente der Stadt Wien nicht nur eingesetzt, sondern auch weiterentwickelt und projektspezifisch angepasst werden. So entsteht innerhalb des übergeordneten Systems ausreichend Spielraum für eine eigenständige Identität, ohne auf die Vorteile eines etablierten Designrahmens zu verzichten.
Auch auf CMS-Ebene bringt dieses Setup große Vorteile: Mit Sulu CMS und den Webspaces für Landingpages mit eigenen Domains gibt es ideale Voraussetzungen für eigenständige Projektwebseiten. Gleichzeitig lassen sich einmal entwickelte Content-Blöcke und Inhaltselemente webspace-übergreifend einsetzen. Dadurch wächst Schritt für Schritt ein effizientes System an wiederverwendbaren Bausteinen, das flexibel in unterschiedlichen Projekten genutzt werden kann.
Das bringt gleich mehrere Vorteile mit sich: Wiedererkennbarkeit, Synergien in der Umsetzung und ein schlankes, agiles System, das sowohl redaktionell als auch technisch gut skalierbar ist.
Gestalterisch wurde das Projekt durch den kreativen Input von Markus Nowak geprägt. Gemeinsam haben wir Konzeption und Design mobile first gedacht und innerhalb der bestehenden Identität der Mobilitätsagentur eine performante Landingpage für das Ring-Projekt entwickelt.
Besonders freut uns das positive Feedback, das die Seite bereits zum Start erhalten hat. Danke an die Mobilitätsagentur für das Vertrauen und die gute Zusammenarbeit in dem Projekt! Schön, wenn aus einer intensiven Zusammenarbeit ein digitales Produkt entsteht, das inhaltlich, gestalterisch und technisch überzeugt.