Eigenes Produkt

Tagwerk

Training und Gewohnheiten in einer App. Ein Kalender, in den man hineinzoomt – und darin jeder Satz, jedes Gewicht, jeder Haken.

Rolle
Konzept, Design & Entwicklung
Typ
Web-App fürs Smartphone
Technik
React, TypeScript, PWA
Status
Prototyp – im Browser testen
App öffnen
Tagwerk: Monatskalender mit farbigen Punkten für die trainierten Muskelgruppen
Tagwerk: Trainingstag mit Bankdrücken, vier abgehakten Sätzen und Vorwerten vom letzten Mal
Tagwerk: Muskelkarte zum Bankdrücken – Brust primär in Rot, Schulter und Trizeps sekundär

Ausgangslage

Zwei Apps, kein Überblick.

Workouts landen in der einen App, Gewohnheiten in der anderen. Wer wissen will, wie die Woche wirklich lief, springt zwischen Listen, Tabs und Statistiken – und hört irgendwann auf zu tracken.

Idee

Ein Kalender. Ein Tag. Alles drin.

Tagwerk stellt den Tag in den Mittelpunkt. Im Monat zeigen farbige Punkte, welche Muskelgruppen trainiert wurden. Ein Tipp oder eine Zwei-Finger-Geste zoomt hinein – dort liegen Training und Habits, einen Schalter voneinander entfernt.

Interaktion

Der Zoom ist die Navigation.

Kein Menü, kein Zurück-Stapel: Der Monat wächst flüssig in den Tag hinein, ein Pinch führt wieder hinaus. Die Bewegung folgt den Fingern und lässt sich jederzeit abbrechen.

Funktionen

Wenig Knöpfe, alles erreichbar.

  1. 01

    Sätze in Sekunden

    Gewicht und Wiederholungen werden aus dem letzten Training vorgeschlagen. Ein Haken genügt – neue Bestwerte markiert Tagwerk automatisch.

  2. 02

    Workout auf Knopfdruck

    Muskelgruppe antippen, Dauer und Ausrüstung wählen: Freihantel, Geräte oder Calisthenics. Jede Übung lässt sich einzeln tauschen.

  3. 03

    Trainingstage & Wochenplan

    Brusttag, Rückentag, Beintag: als Vorlage gesichert, einem Wochentag zugewiesen, im Kalender vorgemerkt – und am Tag selbst frei anpassbar.

  4. 04

    Habits & Abzeichen

    Gewohnheiten mit Tageszielen und Serien, dazu 16 Abzeichen – vom ersten Haken bis zur perfekten Woche.

Tagwerk: Workout-Generator mit Muskelgruppen, Ausrüstung, Dauer und einem Vorschlag aus fünf Übungen
Tagwerk: Wochenplan mit Brusttag, Rückentag und Beintag
Tagwerk: Übungsbibliothek mit Filtern nach Muskelgruppe und Ausrüstung

Muskelkarte

Wissen, was arbeitet.

Jede der 88 Übungen hat eine anatomische Karte: primäre Muskeln in Rot, sekundäre in Hellrot, mit deutschem und lateinischem Namen. Dazu drei Technik-Hinweise und der Verlauf des geschätzten Maximalgewichts.

Tagwerk: Muskelkarte zum Bankdrücken – Brust primär in Rot, Schulter und Trizeps sekundär

Habits

Training und Habits, ein Schalter.

Derselbe Kalender zeigt im Habit-Modus Fortschrittsringe statt Muskelpunkte. Perfekte Tage füllen sich grün, Abzeichen schalten sich frei, sobald eine Serie hält.

Tagwerk: Habit-Tag mit Fortschrittsbalken, Serien und abgehakten Gewohnheiten
Tagwerk: Monat im Habit-Modus mit grünen Fortschrittsringen
Tagwerk: Abzeichen als Siegel in Rot und Grün, gesperrte mit Fortschrittsbogen

Technik

Gebaut wie eine native App.

  • Installierbar und offline

    Als Progressive Web-App startet Tagwerk vom Home-Bildschirm und funktioniert ohne Netz.

  • Daten bleiben auf dem Gerät

    Keine Anmeldung, kein Server. Export und Import als Datei sichern den Verlauf.

  • Flüssig auf dem iPhone

    Zoom und Übergänge bewegen nur Transform und Opacity – die Grafikeinheit übernimmt, die Bedienung bleibt frei.

  • Zweisprachig

    Deutsch und Englisch, Zahlen und Datumsformate passen sich der Sprache an.

  • React 19
  • TypeScript
  • Vite
  • Zustand
  • Motion
  • PWA

Gestaltung

Rot, Weiß, ein Hauch Grün.

Weißer Grund, Haarlinien wie in einer Messtabelle, Messwerte in Monospace. Rot führt durch die Bedienung, Grün meldet Erledigtes. Auf dem Desktop steht die App als Gerät neben einem QR-Code – zum Weiterreichen aufs Handy.

Tagwerk auf dem Desktop: die App im Gerätrahmen, daneben ein QR-Code zum Öffnen auf dem Handy

Dein Projekt als Nächstes?

Ob Website, Web-App oder beides: Erzähl mir, was du vorhast.