Über das Projekt
Das Leistungszentrum Taekwondo Müller hatte für seinen öffentlichen Auftritt bisher keine Website, die den Weg vom Probetraining bis in den Leistungskader abbildet. Interessierte mussten für ein Probetraining anrufen, die Anmeldung zum persönlichen Gespräch lief formlos, und der Leistungskader war nach außen nicht erklärt. Gebraucht wurde ein neuer Webauftritt, der diese Wege digital abbildet: Probetraining mit Terminwahl, Anmeldung als strukturierte Terminanfrage, ein transparent dargestellter Leistungskader, buchbares Einzelcoaching sowie ein eigener Shop und die Live-Anzeige der Trainingsplan-Daten aus einem externen Modul.
Herausforderung
- Das Probetraining soll ein niedrigschwelliger Einstieg mit Terminwahl sein, ohne dass Interessierte erst anrufen müssen.
- Über die Anmeldung wird eine Terminanfrage für ein persönliches Gespräch digital erfasst, mit Wunschzeitraum und den nötigen Kontaktdaten.
- Der Leistungskader wird transparent dargestellt, mit Aufnahmekriterien, Erwartungen und dem Weg dorthin.
- Für das Einzelcoaching sollen buchbare 1:1-Einheiten mit Trainerauswahl und Zeitfenstern angeboten werden.
- Standorte, Probetrainings-Termine und Anmeldefragen sollen redaktionell im TYPO3-Backend gepflegt werden, unabhängig davon, wie das Frontend sie darstellt.
To-Dos
- Neue Designlinie mit durchgängigem Farbsystem entwickeln (Tokens, Typografie, Komponenten-Stile).
- TYPO3 als Headless-CMS aufsetzen und Content-Modell für Seiten, Team, Erfolge und News anlegen.
- Nuxt-Frontend aufsetzen, das die TYPO3-Headless-API konsumiert.
- Formularstrecken für Probetraining, Anmeldung und Einzelcoaching bauen (Validierung, Spam-Schutz, Mail-Versand).
- Leistungskader-Seite mit Kriterien und Kontaktweg.
- Extension trial_signup entwickeln: Standorte, Probetrainings-Termine und konfigurierbare Anmeldefragen als TYPO3-Backend-Modul.
- Extension shop_products entwickeln: Produktverwaltung mit Größen-/Farbvarianten und Produktbildern als TYPO3-Backend-Modul, Anbindung im Frontend inklusive Warenkorb und Checkout.
- Responsives Layout, Grundzugänglichkeit, Basisdaten für SEO.
- Deployment und Redaktions-Onboarding.
Lösung
Neue Website auf Basis von TYPO3 als Headless-CMS mit Nuxt- und Vue-Frontend, getragen von einer neu entwickelten Designlinie mit durchgängigem Farbsystem. Die Redaktion pflegt Inhalte im TYPO3-Backend, das Frontend lädt sie zur Laufzeit über die Headless-API. Für die fachlichen Anforderungen entstanden zwei eigene TYPO3-Extensions: trial_signup verwaltet Standorte, Probetrainings-Termine und Anmeldefragen unabhängig von der Frontend-Darstellung, shop_products verwaltet die Produkte samt Varianten und Bildern für den selbst entwickelten Shop. Der Trainingsplan wird weiterhin zur Laufzeit aus der API des externen Moduls geladen und im Frontend dargestellt.