Ütközéspont — 360° detective game
UXUIGame DevelopmentMicrosite Development

Interaktív detektívjátéka vasúti biztonságért

weboldal-látogató
rangos díj
kampányelérés

A Roxerrel közösen, a Magyar Államvasutak (MÁV) megbízásából egy immerzív 360°-os detektívjátékot fejlesztettünk, amelyben a játékosok egy valós vasúti átjárónál történt balesetet vizsgálnak. A kampány célja a fiatalok attitűdjének megváltoztatása volt — nem figyelmeztetéseken, hanem átélt tapasztalaton keresztül.

Elérni a fiatalokat ott, ahol a figyelmeztetések nem hatnak

Évente tucatnyi halálos baleset történik magyarországi vasúti átjáróknál. Az ÜTKÖZÉSPONT kampány ott akarta elérni a fiatalokat, ahol az általános közlekedésbiztonsági üzenetek nem hatnak — azzal, hogy a következmények súlyát saját bőrükön érezhessék.

A briefnek két rétege volt: először megtalálni egy olyan formátumot, amely egy digitálisan szocializálódott közönség figyelmét komoly témán is leköti; másodszor egy 360°-os immerzív élményt megvalósítani a böngészőben — teljesítmény- és történetveszteség nélkül.

Egy vonat féktávolsága elérheti az 1 km-t — nem tud megállni érted.
Mindig nézz mindkét irányba, mielőtt átmész a síneken.
Akár hallod, akár nem — jöhet a vonat. A csend nem jelent biztonságot.
A várakozás a sorompónál mindig megéri. Minden másodperc számít.
Figyelj a jelzőlámpákra — nem véletlenül vannak ott.
01
Kreatív fázis

A Roxerrel intenzív brainstorming-okat tartottunk, hogy megtaláljuk azt a formátumot, amely hordozni tudja mind az érzelmi hatást, mind a technikai ambíciót. Az eredmény: egy egyes szám első személyű detektívtörténet, amely egy valódi vasúti átjárónál játszódik.

02
Kutatás és technológia

Több immerzív webtechnológiát értékeltük ki, mielőtt az A-Frame mellett döntöttünk a 360°-os környezethez — Vue.js-sel az interaktivitáshoz és Lumennel (Laravel) a backendhez. Minden technológiai döntés a történetet szolgálta.

03
Filmgyártás

A forgatás nem volt hagyományos produkció. Minden szöget, vágást, jelenetet pontosan a 360°-os webes megjelenítés specifikációi szerint kellett felvenni — utólagos korrekció nélkül. A rendező és a fejlesztői csapatunk egymás mellett dolgozott a forgatáson.

04
Fejlesztés

Az egész játékot micrositeként fejlesztettük: reszponzív, gyors, és alkalmas arra, hogy egy böngészőfülön belül immerzív élményt nyújtson — plugin vagy appletöltés nélkül.

Vue.jsJavaScriptA-FrameLumen
360° game screenshot
Case study photo

Számokban —
az első hónapban

embert ért el a kampány
weboldal-látogató
átlagos oldalon töltött idő
játékos fejezte be a játékot
360° detective game in action

Díjak

A projekt több rangos díjat kapott design, UX és technikai megvalósítás kategóriákban.

Award 1
Award 2
Award 3
Award 4
Award 5
Lenyűgözött, milyen természetes és zökkenőmentes volt az együttműködésünk az első naptól fogva. A Cubicfox valódi ötleteket hozott az asztalra, és bizalmat adott, hogy minden technikai kihívást kezelni fognak. Az eredmények magukért beszélnek.
Gergely Tokodi
Tokodi Gergely
Digitális vezető, Roxer

Egy kreatív ügynökséggel való együttműködés megtanított arra, hogyan hídaljunk át két világot: a marketingintuíciót és a mérnöki precizitást. Ha mindkét fél bízik a másik szakértelmében, az eredmény meghaladja azt, amit egyikük önállóan elérhetne. Ez a projekt ennek bizonyítéka.

Van egy ötleted?