Case Study: Minimalistischer Tunnel Monitor

Ausgangslage

Der Tunnel Monitor ist ein unabhängiges, offenes Projekt. Entwickelt aus der Community heraus – für alle, die täglich auf zuverlässige Informationen angewiesen sind: Pendler*innen, Anwohner*innen, Besucher*innen.

Ziel: Eine einfache Website, die zeigt, ob der Tunnel geöffnet ist. Ohne Behördensprache, ohne Barrieren, ohne Hürden.

Herausforderung

Offizielle Informationsquellen waren unpräzise, verstreut oder manchmal gar nicht öffentlich zugänglich. Bürger*innen wussten oft erst vor Ort, ob der Tunnel befahrbar ist.

Das Problem: Umwege, Zeitverlust, Frust.

Unsere Lösung

Ein offener, transparenter Dienst, der auf Echtzeitdaten basiert – für alle frei nutzbar.

• UI Design: Ein typografisch geprägtes Interface mit Fokus auf Weißraum, Klarheit und ikonischer Visualisierung – ganz ohne störende Elemente. Große Statusanzeige, lesbar auch unterwegs und aus der Entfernung.
• UX-Konzept: Kein Menü, keine Unterseiten. Nutzer:innen sehen sofort: aktuelles Wetter, Temperatur, Vorhersage für heute und morgen – und vor allem den Tunnel-Status auf einen Blick. Eine Information, eine Seite, keine Ablenkung.
• Webentwicklung: Umsetzung mit statischer Generierung via Astrojs für blitzschnelle Ladezeiten – vollständig responsive, barrierearm und extrem schlank. Keine Tracker, keine unnötigen Skripte, minimale Datenübertragung.

Vorgehen

Wir haben bewusst reduziert: Welcher Inhalt muss in unter drei Sekunden erfassbar sein? Alles andere flog raus. Design, Inhalte und Technik wurden als eine Einheit gedacht – Typografie als Interface, Performance als Feature, Barrierearmut als Standard statt Add-on.

Ergebnis

Die Website beweist: Weniger kann mehr sein. Sie lädt in Millisekunden, sieht auf jedem Gerät gut aus und zeigt genau das, was Nutzer:innen erwarten. Ohne Schnickschnack, aber mit Stil. Als offenes Projekt ist sie zudem wartungsarm und lässt sich einfach weiterentwickeln.

Das Prinzip dahinter steckt auch in meiner kommerziellen Arbeit: UX-Review für klare Nutzerpfade und Unternehmenswebsite für schnelle, verständliche Seiten.

Mögliche nächste Schritte

• Status-Historie: Vergangene Sperrungen und Muster sichtbar machen.
• Benachrichtigungen: Optionaler Hinweis bei Statuswechsel, datensparsam umgesetzt.
• Barrierefreiheit vertiefen: Weiterer Feinschliff nach BFSG-Logik – etwa Kontraste, Fokus-Reihenfolge und Screenreader-Labels.

Learnings

• Minimalismus ist eine Entscheidung – nicht nur im Design, sondern im gesamten Konzept.
• Performance wird sichtbar, wenn alles Unnötige weggelassen wird.
• Ein gutes Produkt muss nicht groß sein – sondern klar, schnell und konsequent gedacht.