Surprise
Audiowalk

Web App für soziale Stadtrundgänge

Scroll

Zuhören, wo es passiert

Web App

Projektinfos

Mit dem Audiowalk «Sans-Papiers in Basel» erzählt Surprise vom Leben ohne Aufenthaltsbewilligung, mitten in der Stadt, an elf Orten zwischen Münzgasse und Rebgasse. Das Konzept stammt von Surprise, wir haben die Web App gestaltet und entwickelt: eine 3D-Karte der Basler Innenstadt, die von Station zu Station führt, und einen Player, der sich vor Ort von selbst öffnet.

Kunde: Verein Surprise
Projektart: Web App

Website besuchen

Website von Surprise Audiowalk: die Screens der Web App

Das Projekt

Die Stadt als Bühne

Der Rundgang führt auf knapp zwei Kilometern vom Surprise-Büro an der Münzgasse über Andreasplatz, Marktplatz und Rathaus, die Mittlere Brücke und den Unteren Rheinweg bis zur Anlaufstelle für Sans-Papiers im Kleinbasel. An jeder Station erzählt ein eigenes Kapitel, zusammen gut eine Stunde. Dazu erscheinen auf die Sekunde genau Fotos, rund 200 auf dem ganzen Weg. Wer nicht vor Ort sein kann, hört den Audiowalk von zu Hause aus.

Eine Karte, die mitläuft

Die Karte zeigt die Innenstadt als fotorealistisches 3D-Modell, die Stationen als rote Pins und den Weg als blau gepunktete Linie, berechnet entlang der Fusswege. Vor Ort folgt die Ansicht dem eigenen Standort und dreht sich mit der Laufrichtung, unten zeigt ein Pfeil, wie weit es noch bis zur nächsten Station ist. Wer lieber eine flache Karte mag, wechselt auf 2D, und auf Geräten mit wenig Grafikleistung startet die App gleich so.

Ankommen, zuhören, weitergehen

Steht man bei einer Station, öffnet sie sich von selbst, mit einem kurzen Signalton, der auch im Lautlos-Modus des iPhones zu hören ist. Ein Tipp auf «Abspielen» startet das Kapitel, zehn Sekunden vor und zurück gehen jederzeit. Beim Weitergehen läuft das Audio im Mini-Player über der Karte weiter, Kopfhörertasten und Sperrbildschirm steuern es mit.

Die Stationen folgen einer festen Reihenfolge. Der Fortschritt bleibt auf dem Handy gespeichert: Wer unterbricht, wird beim nächsten Mal bei der richtigen Station begrüsst. Wer den Audiowalk auf den Home-Bildschirm legt, findet ihn dort am Pin von Surprise wieder. Am Ende steht eine eigene Schlussseite mit Dank, weiterführenden Links und einem Spendenaufruf.

Gepflegt in WordPress

Den Audiowalk haben wir als WordPress-Plugin gebaut, das auf surprise.ngo läuft, aber ohne das Theme der Website auskommt. Surprise pflegt jede Station selbst: den Ort per Klick auf der Karte, Kapitel und Fotos aus der Mediathek und für jedes Bild die Sekunde, ab der es erscheint. Alle Texte der App lassen sich im Backend anpassen, und nach jeder Änderung berechnet das Plugin den Laufweg neu.

Damit unterwegs nichts hängt, lädt die App zuerst nur das Bild, das gerade gebraucht wird, und legt die nächste Station im Hintergrund bereit. Die Fotos wandelt das Plugin selbst ins WebP-Format um: Für den ganzen Weg sind es statt gut 60 nur noch rund 10 Megabyte. Der Standort bleibt im Browser, Cookies und Tracking gibt es keine.