Freies Projekt

CHOREO–TRAINER


[10/2026]Leistungen:
UX/UI
Motion
AI


Choreo–Trainer ist eine Web-App zum Nachlernen und Üben von Choreografien. Ausgangspunkt sind eigene Videoaufnahmen, die in der App gespiegelt, verlangsamt, in Achtern gezählt und nach Kurs, Choreografie und Woche geordnet werden können. Darüber hinaus gibt es die Möglichkeit den eigenen Fortschritt zu analysieren durch praxisnahe Funktionen wie beispielsweise der Wiedergabe mit Originalton oder dem Markieren und Wiederholen bestimmter Stellen effizient zu trainieren. 




















Thematik

Wer in einer Class eine Choreografie lernt, filmt sie meist am Ende der Stunde mit dem Smartphone. Zum Üben eignet sich die Aufnahme jedoch kaum: Der Videoplayer des Smartphones spiegelt das Bild nicht, wiederholt keine einzelnen Achter und zählt nicht mit. Da eine Choreografie über mehrere Wochen wächst, verteilen sich die Aufnahmen zudem ungeordnet in der Fotomediathek, ohne Bezug zu Kurs, Song oder Lernstand.
Strategie

Die App übernimmt die Struktur einer Class: Neue Videos desselben Kurses und Songs werden automatisch der bestehenden Choreografie zugeordnet. Die Trainingsansicht bündelt die Werkzeuge, die beim Üben fehlen: Spiegeln, Tempo ohne Tonhöhenänderung, Loop, Achterzählung und Marker. Übungszeit und Selbsteinschätzung machen den Fortschritt nachvollziehbar. Alle Daten bleiben lokal im Browser, die Nutzung ist kostenlos.Design

Grundlage ist eine reduzierte und abstrakter Gestaltung verschiedener Tanzstile, gepaart mit breiter Grotesk und Monospace-Schrift für alle Bedienelemente. Jeder Kurs erhält eine Farbe aus einer Palette von sechs Tönen, die zugleich Navigation, Kennzeichnung und Farbe der Counts im Player ist. Das Motion-Konzept basiert gänzlich auf dem Rythmus einer Choreografie: Schnitte und Einblendungen folgen dem Takt der Achterzählung.









Link
piepdesign.github.io/choreotrainer


Code
https://github.com/piepdesign/choreotrainer

Details
Technik: 
  • JavaScript ohne Framework
  • lokale Datenspeicherung
  • offline nutzbar
  • ohne Server und Anmeldung

Schriften:
Archivo
IBM Plex Sans

Sprachen:
DE, EN, FR, ES, IT
AI-Tools: 

Claude Code (Programmierung & Videoschnitt), Magnific mit Seedream (Illustrationen), Google Flow mit Veo 3.1 (Tanzvisuals), Gemini (Musik), ElevenLabs (Sounds), Adobe Firefly (Effekte)


Social Media



piep.design    ─     ©2026