Platform
Web Development
Interactive

Pictomap

Pictomap ist ein Museumsguide für die Landschaft: Die App verknüpft historische Inhalte mit ihrem genauen Standort – durch georeferenzierte Vorher/Nachher-Bilder. Entwickelt von Locomot GmbH in Zusammenarbeit mit der Fotostiftung Graubünden, haben wir die Web-App von der Konzeption bis zum produktiven Betrieb technisch umgesetzt und weiterentwickelt.

Die Ausgangslage

Locomot und die Fotostiftung Graubünden hatten eine klare Vision: Archive und Regionen sollen Bestände nicht nur digital zeigen, sondern kontextgenau im Feld erlebbar machen – für Kulturtourismus, Bildung und Community-Beiträge. Der Clou von Pictomap: Durch ein Bildpaar (historisch + heute) wird der Ort festgelegt. Nimmt man am gleichen Standort und aus ähnlicher Perspektive ein aktuelles Foto auf, verknüpft die App Motiv, GPS-Koordinaten und Aufnahmerichtung.

Die Anforderungen waren entsprechend anspruchsvoll: mobile Nutzung vor Ort, Kamera und Kompass, performante Karte mit vielen Objekten, Mehrsprachigkeit (inkl. Rätoromanisch), Redaktions-Workflows für Archive sowie Nutzerbeiträge mit Freigabe.

Timeslide – Vergleich vor Ort

Das Herzstück von Pictomap ist der Timeslide: Nutzerinnen und Nutzer richten sich am historischen Motiv aus, sehen das Referenzbild als Overlay in der Kamera und erstellen so ein präzises Vorher/Nachher-Paar. GPS, Kompass und Gerätesensoren erfassen Standort und Blickrichtung – der Inhalt ist damit geografisch verortet und auf der Karte auffindbar.

Technisch bedeutet das: Berechtigungen für Standort und Bewegungssensoren (besonders auf iOS), eine durchdachte Capture-UX mit Zoom und Transparenz des Overlays sowie ein Slider zum direkten Vergleich der Bilder. Für Archive entsteht so ein Werkzeug, Bestände digital zu transformieren und am Originalschauplatz auszuspielen – nicht nur in der Vitrine.

Desktop Mockup Layout

Das CMS – Directus im Einsatz

Für die Pflege von Objekten, Sammlungen, Touren und Medien setzen wir auf Directus als Headless CMS. Redaktion und Partner können Inhalte eigenständig verwalten; die App holt sich alles über eine saubere API-Schicht.

Speziell für Pictomap haben wir das Backend erweitert – unter anderem mit:

  • Massenupload für den effizienten Import grosser Bildbestände

  • IPTC-/EXIF-Auslesung beim Upload, damit Metadaten aus Archivdateien automatisch in Titel und Beschreibung fliessen

  • Custom API mit standortbasierten Abfragen (Entfernung, Sammlung, Tour, Filter) für eine schnelle Karte auch bei vielen Objekten

So bleibt Pictomap im Alltag handhabbar – ohne bei jedem neuen Objekt manuell alles nachzutragen.

Karte, Touren & Erlebnis

Die interaktive Karte (Leaflet) bündelt Objekte, Cluster und Filter – nach Sammlung, Tour oder eigenen Beiträgen. Nutzerinnen und Nutzer finden Motive in ihrer Nähe; die App kann Standort und Kompassrichtung in der Karte anzeigen.

Für das Oberengadin sind Bike-Touren mit GPX-Strecken integriert: Die Route wird auf der Karte eingeblendet, die zugehörigen Objekte entlang der Tour sind direkt erreichbar – unterstützt von graubündenBike und graubündenCultura. Ergänzt wird das Erlebnis durch Audio, Video, hochauflösende Bildbetrachtung und 3D-Inhalte – je nach Objekt im Feld oder beim Stöbern in der Sammlung.

Tablet Mockup Layout

Das Ergebnis

Pictomap verbindet Archiv, Landschaft und Technik auf eine Weise, die selten ist: Geschichte wird dort erlebbar, wo sie entstanden ist. Für uns war das Projekt technisch und inhaltlich besonders – von der Kamera-UX bis zu geooptimierten Backend-Abfragen. Mit Locomot und der Fotostiftung Graubünden sind wir stolz auf das Resultat.

Mehr erleben? Unter pictomap.ch kannst du die App direkt im Browser nutzen – am besten vor Ort in Graubünden oder mit den Bike-Touren im Oberengadin.

Zu Pictomap

Weitere gut gelaunte Projekte

KlassenschlaGR

Simple Train

City Parking St. Gallen