Case Study · Yoga-Brand

URSELF Yoga:
Web-App, PWA & Kursplattform aus einer Hand.

Ein wachsendes Yoga-Studio brauchte mehr als eine Visitenkarten-Website: ein vollständiges digitales Erlebnis — von der ersten Begegnung bis zur wiederkehrenden Buchung. Hier ist, wie wir das gebaut haben.

Web-AppPWABuchungssystemn8nNext.jsStripe
Live ansehenÄhnliches Projekt anfragen

01 · Die Ausgangslage

Eine Yoga-Marke, die online sichtbar UND digital effizient sein wollte.

URSELF Yoga ist mehr als ein Studio — eine Brand mit klarer Vision für modernen, alltagstauglichen Yoga. Vor dem Projekt lief die Studio-Organisation auf der typischen Mischung aus Mail, Excel-Liste und manueller Stundenkarten-Pflege. Das hat funktioniert, aber jeder neue Kursteilnehmende bedeutete: Anschreiben, Karte ausstellen, Termin-Erinnerung, Status nachhalten.

Ziel war, all das in ein digitales Erlebnis zu übersetzen, das sich für die Studio-Inhaberin nach weniger Arbeit anfühlt — und für die Teilnehmer:innen nach mehr Komfort.

02 · Die Lösung

Eine eigene Web-App statt Website — mit allem drum und dran.

Wir haben URSELF Yoga eine vollständige Web-App gebaut, die installierbar ist wie eine native App (PWA), aber alle Vorteile einer Website behält: keine App-Store-Bürokratie, schnelle Updates, SEO-Sichtbarkeit auf Google.

Kursplattform

Eine eigene Kurs-Übersicht mit Filter nach Stil, Level und Uhrzeit. Teilnehmer:innen sehen freie Plätze in Echtzeit — kein Anrufen, kein Mailen.

10er-Karten digital

Stundenkarten werden automatisch gepflegt: Abbuchung bei jeder Buchung, Erinnerung kurz vor Ablauf. Niemand muss mehr Tabellen führen.

PWA mit Offline-Modus

Installierbar wie eine App auf dem Home-Screen. Funktioniert auch im Studio, wenn das WLAN mal streikt.

Automatisierte Workflows

Anfrage → Bestätigung → Karte → Erinnerung läuft komplett über n8n im Hintergrund. Ohne dass die Studio-Inhaberin einen Finger rührt.

03 · Wie's gebaut wurde

Tech-Stack & Architektur.

Die Web-App läuft auf Next.js (React) — dem gleichen Framework, das auch Plattformen wie Notion oder TikTok nutzen. Vorteil: messbar schneller als typische WordPress-Sites, sicher gegen die häufigsten Web-Hacks, und Google liebt die Performance-Werte.

Daten landen in einer skalierbaren Postgres-Datenbank, Zahlungen laufen über Stripe (PCI-konform, keine Karten-Daten bei uns). Die Workflow-Automatisierung (Buchungs-Bestätigungen, Karten-Abbuchung, Erinnerungen) läuft auf einem eigenen n8n-Server — komplett ohne externe SaaS-Abhängigkeiten.

Stack im Detail

  • Frontend: Next.js 16, React 19, TypeScript
  • Styling: Custom CSS + Framer Motion
  • Datenbank: PostgreSQL
  • Auth & Zahlungen: Stripe
  • Workflow-Automatisierung: n8n
  • Hosting: Eigener VPS in Deutschland

04 · Was sich geändert hat

Mehr Komfort. Weniger Admin.

Was vorher zwischen Mail, Tabelle und Notizzettel hin- und herwanderte, läuft jetzt automatisch. Neue Teilnehmer:innen registrieren sich selbst, buchen ihren ersten Kurs und bekommen die nächste Erinnerung — ohne dass jemand eingreifen muss.

Für die Studio-Inhaberin heißt das: spürbar mehr Zeit für die Yoga-Praxis und Community statt für Verwaltung. Für die Teilnehmer:innen: ein App-Erlebnis, das einfach funktioniert — auf dem Handy, auf dem Tablet, ohne App-Store-Umweg.

PWA

Installierbar, offline-fähig

100%

Buchungen ohne Mail-Ping-Pong

Stripe

Zahlungen automatisch verbucht

24/7

Selbst-Service rund um die Uhr

Du brauchst auch mehr als nur eine Website?

Buchungssystem, Web-App, Automatisierung — ich denke das gleich mit. Schreib mir, was du brauchst, und wir schauen, was machbar ist.

Projekt-Anfrage senden