Mobile App als Reiseguide
Vom Blog zum interaktiven Guide: Für HOME of TRAVEL entwickelten wir eine native App (iOS & Android) mit GPX-Navigation, geo-basierten Inhalten und Offline-Funktion – entwickelt mit React Native und Expo.
website
Digitales Wimmelbild optimiert für Desktop und Mobil
Partner
Barkhausen Institut Dresden
Branche
Forschung
Jahr
2021
Leistungen
Frontend Entwicklung, Testing
Link
Zusammen mit intolight und neongrau setzten wir ein interaktives Wimmelbild über das Internet der Dinge als Webanwendung um
Das Barkhausen Institut in Dresden forscht an der Schnittstelle von Technologie und Gesellschaft. Im Fokus steht das Internet der Dinge (IoT) – eine Technologie, die unseren Alltag zunehmend vernetzt, aber auch Fragen hinsichtlich Datensicherheit, Privatsphäre und Vertrauen aufwirft.
Die zentrale Herausforderung bestand darin, ein physisches Highlight der Ausstellung – ein detailreiches Wimmelbild-Exponat – in den digitalen Raum zu überführen. Das Ziel war eine performante, zoombare Webanwendung.
Dabei mussten folgende Anforderungen erfüllt werden:
Erhalt der Informationstiefe: Das komplexe Spannungsfeld zwischen technologischem Nutzen und Datenschutz musste verständlich bleiben.
Interaktivität: Die Haptik und Entdeckerfreude des physischen Exponats sollten durch digitale Interaktionsmuster ersetzt werden.
Barrierefreiheit & Reichweite: Die Anwendung musste zweisprachig (DE/EN) und geräteunabhängig funktionieren, um ein globales Publikum jenseits der physischen Ausstellung zu erreichen.
Die Entwicklung erfolgte in enger Abstimmung mit dem bestehenden Konzept der Partneragenturen intolight und neongrau sowie auf Basis des detailverliebten Artworks von Robert Richter. Unsere Aufgabe war die technische Transformation des statischen Bildes in eine lebendige, webbasierte Anwendung.
Der Entwicklungsprozess konzentrierte sich auf drei Säulen:
Um das Wimmelbild digital erkundbar zu machen, implementierten wir eine frei navigier- und zoombare Oberfläche, deren User Experience (UX) gängigen Kartenanwendungen gleicht. Dies ermöglicht Nutzern, tief in die Details einzutauchen, ohne die Orientierung im Gesamtbild zu verlieren. Besonderes Augenmerk lag auf der Performance-Optimierung, um auch bei hoher Zoomstufe eine gestochen scharfe Darstellung und flüssige Bewegungen zu gewährleisten.
Das Bild wurde durch animierte Aktionspunkte (Hotspots) zum Leben erweckt. Ein Klick öffnet spezifische Szenarien, die IoT-Aspekte im Alltag (z.B. Smart Home, vernetzter Verkehr) beleuchten. Diese wurden multimedial angereichert durch:
Prägnante Textinhalte für schnelle Informationsaufnahme.
Kurze, animierte Videos, die komplexe technische Abläufe visuell vereinfachen.
Um maximale Zugänglichkeit zu garantieren, wurde die Anwendung „Mobile First“, aber voll responsiv entwickelt. Ob auf dem Desktop-Monitor, Tablet oder Smartphone – das Layout und die Steuerungselemente passen sich dynamisch an. Ein integrierter Sprachswitch ermöglicht den nahtlosen Wechsel zwischen Deutsch und Englisch, ohne den aktuellen Navigationsstatus zu verlieren.
Das Ergebnis ist eine hochperformante Web-Applikation, die das physische Exponat erfolgreich erweitert und die Forschung des Barkhausen Instituts weltweit zugänglich macht.
Die Mehrwerte im Überblick:
Digitale Reichweitenerhöhung: Die Ausstellung ist nicht mehr an den Ort Dresden gebunden, sondern global rund um die Uhr verfügbar.
Verständlichkeit durch Gamification: Komplexe IoT-Zusammenhänge werden durch den spielerischen Wimmelbild-Charakter und die intuitiven Videos auch für Laien leicht verständlich.
User Experience: Die Anwendung bietet eine nahtlose, app-ähnliche Erfahrung im Browser, die zum langen Verweilen und Entdecken einlädt.
Flexibilität: Durch den responsiven Ansatz dient das Tool sowohl als Lehrmaterial in Schulen (Desktop/Tablet) als auch als Informationsquelle für interessierte Bürger unterwegs (Smartphone).
Das digitale Wimmelbild verbindet Forschung, Bildung und Öffentlichkeit auf innovative Weise und macht die „IoT-Welt“ über die Website des Barkhausen Instituts direkt erlebbar.
Ein intuitives Nutzererlebnis, das komplexe IoT-Themen spielerisch und weltweit zugänglich macht.
krawall & wunder hat die Herausforderung, unser physisches Exponat zu digitalisieren, mit beeindruckender technischer Präzision gemeistert. Das Team verstand es perfekt, komplexe Inhalte in eine intuitive User Experience zu übersetzen, die auf jedem Endgerät flüssig funktioniert. Dank dieser partnerschaftlichen Zusammenarbeit erreichen wir nun Menschen weltweit mit unseren Themen zur digitalen Sicherheit.
Carl-Johannes Schulze
Projektmanager at @Barkhausen Institut Dresden
Weitere Projekte, die wir für unsere Kunden umgesetzt haben.
Vom Blog zum interaktiven Guide: Für HOME of TRAVEL entwickelten wir eine native App (iOS & Android) mit GPX-Navigation, geo-basierten Inhalten und Offline-Funktion – entwickelt mit React Native und Expo.
Für die MAILEXPRESS Logisitik GmbH aus Dresden haben wir eine moderne, cloudbasierte und skalierbare Web-Plattform umgesetzt. Kunden von MAILEXPRESS können bequem Preise für Sendungen anfragen und diese anschließend in Auftrag geben.
Für die Bürgerwerke eG wurden dynamische Inhalte in ein Formular implementiert und als PDF in einer nextcloud Dateistruktur datenschutzkonform abgespeichert.
Wir übernahmen die Instandhaltung und Weiterentwicklung der Website von BuildingMinds. Neben SEO- und Performance-Optimierungen setzten wir eine Reihe neue Features und Landingpages um.
In Partnerschaft mit Konsum Leipzig realisierten wir einen digitalen Mitgliederbereich für über 28.000 Mitglieder, welcher neben aktuellen Umsatz- und Guthabenbewegungen, auch die gehaltenen Geschäftsanteile und noch zur Zeichnung verfügbare Anteile anzeigt.
Für KONSUM DRESDEN entwickelten wir die technische Plattform des neuen Web-Auftritts – mit CMS, Filialfinder und Live-Öffnungszeiten.