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
Partner
Bürgerwerke eG
Branche
Erneuerbare Energien / Bürgerenergie / Genossenschaftswesen
Jahr
4. Quartal 2024
Leistungen
Nuxt 3, Vue.js, @nuxt/ui, REST-API
Link
Für die Bürgerwerke eG wurden dynamische Inhalte in ein Formular implementiert und als PDF in einer nextcloud Dateistruktur datenschutzkonform abgespeichert.
Die Bürgerwerke eG fungiert als gemeinsames Dach für über 100 regionale Energiegenossenschaften. Diese Struktur ist die große Stärke des Verbunds, stellte jedoch den digitalen Beitrittsprozess vor erhebliche Hürden.
Frühere Prozesse waren oft geprägt von statischen Formularen, Medienbrüchen (Download von PDFs, postalische Rücksendung) oder isolierten Insellösungen. Die zentrale Herausforderung lag in der Heterogenität der Anforderungen:
Nicht jede Genossenschaft erhebt dieselben Daten.
Beitragshöhen, Geschäftsanteile und rechtliche Pflichtfelder variieren regional.
Der Prozess musste zentral gewartet werden können, ohne die Individualität der einzelnen Mitglieder zu beschneiden.
Das Ziel war klar: Ein einziger, zentraler digitaler Einstiegspunkt, der in Echtzeit auf die spezifischen Anforderungen der gewählten Genossenschaft reagiert und den Nutzer intuitiv bis zum Abschluss führt.
Anstatt für jede Genossenschaft eine eigene Landingpage zu bauen, entwickelten wir eine dynamische Formular-Engine. Das Konzept basiert auf einer strikten Trennung von Logik und Darstellung.
Der Nutzer nimmt nur eine moderne, aufgeräumte Oberfläche wahr. Im Hintergrund arbeitet jedoch ein komplexes Regelwerk: Sobald ein Interessent eine Genossenschaft auswählt, fragt das Frontend die spezifischen Konfigurationen dieser Genossenschaft über eine API ab. Das Formular baut sich daraufhin in Millisekunden neu auf. Felder werden hinzugefügt oder entfernt, Validierungsregeln angepasst und Texte ausgetauscht.
Dies garantiert, dass trotz der technischen Komplexität die Barrierearmut gewahrt bleibt. Der Nutzer wird nicht mit unnötigen Feldern überfrachtet, sondern sieht nur das, was für seinen spezifischen Beitritt relevant ist.
Das Herzstück der Anwendung ist die intelligente API-Anbindung. Das Frontend hält keine statische Logik über die Genossenschaften vor. Stattdessen werden die Formularstruktur und die Logik (Conditional Logic) dynamisch vom Backend geliefert.
Reaktives State Management: Wählt der Nutzer eine Option, reagiert das Interface sofort (z.B. Einblenden von Zusatzfeldern bei abweichendem Kontoinhaber).
Validierung: Die Prüfung der Eingaben erfolgt sowohl clientseitig (für direktes Feedback) als auch serverseitig gegen die spezifischen Regeln der gewählten Genossenschaft.
Über die reine Datenerfassung hinaus wurden Funktionen implementiert, die den Prozess für Nutzer und Verwaltung gleichermaßen optimieren:
Interessenten wissen oft nicht, welche der vielen Genossenschaften für sie zuständig ist. Wir implementierten eine PLZ-Suche mit Geo-Logik. Nach Eingabe der Postleitzahl ermittelt das System automatisch die umliegenden Genossenschaften, berechnet die Distanz und sortiert die Ergebnisse nach Entfernung. Dies fördert den regionalen Bezug, der für Bürgerenergie essenziell ist.
Ein digitaler Prozess darf nicht im E-Mail-Postfach enden. Das System ist direkt an die Nextcloud-Instanz der Bürgerwerke angebunden.
Die Daten werden übermittelt.
Das System generiert automatisch ein rechtssicheres PDF des Beitrittsantrags.
Dieses PDF wird strukturiert in den entsprechenden Ordnern der Nextcloud abgelegt.
Parallel erhält der Nutzer eine Kopie per E-Mail.
Dies eliminiert manuelles Abtippen und das händische Verschieben von Dateien vollständig.
Mit dem Launch des digitalen Beitrittsformulars konnten die Bürgerwerke eG ihre Prozesse signifikant straffen.
Reduktion des manuellen Aufwands: Die automatische Ablage und PDF-Generierung spart der Mitgliederverwaltung pro Antrag wertvolle Arbeitszeit.
Fehlerreduktion: Durch die dynamische Validierung gehen kaum noch unvollständige oder fehlerhafte Anträge ein. Rückfragen werden minimiert.
Skalierbarkeit: Neue Genossenschaften können nun rein über die Backend-Konfiguration hinzugefügt werden, ohne dass eine Zeile Code im Frontend angepasst werden muss. Das System wächst mit dem Verbund.
Verbesserte User Experience: Das responsive Design stellt sicher, dass Beitritte problemlos auch via Smartphone oder Tablet erfolgen können – ein entscheidender Faktor für die Zielgruppenerreichung.
Ein Meilenstein für unsere digitale Infrastruktur
Die neue digitale Beitrittsstrecke ist ein Meilenstein für unsere internen Prozesse. Wir haben nun eine Lösung, die unseren Mitgliedsgenossenschaften maximale Flexibilität bietet und gleichzeitig unsere Verwaltung massiv entlastet. Die technische Umsetzung war präzise und absolut lösungsorientiert.
Nico Storz
Leiter Netzwerkmanagement at @Bürgerwerke eG
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.
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.
Zusammen mit intolight und neongrau setzten wir ein interaktives Wimmelbild über das Internet der Dinge als Webanwendung um
Für KONSUM DRESDEN entwickelten wir die technische Plattform des neuen Web-Auftritts – mit CMS, Filialfinder und Live-Öffnungszeiten.