Bw Showace 01

Dynamisches Beitrittsformular für Genossenschaften

Für die Bürgerwerke eG wurden dynamische Inhalte in ein Formular implementiert und als PDF in einer nextcloud Dateistruktur datenschutzkonform abgespeichert.

Projektpartner
Bürgerwerke eG
Zeitraum
Leistungen
Nuxt 3, Vue.js, @nuxt/ui
Ergebnis
Digitaler Beitritt zu Genossenschaften

Dynamische Inhalte für Formulare verschiedener Genossenschaften

Die Bürgerwerke eG ist ein deutscher Ökostrom-Anbieter und ein Verbund von Bürgerenergiegesellschaften. Als Dachgenossenschaft sind sie ein Zusammenschluss aus zahlreichen Mitglieder-Genossenschaften. Die Aufgabe bestand in der Umsetzung des Designs und der Implementierung der dynamischen Inhalte des Formulars, das sich je nach Genossenschaft unterscheidet.

Bw Showace 01
Bw Showace 03

Technologische Umsetzung

Das Formular wurde entwickelt, um dynamisch auf die Eingaben des Nutzers zu reagieren, je nachdem, welche Genossenschaft ausgewählt wird. Die Anzeige von Eingabefeldern ändert sich je nach den spezifischen Anforderungen der gewählten Genossenschaft. Dabei wurde das Design mithilfe von Nuxt 3, Vue.js und @nuxt/ui umgesetzt. Das Backend stellt die geforderten API-Daten zur Verfügung, die in das Frontend eingebunden wurden. Dies ermöglicht eine dynamische Darstellung der Formularfelder. Alle eingehenden Anträge werden in der nextcloud Dateistruktur der Bürgerwerke abgespeichert. Die Interessenten erhalten mit deren Beitritt eine Kopie als PDF Dokument.

Dynamische Formularlogik & interaktive Elemente

Die benutzerfreundliche Oberfläche wurde responsiv gestaltet, sodass die dynamischen Inhalte je nach Auswahl der Genossenschaft anzeigt werden. Die Bereitstellung interaktiver und benutzerfreundlicher UI-Komponenten erfolgt durch die Integration von @nuxt/ui. Hierbei wurde eine Logik implementiert, die es den Nutzer:innen ermöglicht, durch Eingabe ihrer Postleitzahl die passende Genossenschaft in ihrer Nähe zu finden. Die Ergebnisse werden in aufsteigender Reihenfolge der Entfernung angezeigt. Das Formular ermöglicht den digitalen Beitritt und ist responsiv optimiert.

Bw Showace 02

Unsere Nuxt Expertise für Ihr nächstes Projekt

Kontaktieren Sie uns für ein Erstgespräch zu Ihrem Vorhaben.

Timo Starke
Timo Starke

Projekte

Weitere Projekte, die wir für unsere Kunden umgesetzt haben.