
Map Widgets: Smarte Webkomponenten mit Echtzeit-Infos für die Kund:innen der ASFINAG
Wie Tietoevry dabei half, einen Weg zur intuitiveren Darstellung von Verkehrsinformationen zu finden
Design & Experience bei Tietoevry
Senior Customer Manager
Die Herausforderung
Das Ziel bestand darin, Verkehrsteilnehmer:innen auf der Website der ASFINAG bestmöglich und intuitiv über Reisezeiten, Parkanlagen sowie Rast- oder Mautvertriebsstellen und mehr zu informieren. Dabei war es eine besondere Herausforderung, die Vielzahl an Informationen - teilweise in Echtzeit - übersichtlich und benutzerfreundlich auf einer interaktiven Karte darzustellen. Zudem war es essenziell, die Corporate Identity der ASFINAG-Website zu wahren und die Barrierefreiheit zu berücksichtigen.
Die Lösung
Widgets sind interaktive Elemente, die Website-Besucher:innen dynamische Informationen auf einer Website bieten. Sogenannte Map Widgets bieten für geografische Informationen Funktionen wie Zoom, Standortbestimmung, Suche und Messung an. Den ASFINAG Website-Besucher:innen werden nun durch diese Map Widgets relevante Verkehrsinformationen auf einer interaktiven Karte zur Verfügung gestellt. Innovative Filterfunktionen ermöglichen ein individuelles Anpassen der Inhalte.
Das Service ist seit dem Start 2019 stetig gewachsen und umfasst mittlerweile zehn leistungsstarke Widgets: Im Rahmen eines agilen Entwicklungsansatzes realisierte Tietoevry als langjähriger Software-Engineering-Partner der ASFINAG eine Sammlung eigenständiger Map Widgets, die nun nahtlos in die ASFINAG-Website eingebunden sind.
Folgende Inhalte werden den ASFINAG Website-Besucher:innen mittels Map Widgets dargestellt:
Die kombinierte Nutzung von Web Components und dem Kartenframework Leaflet macht das System sehr flexibel. Die Widgets sind modular, wiederverwendbar und können mehrfach in der Website eingebunden werden. Technisch kamen im Frontend Angular 18 sowie CSS und HTML zum Einsatz. Die Tietoevry-Expert:innen sorgten mit einem eigens entwickelten Facettenfilter für dynamische Filteroptionen. Selbstverständlich wurde auch auf die Berücksichtigung von Accessibility-Standards geachtet, sodass die Barrierefreiheit der Webanwendungen durchgängig gegeben ist.
Über den Kunden
ASFINAG plant, finanziert, baut, erhält, betreibt und bemautet Österreichs Autobahnen und Schnellstraßen. Durch das benutzerfreundliche Mautsystem werden diese Aufgaben finanziert. Ziel ist, Österreichs Straßen zu den sichersten in Europa zu machen und mit wirtschaftlicher, ökologischer und gesellschaftlicher Verantwortung den Wirtschaftsstandort Österreich zu stärken.
Vorteile für Endkund:innen

Intuitive Bedienung
Die interaktive Karte mit klar strukturierten Widgets und innovativen Filterfunktionen sorgt für eine selbsterklärende und mühelose Navigation durch komplexe Verkehrsdaten.

Zeitersparnis
Durch die gezielte Darstellung relevanter Informationen in Echtzeit finden Nutzer:innen schneller, was sie suchen – sei es eine Rastanlage, eine Mautstelle oder aktuelle Reisezeiten.

Inklusives Design
Die Map Widgets erfüllen konsequent alle Accessibility-Standards und bieten so allen Nutzer:innen einen barrierefreien Zugang zu wichtigen Verkehrsinformationen.
Mit Tietoevry haben wir einen Partner, der nicht nur die technischen Herausforderungen zur Umsetzung unserer Informationsseiten bewältigen kann, sondern auch wertvollen fachlichen Input liefert.
Project- and Productmanager Traffic Information & MaaS, ASFINAG Maut Service GmbH