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.


    Branche

    Öffentliche Auftraggeber

    Projekt

    Website Relaunch

    Technologie

    Drupal, Apache Solr

    Aufgabe

    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.