Website Redesign und UX/UI Design für die AKN
.png)
Die AKN Eisenbahn GmbH sichert die tägliche Mobilität in Norddeutschland und ist für tausende Menschen die wichtigste Verbindung der Region.
Wir durften das Traditionsunternehmen bei dieser digitalen Evolution begleiten und die bestehende Markenidentität in eine nutzerzentrierte Digitale Experience übersetzen. Von der Neuordnung der Informationsarchitektur bis hin zum systematischen UX- & UI-Redesign haben wir das Fundament für einen zukunftsfähigen Auftritt geschaffen.
Briefing
Unsere Aufgabe war es, ein bestehendes Redesign-Konzept für die Website der AKN Eisenbahn GmbH aufzugreifen, funktional zu schärfen und konsequent zu Ende zu führen. Ein kritischer Fokus lag dabei auf dem „Mobile First“-Ansatz, der bis zu diesem Zeitpunkt stark vernachlässigt wurde, für die tägliche Nutzung am Bahnsteig jedoch essenziell ist. Ziel war keine Neuausrichtung, sondern eine präzise Schärfung der User Journeys für drei völlig unterschiedliche Welten: Fahrgäste unter Zeitdruck, B2B-Partner für Infrastruktur-Services und potenzielle Bewerber in einem umkämpften Fachkräftemarkt.
Die Herausforderung
Die größte Hürde war die Balance zwischen Kontinuität und Fortschritt. Unsere Aufgabe war es, das Redesign so zu Ende zu führen, dass der Kern der AKN erhalten bleibt, die User Experience jedoch auf ein neues Level gehoben wird. Wahre Evolution bedeutet für uns: Der Nutzer soll sich nicht umgewöhnen müssen, er soll sich einfach sofort besser zurechtfinden.
Dafür mussten wir eine historisch gewachsene Struktur so ordnen, dass sie den Bedürfnissen aller Nutzergruppen gleichzeitig gerecht wird, ohne die Übersichtlichkeit zu verlieren. Gefragt war ein flexibles Designsystem, das visuelle Unruhe beseitigt und stattdessen klare, intuitive Hierarchien schafft, insbesondere im mobilen Kontext, wo jede Sekunde am Gleis zählt.
Die Verbindungssuche als Herzstück
Die wichtigste Funktion für die Fahrgäste wurde aus ihrem engen Raster befreit. Die neue Verbindungssuche fungiert nun als prominenter visueller Anker: Sie erstreckt sich über die volle Breite und überlappt bewusst den Hero-Bereich. Dieser gezielte visuelle Bruch signalisiert sofort den Startpunkt der Nutzerreise.
Typografische Klarheit & Usability
Um die Lesbarkeit bei hoher Informationsdichte und komplexen Inhaltsstrukturen zu garantieren, haben wir ein kontraststarkes Typografie-System etabliert. Während die PP Agrandir Wide in den Headlines für visuelle Stabilität sorgt, ermöglicht die Open Sans im Fließtext maximale Barrierefreiheit. Ein präzises Layering-System aus weißen Content-Cards auf sanftem Hintergrund gibt dem Auge Halt und ersetzt unruhige Schlagschatten durch moderne, flächige Strukturen, die auch auf kleinen Displays für Ordnung sorgen.
.png)
Fazit
Der Case AKN unterstreicht unsere Kompetenz, historisch gewachsene Strukturen in ein modulares und zukunftssicheres Designsystem zu überführen. Durch den konsequenten Mobile-First-Ansatz und die funktionale Schärfung der Nutzerpfade haben wir die digitale Nutzbarkeit radikal verbessert, ohne die Identität der Traditionsmarke zu verlieren. Das Ergebnis ist eine barrierefreie Digital Experience, die die tägliche Informationsflut bändigt.