Leistung von Sportler*innen darstellen
Verbesserung der Analyse-Darstellung einer Coaching-Plattform für Sportler*innen
Der Projektkunde ist eine der führenden Coaching-Plattformen für Sportler*innen, die mit einem Stoffwechselprofil arbeitet. Die Darstellung und Analyse des Stoffwechselprofils sind sehr präzise und akribisch dargestellt. Daher sind viele Klicks und Kenntnisse erforderlich, um das Profil zu verstehen. Viele Sportler*innen wünschten sich eine vereinfachte und benutzerfreundliche Darstellung ihres aktuellen Trainings. Das Ziel des Projekts war es, dass die Nutzenden mit nur einem Klick und einem Blick sofort erkennen können, ob ihr Training korrekt durchgeführt wurde
Das neue Dashboard zeigt eine umfassende Zusammenfassung innerhalb des Produkts an. Hier können Sportler*innen auf alle Sportarten zugreifen, die ihr*e Trainer*in für einen bestimmten Zeitraum geplant hat. Diese Aktivitäten werden durch Donut-Diagramme visualisiert, die den Umfang und die Intensität des Trainings darstellen. Die Diagramme werden dunkler, wenn die Sportlerin bzw. der Sportler die geplanten Ziele überschreitet.
Die Übersichtsseite beinhaltet folgende Funktionen:
- animierte Donut-Diagramme
- Anzeige der Sportarten nach Volumen
- Anzeige der Sportarten nach Intensität
- Einstellung des angezeigten Zeitraums für das Dashboard
- Filteroptionen nach Sportart
- Filteroptionen nach Intensitätszonen
- Anzeige des Gesamtumfangs aller Sportarten zusammen
- Dynamische Berechnung des Volumendiagramms
- Anzeige der für alle ausgeübten Sportarten aufgewendeten Zeit
Sportler*innen profitieren von einer direkten und grafischen Analyse ihrer Trainingseinheiten. Sie müssen sich nicht mehr durch verschiedene Grafiken und mehrere Seiten klicken, um einen Überblick zu erhalten. Sie erhalten sofort eine ansprechende Berichtsseite, auf der alles an einem Ort zu finden ist.
UX/UI-Tool | Figma |
Programmiersprachen | Java, Typescript, Python |
Frontend-Stack | Vue 3 |
Backend-Stack | Django |
Test-Framework | Django, unittest |
Styling library | Azum design system |