Mit dem Bau des Terminal 3 setzt die Fraport AG neue Maßstäbe am größten Flughafen Deutschlands. Seit 2015 entsteht ein zukunftsweisendes Gebäude, das die Agentur A&B One mit einer ebenso innovativen digitalen Plattform begleitet hat. Die Microsite →www.terminal3.info wurde 2019 ausgezeichnet mit dem German Design Award.
Aufgabe
Ein Jahr vor der geplanten Terminalfertigstellung galt es, den Fokus der Microsite neu zu definieren, weg von der baulichen Dokumentation und hin zur Perspektive der Reisenden. Als UX/UI-Designer bestand meine Aufgabe darin, ein modernes, interaktives Interface zu entwickeln, das die Komplexität des Projekts verständlich vermittelt und zugleich spürbar macht, wie sich die zukünftige Passenger Experience anfühlen wird.
Ziele
Die Plattform sollte neu strukturiert, inhaltlich verdichtet und visuell geschärft werden. Ziel war es, Architektur, Meilensteine, Infrastruktur und Erlebniswelt des Terminal 3 so zu inszenieren, dass Nutzende intuitiv navigieren können und dabei echte Vorfreude auf die Eröffnung entsteht.
Meine Rolle: UX/UI-Designer
Projektdauer: März – September 2025
Verantwortlichkeiten
Optimierung der Benutzeroberfläche, responsives Design, visuelle Konsistenz, Gestaltung interaktiver Elemente, Barrierefreiheit, Prototyping und Testing
Design
Beim Designansatz stand Storytelling im Fokus. Statt allein auf Fakten und Zahlen zu setzen, lag der Schwerpunkt darauf, die Geschichte von Terminal 3 von der Vision bis zur Realität erlebbar zu machen. Das Design sollte informieren und zugleich emotional berühren.
Maßnahmen:
-
Reduzierte Navigation für eine klare und intuitive Nutzerführung
-
Großflächige Visuals & Videos, die Emotion und Nähe zum Baugeschehen erzeugen
-
Responsive Design, optimiert für mobile Endgeräte und eine breite Nutzerbasis
- Interaktive Timeline, um den Baufortschritt Schritt für Schritt nachvollziehbar zu machen
Im Viewport der Startseite ist ein emotionales Intro verankert, das Besucherinnen und Besucher direkt beim Einstieg visuell abholt.
Ein dynamischer Bewegtbild-Header inszeniert die bauliche Fertigstellung des Terminals eindrucksvoll und emotional – und schafft so einen starken ersten Eindruck sowie einen atmosphärischen Einstieg in die Website.
Die Seite wurde insgesamt gestrafft.
Kompakte Teaser zu aktuellen Baufortschritten sowie ein aufmerksamkeitsstark platzierter Highlight-Teaser für Specials und thematische Schwerpunkte sorgen für eine dynamische, abwechslungsreiche Nutzererfahrung mit klarer inhaltlicher Struktur.
Die Meilensteine des Projekts werden als Zeitstrahl umgesetzt. Diese neue Darstellung lässt sich intuitiv bedienen und macht die Bauabschnitte interaktiv erlebbar.
Der Zeitstrahl ist chronologisch aufgebaut und führt die Nutzer:innen von der Vergangenheit bis in die Gegenwart.
-
Darstellung auf Desktop-Geräten: horizontal scrollbarer Verlauf
-
Darstellung auf mobilen Endgeräten: vertikale Anordnung von oben nach unten
Nach fünf Einträgen wird ein „Mehr laden“-Button eingeblendet, über den alle weiteren Ereignisse geladen werden können. Dies sorgt für eine bessere Performance und eine übersichtliche Nutzerführung auf mobilen Geräten.
Herausforderungen
-
Corporate Consistency: Das Design musste eng mit der Markenidentität der Fraport AG verzahnt sein.
-
Eigenständigkeit: Gleichzeitig sollte Terminal 3 ein dynamisches, einzigartiges Erscheinungsbild erhalten, das seine besondere Rolle als Großprojekt unterstreicht.
-
Balance: Zwischen strenger Corporate Identity und flexibler Projektkommunikation galt es, einen eigenständigen, modernen Look zu schaffen.
Ergebnis
Wir haben ein aufgeräumtes, modernes User Interface gestaltet, das komplexe Inhalte zugänglich und attraktiv vermittelt. Durch das aufgeräumte, zeitgemäße Design präsentiert die Plattform die letzten Bauetappen bis zur Eröffnung nun klar strukturiert und visuell ansprechend.
Die neue Website ist seit September 2025 verfügbar:
→ https://terminal3.frankfurt-airport.com
Ausblick
Zurzeit entwickle ich ein Konzept, das Social-Media-Beiträge zum Terminal 3 direkt in die Microsite einbindet. Ziel ist dabei, eine intuitivere User Experience und eine stärker vernetzte Markenpräsenz zu schaffen.
