Case Study · UX/UI-Design

GVT-Fitness-Plattform

Eine responsive Mitgliedschaftsplattform, die Training, Ernährung und Fortschritts-Tracking in einem verbundenen Erlebnis vereint.

Rolle
Senior UX/UI-Designer
Zeitraum
Juli 2025 – heute
Plattform
Web-App für Desktop & Mobile
Umfang
Produktstruktur, UX/UI, Designsystem, Umsetzung
GVT-Desktop-Dashboard mit Wochenkalender, Anleitung und Fortschrittsmodulen

Überblick ↘

GVT ist eine Premium-Fitnessplattform im Abo, die Trainingsprogramme, Übungsanleitungen, Ernährungspläne und Fortschritts-Tracking in einem verbundenen Produkt vereint.

Ich habe den gesamten UX/UI-Prozess verantwortet – von Produktstruktur und User Flows bis zu responsiven Interfaces und funktionierender Umsetzung.

Herausforderung ↘

Die größte Herausforderung war, viele Trainings- und Ernährungsinhalte zu ordnen, ohne dass sich das Produkt kompliziert anfühlt. Mitglieder mussten verstehen, was als Nächstes zu tun ist, ihr aktuelles Programm aufrufen und ihren Fortschritt mit minimalem Aufwand verfolgen.

Produktstruktur ↘

Die Plattform ist um die Aktionen herum aufgebaut, die Mitglieder am häufigsten wiederholen.

Dashboard Programme Workouts Ernährungspläne Extras Statistik Profil Einstellungen

Programme ↘

Die Programmebene hilft Mitgliedern, verfügbare Trainingswege zu vergleichen, Schwierigkeit und Dauer zu verstehen und vor dem Start die passende Struktur zu wählen.

GVT-Programmscreen mit verfügbaren Trainingsplänen, Kategorien und Auswahlkarten
Programmscreen zum Durchsuchen von Trainingswegen, Vergleichen der Struktur und Auswählen des passenden Plans.

Zugangs-Flow ↘

Der Mitglieder-Flow umfasste auch Einstiegs- und Conversion-Screens: Login, Kontoerstellung, Planauswahl und den ersten Zahlungsschritt. Diese Seiten sollten sich wie Teil desselben Produkts anfühlen, nicht wie eine losgelöste Checkout-Ebene.

GVT-Login-Screen für wiederkehrende Mitglieder
Login-Screen, über den wiederkehrende Mitglieder zu Programm, Workouts und gespeichertem Fortschritt zurückkehren.
GVT-Registrierungsscreen mit Kontoerstellung, Planauswahl und Zahlungsübersicht
Registrierungs- und Abo-Auswahl-Flow, in dem Nutzer ein Konto anlegen, einen Plan wählen und zur sicheren Zahlung weitergehen.

Dashboard

Das Dashboard ist der Startpunkt für Mitglieder. Es priorisiert die aktuelle Trainingswoche, das heutige Workout und relevante Fortschrittsinfos und hält sekundäre Inhalte trotzdem erreichbar.

GVT-Dashboard mit Wochenkalender, Anleitungsbereich, Körper-Tracking und Wochenfortschritt
Dashboard-Überblick über Wochenstruktur, aktuelle Aufgaben und sichtbaren Fortschritt.
Ladezustand des GVT-Dashboards mit Skeleton-Platzhaltern
Ein Preloader sorgt dafür, dass das Layout klar bleibt und das UI beim Laden der Seiten nicht bricht.

Workout-Erlebnis

Das Workout-Erlebnis bündelt Videoanleitung, Sätze, Wiederholungen, Session-Fortschritt und Übungsreihenfolge in einer fokussierten Ansicht. Mitglieder können jede Übung während der Session als erledigt markieren.

GVT-Workout-Screen mit Übungsanleitung, Fortschrittsliste und Erledigt-Status
Workout-Screen mit Videoanleitung, Session-Struktur und der Möglichkeit, jede Übung als erledigt zu markieren.

Ernährungspläne

Ernährungspläne, Rezepte und ergänzende Inhalte sind in dasselbe Produktsystem integriert, sodass Mitglieder zwischen Training und Ernährung wechseln können, ohne die Plattform zu verlassen.

GVT-Bibliothek für Ernährungspläne mit Rezeptsammlung und kalorienbasierten Plänen
Bibliothek für Ernährungspläne zum Durchsuchen kalorienbasierter Pläne und Rezeptsammlungen im Produkt.
GVT-Detailscreen eines Ernährungsplans mit geöffnetem Rezept und Zusatzinfos
Detailansicht zum Öffnen eines Rezepts oder Ernährungsplans im selben Mitglieder-Flow.

Fortschritt & Statistik

Die Statistik setzt auf Beständigkeit statt komplexer Analysen. Trainingshäufigkeit, Serien und abgeschlossene Sessions zeigen Mitgliedern ihren Fortschritt auf einen Blick.

GVT-Statistikscreen mit Trainingstrend, aktueller und bester Serie sowie abgeschlossenen Sessions pro Monat
Statistikscreen mit Fokus auf Trainingsbeständigkeit, Serien und abgeschlossene Sessions.
GVT-Gewichts-Tracking mit Einträgen und Gewichtsverlauf über die Zeit
Mitglieder können außerdem ihre Gewichtsentwicklung anhand von Einträgen und einem klaren visuellen Verlauf verfolgen.

Mobile Experience

Desktop und Mobile teilen dieselbe Produktlogik, die Layouts wurden aber bewusst an den jeweiligen Kontext angepasst. Der Desktop erlaubt breitere Dashboard-Kompositionen, Mobile priorisiert fokussierte Aktionen und touchfreundliche Navigation.

Drei mobile GVT-Screens mit Dashboard, Workouts und Trainingsstatistik
Mobile Übersicht mit Dashboard, Workout-Flow und Statistik.
Drei mobile GVT-Screens mit Ernährungsplänen, Programmen und Extras
Weitere mobile Ansichten für Ernährungspläne, Programmauswahl und Extras.

Meine Rolle ↘

  • Produktstruktur
  • Informationsarchitektur
  • User Flows
  • Dashboard-UX/UI
  • Workout-Erlebnis
  • Ernährungserlebnis
  • Responsive Design
  • KI-gestützte Umsetzung

Farbpalette ↘

Ergebnis ↘

Das Ergebnis ist eine komplette responsive Fitnessplattform, die Training, Ernährung und Fortschritt in einem konsistenten Mitgliedererlebnis verbindet.

Das System ist darauf ausgelegt, mit dem Wachstum von GVT weitere Programme, Inhalte und Funktionen aufzunehmen.

Live-Website ansehen

Projektanfrage ↘

Sie haben ein Projekt im Kopf?

Erzählen Sie mir, was Sie aufbauen, wo Sie Unterstützung brauchen und wie Erfolg für Sie aussieht.

Dauert etwa eine Minute · Antwort innerhalb von 24 Stunden

Mit dem Absenden stimmen Sie der Datenschutzerklärung zu. Kein Newsletter, kein Spam.