Die Herausforderung
Die KG Golzheim 1905 ist ein Traditionsverein mit langer Geschichte, aktiven Tanzgruppen und einem dichten Veranstaltungskalender — sowohl für die Öffentlichkeit als auch für Mitglieder intern. Die bestehende Website war statisch und konnte dieser Dynamik nicht gerecht werden.
Besonders herausfordernd: Interne Termine sollten nur für Vereinsmitglieder zugänglich und bequem auf dem Smartphone abrufbar sein — ohne dass Mitglieder dafür eine eigene App aus dem Store installieren müssen.
Die Lösung
Die Vereinswebsite wurde mit WordPress und dem Enfold Theme umgesetzt — individuell angepasst und mit einem selbst entwickelten Custom Plugin für die Veranstaltungsverwaltung erweitert. Öffentliche Termine werden direkt auf der WordPress-Seite dargestellt und sind für alle Besucher sichtbar.
Interne Vereinstermine stellt das Plugin über eine REST-API bereit. Eine separate Progressive Web App — entwickelt mit Vue.js und Nuxt — holt sich diese Daten per API und präsentiert sie Mitgliedern übersichtlich auf dem Smartphone. Die PWA lässt sich wie eine native App auf dem Homescreen installieren, ganz ohne App Store.
Technisches Highlight: Custom Plugin + Vue.js PWA
Die WordPress-Website wurde um ein vollständig selbst entwickeltes Event-Plugin in PHP erweitert. Es verwaltet alle Vereinsveranstaltungen zentral im WordPress-Backend: Öffentliche Termine werden direkt auf der Website ausgespielt. Interne Termine werden über eine gesicherte REST-API bereitgestellt — und von einer separaten Progressive Web App konsumiert, die mit Vue.js und Nuxt entwickelt wurde. Mitglieder können diese PWA auf ihrem Homescreen installieren und haben so jederzeit Zugriff auf interne Vereinstermine — ohne App Store, ohne Update-Zwang, ohne separate Infrastruktur.
Vorstellung aller aktiven Tanzgruppen und Solisten mit Fotos, Beschreibungen und Auftrittshistorie — der Verein als Gemeinschaft sichtbar gemacht.
Dynamischer Veranstaltungskalender mit öffentlichen Terminen — Sessions, Sitzungen, Auftritte und Feste auf einen Blick, stets aktuell.
Interne Termine und Informationen nur für eingeloggte Vereinsmitglieder — gesichert über API-Authentifizierung, nahtlos integriert.
Selbst entwickeltes WordPress-Plugin in PHP: verwaltet öffentliche und interne Termine zentral im Backend, stellt öffentliche Events auf der Website dar und interne Termine per REST-API bereit.
Separate PWA-App mit Vue.js und Nuxt entwickelt: holt interne Vereinstermine per REST-API vom Custom Plugin und stellt sie Mitgliedern auf dem Smartphone dar — installierbar ohne App Store.
Aufbereitung der 120-jährigen Vereinsgeschichte — von der Gründung 1905 bis heute, mit Meilensteinen, Bildern und Chronik.
So entstand
das Projekt
Anforderungsanalyse mit dem Vereinsvorstand: öffentliche vs. interne Inhalte, Nutzergruppen, Seitenstruktur. Designs in Figma — festlich, aber modern und nicht überladen.
Entwicklung des Custom WordPress-Plugins in PHP — mit Backend-Oberfläche zur Terminverwaltung, Ausgabe öffentlicher Events auf der Website und REST-API-Endpunkt für interne Vereinstermine.
Umsetzung der Website mit WordPress und dem Enfold Theme — individuell angepasst in HTML, CSS/SCSS und PHP. Integration des Custom Plugins für den öffentlichen Eventkalender.
Entwicklung der separaten PWA mit Vue.js und Nuxt: API-Anbindung an das Plugin, Darstellung interner Termine, PWA-Konfiguration mit Service Worker. Go-live und Einweisung des Vereinsteams.
Als Verein mit über 120 Jahren Geschichte war es uns wichtig, professionell im Netz aufzutreten — ohne unsere Tradition zu verlieren. Das Ergebnis hat uns begeistert: Die interne Termin-App macht die Kommunikation im Verein so viel einfacher. Helau!
Projekt live ansehen
Die Website ist öffentlich erreichbar — und als PWA auf dem Smartphone installierbar.
Ähnliches Projekt
in Planung?
Von der einfachen Vereinswebsite bis zur PWA mit eigenem Plugin — ich setze auch komplexe Anforderungen um.