Einheitlich, barrierefrei und modern: Das neue Design-System der Integreat-Web-App

30. Oktober 2025
Symbolbild – Design-System

Die Integreat-Web-App hat ein neues Gesicht bekommen. Sie ist moderner, klarer und benutzerfreundlicher als je zuvor. Mit dem neuen Design-System entsteht ein einheitliches Erscheinungsbild, das Barrierefreiheit und einfache Bedienung in den Mittelpunkt stellt.

Ziel der Überarbeitung war, Informationen noch schneller, verständlicher und barrierefreier zugänglich zu machen. Dafür wurde die Web-App in den letzten Monaten umfassend modernisiert.

Orientierung an bewährten Standards

Das neue Design-System basiert auf den Best Practices von Material Design. Diese Gestaltungsrichtlinien sorgen weltweit für ein klares, konsistentes Nutzererlebnis.

In der Integreat-Web-App führt das zu vereinheitlichten Komponenten, Schriften, Farben und Abständen. Nutzer:innen finden sich dadurch leichter zurecht, unabhängig davon, welches Gerät sie verwenden.

Barrierefreiheit im Mittelpunkt

Ein zentraler Bestandteil des neuen Systems ist die Optimierung für Barrierefreiheit.

Die wichtigsten Verbesserungen im Überblick:

  • Hohe Kontraste und gut lesbare Schriftgrößen
  • Einheitliche Navigationsstrukturen

Das Ziel ist klar: Die Integreat-Web-App soll für alle Menschen zugänglich und einfach nutzbar sein.

Neue Farbe, vertraute Akzente

Bedienelemente erscheinen nun in einem Blauton, welcher für bessere Kontraste und mehr Übersicht sorgt.

Das bekannte Integreat-Gelb bleibt erhalten und wird weiterhin für Akzente genutzt. So verbindet das neue Design frische Elemente mit der vertrauten Integreat-Identität.

Verbesserte Nutzung auf mobilen Geräten

Die Integreat-Web-App ist jetzt stärker auf mobile Nutzung ausgelegt.

Neu ist eine Bottom-Navigation-Bar, die auf Smartphones für eine einfachere Orientierung sorgt. Wichtige Bereiche wie Informationen, Nachrichten, Karte und Veranstaltungen sind jederzeit mit einem Fingertipp erreichbar.

Wichtige Funktionen an einem Ort

Viele vertraute Funktionen wie das Teilen von Inhalten, die Vorlesefunktion, der Kontrastmodus, der PDF-Export oder das Kopieren von Links befinden sich nun an einem einheitlichen Ort im Menü.

Auf mobilen Geräten kommt an dieser Stelle zusätzlich die Feedback-Funktion hinzu. Nutzer:innen können damit direkt Rückmeldungen geben, ohne lange suchen zu müssen.

Einheitlich und zukunftsfähig

Das neue Design-System ist ein wichtiger Schritt in Richtung Zukunft. Es legt die Grundlage für eine stabile und konsistente Gestaltung auf allen Plattformen.

Aktuell gilt es für die Web-App. In den kommenden Monaten soll das neue Design auch in den nativen Apps umgesetzt werden.

Damit entsteht ein durchgängig einheitliches Nutzererlebnis – egal, ob am Computer, Tablet oder Smartphone.

Fazit

Das neue Design-System steht für Klarheit, Barrierefreiheit und moderne Gestaltung.

Städte und Landkreise profitieren von einer verlässlichen, konsistenten Basis, während Nutzer:innen die App einfacher bedienen können.

Mit dieser Weiterentwicklung wird der Zugang zu lokalen Informationen noch leichter und inklusiver.

👉 Jetzt ausprobieren:

Besuchen Sie die Integreat-Web-App und entdecken Sie das neue Design-System in Aktion.