Breakletics HIIT the Beat icon

Breakletics HIIT the BeatFitness-App für HIIT mit Breakdance

Breakdance-Moves treffen Intervalltraining. Wir haben die App komplett neu gebaut: stabil, abofähig und bereit zu wachsen.

Startbildschirm von HIIT the Beat: Kraft, Koordination, Mobilität, angeleitet von Musik
Startseite mit Gesamtpunkten, nächstem Workout und Live-Workout-Jam
Workout-Kollektionen nach Level: Beginner, Advanced, Expert, Godmode
Season-Übersicht mit Workouts, Dauer und Status frei oder gesperrt
Bibliothek mit Warm-ups und Cool-downs als kurze Videos
FlutterFlow · REST API · RevenueCat · Firebase · Mux · iOS · AndroidTechnologien
iOS · AndroidPlattformen
DE · ENSprachen
FitnessBranche
3 Monate (Idee bis Release), 7–8 Wochen aktive EntwicklungDauer
DeutschlandDeutschlandLand
3K+ Bewertungen
100K+Installationen
Kurzbeschreibung01

1. November 20244 Min. Lesezeit

Breakletics hatte eine treue Community und eine erste App mit 100.000 Downloads, die irgendwann veraltet aus den Stores verschwand. Wir haben HIIT the Beat in 7–8 Wochen aktiver Entwicklung mit FlutterFlow neu gebaut: vertrauter Flow, 10.000 Trainingsvideos, Abos und Admin-Panel – gestartet ohne einen einzigen Absturz.

Was wir gemacht haben

Produktanalyse & DiscoveryUX/UI-DesignFlutterFlow-EntwicklungBackend-Integration (REST API)Abo-Setup (RevenueCat)Admin-Panel

Aufgaben

  1. 1App komplett neu auf FlutterFlow bauen
  2. 2Video-Bibliothek für 3 Schwierigkeitsstufen
  3. 3Abo-Pläne und Paywall
  4. 4Persönliches Konto mit Fortschrittsanzeige
  5. 5Mehrsprachige Oberfläche (Deutsch, Englisch)
  6. 6Demo-Modus und Gastzugang
  7. 7Admin-Panel für Desktop
  8. 8Online-Shop für Merch
  9. 9Datenexport der Kunden für E-Mail-Marketing

Team

  • Teamleitung×1
  • Analyst×1
  • Projektmanager×1
  • Designer×1
  • Entwickler×1
Auf einen Blick02

Das Projekt auf einen Blick

Ausgangslage

Die alte App war so fragil, dass jede Korrektur an einer Stelle etwas anderes kaputt machte. Eine Wiederbelebung war unrealistisch, ein monatelanger Neubau ebenso.

Lösung

Ein sauberer Neubau mit FlutterFlow: Seasons nach Level, Warm-ups und Cool-downs, Punkte, Abos über RevenueCat und ein Desktop-Admin-Panel für die Inhalte.

Ergebnis

Release drei Monate nach der Idee. Im ersten Monat: 1.065 Registrierungen, null Abstürze und null gelöschte Konten.

  • 1.065

    Registrierungen im ersten Monat

  • 0

    Abstürze und Kontolöschungen im ersten Monat

  • 7–8 Wo.

    aktive Entwicklung

  • 10.000

    Trainingsvideos über alle Level

Der Kunde

Fitness auf Breakdance-Basis

Peter Sowinski ist Profi-Breakdancer, deutscher Meister und Gründer von Breakletics – einer Trainingsmethode, die Breakdance-Bewegungen mit hochintensivem Intervalltraining verbindet. Die Marke hatte längst eine treue Zielgruppe. Was fehlte, war eine App, die das Geschäft weiterträgt.

Die Ausgangslage

Eine App, die schon einmal gestorben war

Peters erste Home-Fitness-App erreichte 100.000 Downloads, veraltete dann und wurde aus den Stores entfernt. Gesucht war keine v2, sondern ein Fundament: stabil bei jedem Update, vertraut für bestehende Nutzer, bereit für Abos und neue Märkte – und schnell live, als funktionierendes Produkt statt rohem MVP.

  • Fragile Architektur

    Eine Änderung an einem Screen machte einen anderen kaputt – jede Korrektur erzeugte neue Fehler.

  • Keine Zeit für lange Entwicklung

    Ein halbes Jahr oder mehr hätte den Schwung der Community gekostet.

  • Monetarisierung fehlte

    Abos brauchten eine Content- und Fortschrittslogik dahinter, nicht nur eine Paywall.

Analyse & UX

Erst verstehen, dann gestalten

Wir haben die alte App und das echte Nutzerverhalten analysiert. Die Kernzielgruppe: Frauen und Jugendliche, mit Deutschland, den USA und Japan als wichtigsten Märkten. Das Konzept musste niemandem mehr erklärt werden – gefragt war eine bessere App.

Ein User Flow von der Anmeldung bis zur Paywall

Wir haben den gesamten Weg abgebildet: Anmeldung, ein paar kurze Fragen, Onboarding, Level-Wahl, dann Warm-up, Workout und Cool-down. Der Flow zeigt, wo die Paywall sitzt und wie Nutzer dort weitermachen, wo sie aufgehört haben.

User Flow von HIIT the Beat von der Anmeldung bis Paywall und Workout-Abschluss

Wireframes für alle zentralen Screens

Startseite, Katalog, Season, Workout-Schritte, Videoplayer, Abschluss-Screen, Zusatzinhalte, Premium, Profil und Einstellungen entstanden zuerst in Grau. So stand die Struktur, bevor die erste Farbe gewählt wurde.

Graue Wireframes der HIIT-the-Beat-App

Mobile App · iOS & Android

Die App für Sportlerinnen und Sportler

Eine dunkle Oberfläche mit dem Neongelb der Marke als Aktionsfarbe – so energiegeladen wie die Workouts selbst.

Onboarding und eine Startseite, die motiviert

Eine kurze geführte Tour erklärt die App Schritt für Schritt. Die Startseite zeigt dann Gesamtpunkte, „Nächstes Workout starten“ mit einem Tipp und den wöchentlichen Live-Workout-Jam für Plusmember – die nächste Aktion ist immer klar.

Onboarding, geführte Tour und Startseite mit Punkten und nächstem Workout

Seasons, Level und eine klare Reihenfolge

Workouts sind nach Level in Seasons gebündelt: Beginner, Advanced, Expert und Godmode. Jede Season zeigt Dauer und Fortschritt, jedes Workout folgt denselben Schritten: Warm-up, Video-Workout, Cool-down. Freie Workouts sind markiert, der Rest ist im Abo enthalten.

Workout-Kollektionen, Season-Übersicht und Workout-Schritte in der App

Warm-ups und Cool-downs auf Abruf

Eine eigene Bibliothek kurzer Einheiten von wenigen Minuten. Im Workout wählt man im Bottom Sheet eines der vorgeschlagenen Warm-ups oder bestätigt das eigene.

Bibliotheken für Warm-ups und Cool-downs und Warm-up-Auswahl im Workout

Profil, Abo und persönliche Daten

Im Profil liegen das Plusmember-Upgrade, der Merch-Shop und ein Einführungsvideo. Das Abo wird direkt in der App verwaltet, inklusive Testphase, und das Profil speichert Ziel, Geburtsdatum und Körperdaten als Basis für spätere Personalisierung.

Profil, Abo-Verwaltung und Profilbearbeitung

Admin-Panel · Web

Das Admin-Panel für das Team

Inhalte und Nutzer werden am Desktop gepflegt, ganz ohne Entwickler: Seasons, Übungen, Warm-ups, Zoom-Jams, Promocodes und das Banner der Startseite.

Nutzer und Export fürs E-Mail-Marketing

Eine durchsuchbare Nutzertabelle mit Fortschritt, Körperdaten, Status und Plusmember-Kennzeichen. Ein Klick exportiert die Liste nach Excel für E-Mail-Kampagnen.

Nutzerverwaltung mit Suche und Excel-Export

Seasons nach Level gefiltert

Alle Seasons in einer Liste mit Sprache und Anzahl der Workouts. Filter nach Level halten den Katalog übersichtlich, auch wenn er wächst.

Liste der Seasons und Workouts mit Level-Filter

Ein Workout bearbeiten

Reihenfolge, Season, Cover, Punkte und Freischaltung in einem Formular, englische und deutsche Inhalte nebeneinander.

Formular zum Bearbeiten eines Workouts mit Season, Cover, Punkten und Frei-Schalter

Warm-ups mit Aufrufzahlen

Warm-ups und Cool-downs haben eine eigene Liste mit Dauer, Aufrufen und Zugangsart – so sieht das Team, welche Einheiten wirklich genutzt werden.

Liste der Warm-ups und Cool-downs mit Dauer und Aufrufen

Tech-Stack

Warum FlutterFlow

Tempo und Stabilität waren entscheidend. Mit FlutterFlow hat ein kleines Team iOS und Android aus einer Codebasis in wenigen Wochen umgesetzt – auf sauberer Architektur statt Altlasten.

  • FlutterFlow

    Apps für iOS und Android aus einer Flutter-Codebasis.

  • RevenueCat

    Abo-Pläne für 1, 3, 6 und 12 Monate.

  • REST API

    Backend-Anbindung für Inhalte und Fortschritt.

  • Firebase & Mux

    Speicher für Cover und Video-Auslieferung der Workout-Bibliothek.

Ergebnisse

Ein Neustart, der ab Tag eins hält

Die App ging drei Monate nach der Idee live und schaffte, was der alten nie gelang: Sie blieb stabil.

  • 1.065 Registrierungen im ersten Monat.
  • Null Abstürze und null gelöschte Konten im ersten Monat.
  • 10.000 Trainingsvideos auf Deutsch und Englisch, startklar ab Launch.

Roadmap

Wie es weitergeht

Parallel zur App haben wir eine Landingpage gebaut, die heute als Einstiegspunkt für neue Nutzer dient.

  • Fortschritts-Tracking für Gamification ausbauen
  • Anthropometrische Daten für Segmentierung und personalisierte Angebote
  • Japanische Lokalisierung
  • Eine Web-App-Version für TV-Bildschirme
  • Eine vollwertige mehrseitige Website
Kundenstimme03

Der Kunde über die Arbeit

“Their ability to balance technical expertise with client-focused collaboration made them an outstanding partner.”

All project milestones and deadlines were met without delays, ensuring a smooth development process and timely delivery. The app was successfully launched without major bugs or downtime, contributing to a positive user experience and initial adoption.

PS✕
Breakletics GmbH

Peter Sowinski

Projektleitung · Breakletics GmbH

Kontakt05

Lassen Sie uns Ihr Projekt besprechen

Kostenlos & unverbindlich — buchen Sie direkt einen Termin oder schreiben Sie uns eine Nachricht.

Dennis Polevik

Dennis Polevik

CEO

Wie geht es weiter?

  • Antwort innerhalb eines Werktags
  • Kurzes Gespräch zu Ihren Zielen
  • Klares, unverbindliches Angebot

PDF, Bild, Dokument oder ZIP — max. 4 MB