Driving Urban Transitions
Europaweit forschen, lokal verändern – eine Plattform für die Zukunft der Stadt

Two people on bicycles on a bridge with a railing, photographed from below.

Über eine europaweite Ausschreibung konnten wir die Partnerschaft „Driving Urban Transition to a Sustainable Future” der Österreichische Forschungsförderungsgesellschaft mbH – FFG mit unserem Konzept für eine nachhaltig konzipierten und zukunftssicheren Content-Website für uns gewinnen.


Industry

Öffentliche Auftraggeber

Project

Website Relaunch

Technology

Drupal, Apache Solr

Task

Beratung, UX-Konzept, UI-Design, Barrierefreiheit, CMS, Frontend, Suchtechnologie


Laptop Mock-Up zeigt die Startseite mit vollflächigem Hintergrundbild.

Von der Sitemap bis zur Projektdatenbank

Die neue Website macht die gewachsene Partnerschaft als zentrale europäische Initiative zur nachhaltigen Stadtentwicklung sichtbar. Sie präsentiert Projektergebnisse und stärkt die Zusammenarbeit der beteiligten Organisationen.

Die inhaltliche und funktionale Struktur basiert auf einer detaillierten Sitemap mit klarer Seitenhierarchie über alle Navigationsstufen. Detaillierte Wireframes für die zentralen Seitentypen bilden die visuelle Basis für Gestaltung und technische Umsetzung, mit besonderem Fokus auf einer zielgruppengerechten Verteilung der Inhalte.

Das digitale Designkonzept baut auf dem bestehenden Print-Corporate-Design von DUT auf und überträgt es gezielt ins Web. UI-spezifische Farben, interaktive Komponenten, barrierefreie Schriftgrößen und ein modulares Gestaltungssystem erweitern es, so bleibt alles konsistent.

Logo der Driving Urban Transition
Die 4 Hauptfarben grün, blau, gelb und blauschwarz in abgerundeten Quadraten abgebildet.
Drei Smartphone-Mockups zeigen verschiedene Seiten der DUT-Website zu Konferenz, Förderung und nachhaltigem Reisen.
Ein großes Accordion geöffnet, wobei im geöffneten Zustand der Text auf dunklem Hintergrund steht.

Das Redaktions-Backend basiert auf Drupal und ist modular aufgebaut. Flexibel kombinierbare Module dienen der Inhaltspflege und -strukturierung. Dank dieser modularen Architektur lässt sich die Website unkompliziert erweitern, und die Redaktion kann ihre Kommunikationsinhalte eigenständig gestalten und pflegen. 

Das vollständig responsive Frontend sorgt für ein konsistentes Nutzungserlebnis auf verschiedenen Geräten und Viewports.

Umfangreiche Projektübersichten liegen in einer dedizierten, redaktionell pflegbaren Projektdatenbank. Eine integrierte Filterfunktion ermöglicht hier die zielgerichtete Recherche nach Themenfeldern, Zeiträumen, Regionen oder Zuständigkeiten, zugeschnitten auf Fachöffentlichkeit, Partnerorganisationen und Bürger:innen. Diese Filterung basiert auf Apache Solr, damit sich Informationen schnell, barrierefrei und intuitiv finden lassen.

Event Teaser listenartig mit grünem Button und auftauchenden Bildern als Hovereffekt.
Projektteaser mit Bildern in grün gehalten in einer Reihe in einem Carousel.
Eine Grafik mit 7 verschiedenen Schritten im Prozess. Der 4. Schritt ist farblich hervorgehoben. Die Linie schlängelt sich von links nach rechts abwärts.
Interaktive Europakarte mit zahlreichen Standorten und einem eingeblendeten Projekt zu inklusiven, naturbasierten Lösungen für den Klimaschutz.