tipic.swiss Logo Gelb

RhB Clà App

Website und PWA (Progressive Web Application)
November 2022
Kunde:
RhB – Rhätische Bahn
Skills:
Konzeption, Design (Screen, Print), Programmierung, Content (Text, Audio, Grafik)
Dass Clà Ferrovia der Kinderkondukteur der Rhätischen Bahn ist, muss man bloss den Langen erklären. Die Kurzen kennen ihn schon von seinen Abenteuerfahrten in die fantastilliösen Welten jenseits des Blonks. Wenn jetzt mehr Fragezeichen aufgetaucht sind, als Sterne am Himmel funkeln, musst du unbedingt weiterlesen!

Die Fahrt geht los …

Wir schreiben das Jahr 2017. Der ideale Zeitpunkt, mit Clà Ferrovia anzubandeln. Im Auftrag der RhB dürfen wir die neue Website cla-ferrovia.ch realisieren. Ziel ist es, den Kurzen – so nennt Clà die Kinder – den Kinderkondukteur und seine Angebote auf spielerische Weise näher zu bringen.

Dazu integrieren wir einen Chatbot, einen geheimen Bereich, der nur per Code zugänglich ist, und einen Bereich für die Extra-Kurzen: Clà-Mini. Neben interaktiven Online-Games haben wir hier eine Audio-Navigation für die kleinen Noch-Nicht-Leser eingebaut.

cla-ferrovia.ch

Jetzt legen wir eine Schippe nach.

2021 – Vier Jahre später werden wir angefragt, eine App für den Kinderkondukteur zu entwickeln. Wir setzen auf «Progressive Web Application». Eine PWA ist es eine Website, welche komplett auf dem Endgerät installiert werden kann und von erweiterten Möglichkeiten des Gerätes gebrauch macht. So haben wir Zugriff auf die Kamera, GPS, Sensoren etc. und können damit vielseitige Interaktionen realisieren.

Screens der Clà Web-Applikation

Zusammen mit der RhB entwickeln wir ein Konzept im Stil einer digitalen Schnitzeljagd. Entlang des RhB Bahnnetzes können auf duzenden Posten mit Quizfragen und verschiedenen Aufgaben Clà-Punkte gesammelt werden. Gewinnt man, winken tolle Preise. Für jeden Posten gibt es einen QR-Code. Ausserdem gibt es jedesmal eine von Clàs schrägen Geschichten zu lesen und hören.

QR-Codes sind eine zentrales Element der Clà App.

Die Erfassung der QR Codes an den Streckenposten geschieht via Alutafeln und Sticker. Neben der Web-Applikation realisierten wir auch die Inhalte bis hin zu Clàs Texten, welche schliesslich vom echten Clà Schauspieler und Musiker Marius Tschirky gesprochen wurden:

Clà Ferrovia Web-App
Audio Beispiele
Clà Ferrovia Speaker Icon
Button: Skip zurückButton: PlayButton: StopButton: Skip vorwärts
0:00
0:00
Clà Ferrovia und die Zwerge
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-zwergenweg-klosters.mp3
0:00
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-zwergenweg-klosters.mp3
Clà Ferrovia und die Zwerge
Clà Ferrovia und der Auenwald
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-versamer-auenwald.mp3
0:00
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-versamer-auenwald.mp3
Clà Ferrovia und der Auenwald
Clà Ferrovia und die Trainspotter
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-trainspotting.mp3
0:00
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-trainspotting.mp3
Clà Ferrovia und die Trainspotter
Clà Ferrovia und der Landwasser-Express
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-landwasserexpress.mp3
0:00
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-landwasserexpress.mp3
Clà Ferrovia und der Landwasser-Express
Clà Ferrovia und das Gnomenland
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-gnomenland.mp3
0:00
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-gnomenland.mp3
Clà Ferrovia und das Gnomenland
Clà Ferrovia und der Berninapass
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-berninapass.mp3
0:00
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-berninapass.mp3
Clà Ferrovia und der Berninapass
Clà Ferrovia und das Kreisviadukt von Brusio
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-kreisviadukt-brusio.mp3
0:00
https://cdn.tipic.swiss/tipic/audio/cla-ferrovia-kreisviadukt-brusio.mp3
Clà Ferrovia und das Kreisviadukt von Brusio
No items found.