Interaktives Sicherheits-Game „ÜTKÖZÉSPONT“
Wie vermittelt man jungen Menschen die lebenswichtige Botschaft, Bahnübergänge ernst zu nehmen – ohne erhobenen Zeigefinger, aber mit maximaler Wirkung? Gemeinsam mit unserer Partneragentur cubicfox und Roxer haben wir für die Ungarische Bahn (MÁV) ein interaktives Detektivspiel entwickelt, das Verkehrssicherheit erlebbar macht: ÜTKÖZÉSPONT verbindet 360°-Video, Gamification und Storytelling zu einem eindrucksvollen digitalen Erlebnis.
1
Herausforderung
Die Ungarische Bahn (MÁV) ist das größte Eisenbahnunternehmen des Landes und spielt eine zentrale Rolle im nationalen und internationalen Personen- und Güterverkehr. Mit der Kampagne ÜTKÖZÉSPONT sollte insbesondere eine junge Zielgruppe für die Gefahren im Bahnverkehr sensibilisiert und auf die Bedeutung der Einhaltung von Verkehrsregeln aufmerksam gemacht werden.
Klassische Informationskampagnen stoßen bei Jugendlichen schnell an ihre Grenzen. Ziel war daher ein Format, das Aufmerksamkeit weckt, emotional berührt und komplexe Verkehrssituationen verständlich macht – ohne die Ernsthaftigkeit des Themas zu relativieren. Parallel dazu musste die Lösung technisch stabil, leicht zugänglich (Browser-basiert) und kampagnenfähig sein.
Besondere Anforderungen & Beschränkungen
- Ansprache einer jungen, digitalaffinen Zielgruppe mit hoher Ablenkungskonkurrenz
- Sensibles Thema (Unfälle, Gefahrensituationen) ohne reißerische Inszenierung
- Kombination aus Film, Interaktion und Gamification in einer Web-Umgebung
- Reibungslose Nutzung im Browser – ohne zusätzliche Software oder hohe Einstiegshürden
- Saubere Performance auch bei 360°-Video und interaktiven Elementen
- Gute Auswertbarkeit der Kampagnenergebnisse (Reichweite, Spielabschlüsse, Verweildauer)
2
Lösung
Gemeinsam mit cubicfox und Roxer haben wir ein interaktives Detektivspiel als Herzstück der Kampagne entwickelt. Nutzer:innen schlüpfen in die Rolle eines Ermittlers, der einen Zugunfall untersucht. Durch aktives Mitdenken, Entscheidungen und Hinweissuche werden sie Schritt für Schritt mit den Ursachen konfrontiert – und lernen, wie wichtig richtiges Verhalten an Bahnübergängen ist.
Parallel dazu entstand eine Microsite als Kampagnen-Hub, auf der das Spiel eingebettet, Inhalte erklärt und Ergebnisse der Kampagne dargestellt werden.
Technolgie Stack
- Frontend & Microsite: Vue.js, JavaScript
- 360°- und VR-Elemente: A-Frame für die Darstellung und Steuerung der interaktiven Szenen
- Backend: Lumen (PHP-Microframework) für Logik, Tracking und Datenauswertung
- Hosting & Integration: performante, responsiv optimierte Webumgebung, ausgelegt für hohe Zugriffe während Kampagnenphasen
Die Wahl dieses Stacks ermöglicht eine flüssige 360°-Erfahrung direkt im Browser und eine modulare Erweiterbarkeit für zukünftige Kampagnen.
Design & UX
Im Zentrum steht eine Detektiv-Story: Die Spieler:innen rekonstruieren einen Unfallhergang, analysieren Hinweise und treffen Entscheidungen. Wichtig war dabei:
- Eine packende, lineare Erzählung mit klaren Entscheidungspunkten
- 360°-Video kombiniert mit UI-Elementen und Hotspots, die zur Interaktion einladen
- Ein Interface, das auf Desktop wie mobil intuitiv bedienbar ist
- Eine Tonalität, die das Thema ernst nimmt, ohne abzuschrecken
Durch das aktive Ermitteln wird sicheres Verhalten im Straßenverkehr nicht nur „erzählt“, sondern praktisch erlebt – die Spieler:innen spüren direkt, welche Konsequenzen Unaufmerksamkeit haben kann.
Features & Automatisierungen
- 360°-Videosequenzen mit frei bewegbarer Perspektive
- Interaktive Hotspots im Video, über die Hinweise, Infos und Entscheidungen ausgelöst werden
- Mehrstufiger Story-Verlauf, der die Ursachen des Unfalls schrittweise freilegt
- Gamification-Elemente wie Fortschrittsanzeige und Erfolgserlebnis beim abgeschlossenen Fall
- Responsives Design für Nutzung auf Desktop, Tablet und Smartphone
- Tracking & Analytics zur Auswertung von Spielabschlüssen, Verweildauer und Nutzerverhalten
3
Resultat
Kennzahlen
2 Millionen
2 Mio. Menschen erreicht
15.368
15.368 vollständig abgeschlossene Spiele
120.000
120.000 Besucher:innen auf der Microsite
1.200
Rund 1.200 Stunden Verweildauer auf der Website
Qualitative Effekte
Komplexe Verkehrssituationen werden für junge Menschen greifbar und nachvollziehbar
Die Kampagne stärkt das Image der Ungarischen Bahn als verantwortungsbewussten, modernen Akteur in der Verkehrssicherheitskommunikation
Das Thema Verkehrssicherheit wird emotional, interaktiv und nachhaltig vermittelt
Die Zusammenarbeit mit der Marketingagentur Roxer und cubicfox hat ein Best-Practice-Beispiel für Co-Creation zwischen Kreativ- und Tech-Partnern geschaffen
Ich war beeindruckt, wie natürlich und reibungslos unsere Zusammenarbeit von Anfang an verlief. cubicfox brachte viele Ideen ein, und es war beruhigend, sie an Bord zu haben, da sie sich um jeden technischen Aspekt des Projekts kümmerten. Die Ergebnisse sprechen für sich.
Head of Digital, Roxer
Highlights
- Interaktives 360°-Detektivspiel als Herzstück einer Verkehrssicherheitskampagne
- Kombination aus Film, Game-Mechaniken und Datenvisualisierung in einer Microsite
- Moderner Technologie-Stack mit Vue.js, A-Frame und Lumen
- Über 15.000 abgeschlossene Spiele und 2 Mio. erreichte Personen in einem Monat
- Mehrfach ausgezeichnetes Projekt für Design, UX und Umsetzung
- Vorzeigeprojekt für erfolgreiche Zusammenarbeit von Bahnunternehmen, Marketingagentur und Tech-Partnern
Highlights
ÜTKÖZÉSPONT zeigt, wie Gamification und Storytelling in Kombination mit moderner Webtechnologie einen echten Beitrag zur Verkehrssicherheit leisten können. Statt auf reine Informationsvermittlung zu setzen, werden junge Menschen aktiv eingebunden und erleben die Konsequenzen ihres Handelns unmittelbar.
Aus dem Projekt konnten wir wertvolle Learnings mitnehmen:
- Die enge Zusammenarbeit mit kreativen Agenturen wie Roxer schafft Raum für außergewöhnliche Ideen.
- Ein sauber geplanter Technologie-Stack ermöglicht es, anspruchsvolle 360°-Erlebnisse stabil im Browser umzusetzen.
- Wenn pädagogische Ziele und Entertainment sorgfältig ausbalanciert werden, bleiben Botschaften deutlich länger im Gedächtnis – genau das, was bei Verkehrssicherheit entscheidend ist.
4
