// REFERENZEN / MACHBAR TRAINING

Machbar Training

Fitness-Studio in Ulm – Mitgliedschaft, CrossFit, Personal Training

SPORT · FITNESS-STUDIO·2023·WEBENTWICKLUNG · CMS-INTEGRATION

// HERAUSFORDERUNG

Das Problem dahinter.

Drei sehr unterschiedliche Angebote – freies Gym, CrossFit-Kurse und Personal Training – mussten unter einem Dach gleichwertig sichtbar bleiben, ohne dass eines die anderen überstrahlt. Inhalte, Kursplan und Trainerteam ändern sich regelmäßig; das Studio wollte das selbst pflegen können, ohne für jede Kleinigkeit jemanden anrufen zu müssen. Probetraining-Anfragen kamen vorher über Telefon und Instagram-DM, ohne strukturierten Datensatz. Es brauchte einen Auftritt, der die drei Bereiche klar trennt, vom Studio eigenständig pflegbar ist und Anfragen sauber kanalisiert.

// WAS DRIN STECKT

Funktionen, die tragen.

✓Drei gleichwertige Bereiche: Mitgliedschaft, CrossFit, Personal Training
✓Headless CMS – jede Seite aus wiederverwendbaren Slices komponierbar
✓Selbständig pflegbares Trainer-Team, Blog, Testimonials und Aktionsbanner
✓Eversports-Kursplan direkt in die Website eingebettet
✓Strukturiertes "Jetzt starten"-Formular für Probetraining mit Validierung
✓Transaktionaler Mail-Versand für Anfragen
✓Blog mit eigener Übersicht und Detailseiten, vom Team selbst pflegbar
✓Coaches-Sektion mit Profil pro Trainer
✓Aktionsbanner (z. B. saisonale Aktionen) ein- und ausblendbar ohne Entwicklung
✓Mobile-First Layout für Studio-Besucher unterwegs

// SYSTEM

Wie die Plattform aufgebaut ist.

Sechs tragende Pfeiler, auf denen das gesamte System steht – jeder mit einem klaren Zweck im Tagesgeschäft von Coaches und Studios.

Slice-basierte Inhalte

Jede Seite ist aus austauschbaren Slices aufgebaut – Header-Bild, Textblock, Trainer-Liste, Call-to-Action, Testimonial, Kursplan. Neue Landingpages oder Aktionsseiten entstehen, indem das Team die passenden Bausteine zusammenklickt, ohne dass eine neue Vorlage gebaut werden muss.

Headless CMS für Eigenpflege

Inhalte liegen vollständig in einem Headless CMS – Texte, Bilder, Trainerprofile, Blog-Artikel, Aktionsbanner. Das Studio-Team pflegt selbständig und sieht Änderungen sofort live, ohne Entwicklung dazwischen.

Eversports-Kursplan

Der Live-Kursplan aus Eversports ist nahtlos in die Website eingebettet. Interessierte sehen direkt auf der CrossFit-Seite, welche Klassen wann stattfinden, ohne in ein anderes Tool zu wechseln.

Strukturierte Anfragen

Ein eigenes Probetraining-Formular nimmt die wichtigsten Daten strukturiert auf, validiert die Eingaben und sendet sie per transaktionalem Mail-Versand ans Studio. Statt unstrukturierter DMs landet jede Anfrage in einem einheitlichen Format im Postfach.

Getrennte Angebote unter einem Dach

Mitgliedschaft, CrossFit und Personal Training haben jeweils eigene Bereiche mit eigener Hierarchie, eigenen Trainerprofilen und eigenen Call-to-Actions – verbunden durch einheitliche Navigation und Bildsprache, damit das Studio als Ganzes erkennbar bleibt.

// MEINE LEISTUNG

Wofür ich verantwortlich war.

Webentwicklung

Frontend und Server-Anbindung der gesamten Website, inklusive Anbindung an das Headless CMS, Einbettung des Eversports-Kursplans, Validierung und Versand der Probetraining-Anfragen sowie Blog-Auslieferung mit eigener Detailseite und Übersicht.

CMS-Integration

Modellierung der Inhalte als Slice-Bibliothek und Custom Types: Header-Bild, Textblock, Trainer-Liste, Call-to-Action, Testimonial, Kursplan, Aktionsbanner. Das Studio-Team baut daraus eigenständig Seiten – die technische Auslieferung dahinter bleibt sauber strukturiert.

// WEITERE PROJEKTE