milllianlmx/tabatago
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: design system v2 with liquid glass aesthetic

Browse Source 
Overhaul design constants for OLED-first dark mode:
- Colors: brand palette, phase colors, glass/shadow tokens, gradients
- Typography: Inter font scale matching iOS type system
- Spacing: 4px base unit with layout constants
- Border radius: liquid glass card radii
- Animations: spring/timing presets for UI transitions

Add v2 product docs (PRD, PDD, BDSD) and update CLAUDE.md.
Install expo-video, expo-sharing, @expo-google-fonts/inter.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Millian Lamiaux
2026-02-20 13:23:18 +01:00
parent 54ac8326fa
commit 511e207762
15 changed files with 2865 additions and 312 deletions
Download Patch File Download Diff File Expand all files Collapse all files

545
TabataFit_PRD_v2.0.md Normal file
View File

@@ -0,0 +1,545 @@
# TabataFit — Product Requirements Document v2.0
> Apple Fitness+ for Tabata — The Premium HIIT Experience
---
## Vision Statement
**TabataFit est l'Apple Fitness+ du Tabata.** Une expérience premium, visuellement stunante, guidée par des coachs, qui transforme 4 minutes d'exercice en une expérience de fitness immersive.
*"Workouts that work. Beautifully."*
---
## Positionnement
| Aspect | Apple Fitness+ | TabataFit |
|--------|---------------|-----------|
| **Focus** | Multi-activité (Yoga, HIIT, Strength, etc.) | Spécialiste Tabata/HIIT |
| **Durée** | 5-45 min | 4-20 min (format Tabata) |
| **Différenciateur** | Intégration Apple Watch | Timer intelligent + Coaching audio |
| **Cible** | Grand public fitness | Athlètes HIIT, busy professionals |
| **Vibe** | Studio californien | Énergie explosive, motivational |
---
## Core Philosophy — Apple Fitness+ Principles
1. **Content is King** — Vidéos HD, coachs charismatiques, production Netflix-quality
2. **Inclusive** — Tous niveaux, modifications montrées
3. **Personalized** — Recommandations basées sur l'historique
4. **Immersive** — Music sync, Burn Bar, stats temps réel
5. **Beautiful** — Design épuré, animations fluides, dark theme élégant
---
## Architecture Produit
### Tab Bar (5 onglets — comme Apple Fitness+)
```
┌─────────────────────────────────────────────────────────────┐
│ │
│ 🏠 Home 🔥 Workouts 📊 Activity 🔍 Browse 👤 Profile │
│ │
└─────────────────────────────────────────────────────────────┘
```
### 1. Home Tab — "For You"
**Inspiration**: Apple Fitness+ Home — grande bannière, collections, recommandations
```
┌─────────────────────────────────────────┐
│ ☀️ Bonjour Alex │
│ │
│ ┌───────────────────────────────────┐ │
│ │ 🎬 FEATURED WORKOUT │ │
│ │ ─────────────────────── │ │
│ │ Full Body Burn │ │
│ │ 4 min • Beginner • Emma │ │
│ │ │ │
│ │ [▶️ START NOW] │ │
│ └───────────────────────────────────┘ │
│ │
│ Continue Watching │
│ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ 65%│ │ 30%│ │ 10%│ │
│ └─────┘ └─────┘ └─────┘ │
│ │
│ Popular This Week │
│ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐ │
│ └─────┘ └─────┘ └─────┘ └─────┘ │
│ │
│ Collections │
│ 🌅 Morning Energizer │
│ 💪 No Equipment Needed │
│ 🔥 7-Day Challenge │
│ │
└─────────────────────────────────────────┘
```
**Elements clés:**
- Hero banner avec vidéo preview en boucle
- "Continue Watching" — workouts non terminés
- "Popular This Week" — trending workouts
- Collections thématiques
- Coach du moment
### 2. Workouts Tab — Parcourir par type
**Inspiration**: Apple Fitness+ workout browser — categories visuelles
```
┌─────────────────────────────────────────┐
│ WORKOUTS 🔍 │
│ │
│ ┌─────────────────────────────────┐ │
│ │ 🔥 QUICK BURN │ │
│ │ 4 min • All levels │ │
│ │ 12 workouts │ │
│ └─────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────┐ │
│ │ 💪 STRENGTH TABATA │ │
│ │ 8 min • Intermediate │ │
│ │ 8 workouts │ │
│ └─────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────┐ │
│ │ 🏃 CARDIO BLAST │ │
│ │ 4-12 min • All levels │ │
│ │ 15 workouts │ │
│ └─────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────┐ │
│ │ 🧘 CORE & FLEXIBILITY │ │
│ │ 4 min • Beginner friendly │ │
│ │ 6 workouts │ │
│ └─────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────┐ │
│ │ ⚡ HIIT EXTREME │ │
│ │ 12-20 min • Advanced │ │
│ │ 10 workouts │ │
│ └─────────────────────────────────┘ │
│ │
└─────────────────────────────────────────┘
```
**Categories:**
1. **Quick Burn** — 4 min, perfect for beginners
2. **Strength Tabata** — Resistance exercises
3. **Cardio Blast** — Pure cardio, no equipment
4. **Core & Flexibility** — Abs, stretching
5. **HIIT Extreme** — Advanced, longer sessions
### 3. Activity Tab — Stats & Progress
**Inspiration**: Apple Fitness+ Activity rings + trends
```
┌─────────────────────────────────────────┐
│ ACTIVITY │
│ │
│ ┌─────────────────────────────────┐ │
│ │ 🔥 STREAK │ │
│ │ ───────── │ │
│ │ 7 │ │
│ │ DAYS │ │
│ │ │ │
│ │ ○ ○ ○ ○ ○ ○ ○ ● ○ ○ │ │
│ │ M T W T F S S M T │ │
│ └─────────────────────────────────┘ │
│ │
│ This Week │
│ ┌───────┐ ┌───────┐ ┌───────┐ │
│ │ 5 │ │ 156 │ │ 32 │ │
│ │Workout│ │ Calories│ │ Minutes│ │
│ └───────┘ └───────┘ └───────┘ │
│ │
│ Trends │
│ ┌─────────────────────────────────┐ │
│ │ 📈 Workouts are trending up! │ │
│ │ +23% vs last month │ │
│ └─────────────────────────────────┘ │
│ │
│ Burn Bar Position │
│ ┌─────────────────────────────────┐ │
│ │ Your avg: 45 cal/workout │ │
│ │ ████████░░░░ 68th percentile │ │
│ └─────────────────────────────────┘ │
│ │
│ Monthly Summary │
│ [ Calendar view with heat map ] │
│ │
└─────────────────────────────────────────┘
```
**Features:**
- Streak counter avec calendrier visuel
- Stats hebdomadaires (workouts, calories, minutes)
- Trends ("You're on fire! 🔥")
- Burn Bar — comparaison avec autres utilisateurs
- Calendar heat map
### 4. Browse Tab — Tout le contenu
**Inspiration**: Apple Fitness+ Browse — filtres, trainers, music
```
┌─────────────────────────────────────────┐
│ BROWSE │
│ │
│ Filters [Edit]│
│ [All ▼] [4 min] [8 min] [Beginner] │
│ │
│ By Trainer │
│ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ 👩 │ │ 👨 │ │ 👩 │ │ 👨 │ │
│ │Emma │ │Jake │ │Mia │ │Alex │ │
│ └─────┘ └─────┘ └─────┘ └─────┘ │
│ │
│ By Duration │
│ ○ 4 min (Classic Tabata) │
│ ○ 8 min (Double Tabata) │
│ ○ 12 min (Triple Tabata) │
│ ○ 20 min (Tabata Marathon) │
│ │
│ By Focus Area │
│ ○ Full Body │
│ ○ Upper Body │
│ ○ Lower Body │
│ ○ Core │
│ ○ Cardio │
│ │
│ Music Vibe │
│ ○ Electronic Energy │
│ ○ Hip-Hop Beats │
│ ○ Rock Power │
│ ○ Chill Focus │
│ │
└─────────────────────────────────────────┘
```
### 5. Profile Tab — Settings & Account
**Inspiration**: Apple Fitness+ Profile — minimal, clean
```
┌─────────────────────────────────────────┐
│ PROFILE │
│ │
│ ┌─────────────────────────────────┐ │
│ │ 👤 Alex Martin │ │
│ │ Member since Jan 2026 │ │
│ │ Premium ✨ │ │
│ └─────────────────────────────────┘ │
│ │
│ Goals │
│ ┌─────────────────────────────────┐ │
│ │ Weekly Goal: 5 workouts │ │
│ │ ████████░░ 4/5 this week │ │
│ └─────────────────────────────────┘ │
│ │
│ Achievements │
│ 🏆 7-Day Streak │
│ 🥵 First Sweat │
│ 💯 100 Workouts │
│ [See all →] │
│ │
│ Settings │
│ • Notifications │
│ • Apple Watch │
│ • Music Preferences │
│ • Account │
│ • Subscription │
│ │
└─────────────────────────────────────────┘
```
---
## The Workout Experience — Cœur du Produit
### Pre-Workout Screen
**Inspiration**: Apple Fitness+ workout preview — trailer, details, start
```
┌─────────────────────────────────────────┐
│ ← │
│ │
│ ┌───────────────────────────────────┐ │
│ │ │ │
│ │ [VIDEO PREVIEW LOOP] │ │
│ │ Coach Emma demonstrating │ │
│ │ Jump Squats │ │
│ │ │ │
│ └───────────────────────────────────┘ │
│ │
│ FULL BODY BURN │
│ ───────────────────────────────────── │
│ │
│ 👩 Emma • 💪 Intermediate • ⏱️ 4 min │
│ │
│ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │
│ │
│ What You'll Need │
│ ○ No equipment │
│ ○ Mat recommended │
│ │
│ Exercises Preview │
│ 1. Jump Squats (20s work) │
│ 2. Mountain Climbers (20s work) │
│ 3. Burpees (20s work) │
│ 4. High Knees (20s work) │
│ × 2 rounds │
│ │
│ Music │
│ 🎵 Electronic Energy playlist │
│ │
│ ┌───────────────────────────────────┐ │
│ │ ▶️ START WORKOUT │ │
│ └───────────────────────────────────┘ │
│ │
└─────────────────────────────────────────┘
```
### Active Workout Screen — Apple Fitness+ Style
**Inspiration**: Apple Fitness+ player — video dominant, stats overlay
```
┌─────────────────────────────────────────┐
│ │
│ ┌───────────────────────────────────┐ │
│ │ │ │
│ │ │ │
│ │ [FULL SCREEN VIDEO] │ │
│ │ │ │
│ │ Coach doing exercise │ │
│ │ in perfect form │ │
│ │ │ │
│ │ │ │
│ │ │ │
│ │ ┌─────────────────────────────┐ │ │
│ │ │ 🔥 WORK • 00:14 │ │ │
│ │ │ Round 3 of 8 │ │ │
│ │ │ ████████████░░░░ 65% │ │ │
│ │ └─────────────────────────────┘ │ │
│ │ │ │
│ │ │ │
│ └───────────────────────────────────┘ │
│ │
│ JUMP SQUATS │
│ ───────────────────────────────────── │
│ │
│ ┌─────────┐ ┌─────────┐ ┌─────────┐ │
│ │ 14 │ │ 52 │ │ 85% │ │
│ │ cal │ │ bpm │ │ effort │ │
│ └─────────┘ └─────────┘ └─────────┘ │
│ │
│ Burn Bar: ████████░░░░ 72% │
│ │
└─────────────────────────────────────────┘
```
**Key Features:**
- Video full screen avec coach
- Timer overlay (phase + countdown)
- Round indicator
- Progress bar
- Stats temps réel (calories, bpm si Apple Watch)
- Burn Bar
### During Rest Phase
```
┌─────────────────────────────────────────┐
│ │
│ ┌───────────────────────────────────┐ │
│ │ │ │
│ │ [COACH IN REST POSE] │ │
│ │ Stretching / breathing │ │
│ │ │ │
│ │ ┌─────────────────────────────┐ │ │
│ │ │ 💙 REST • 00:08 │ │ │
│ │ │ Next: Mountain Climbers │ │ │
│ │ │ ░░░░░░░░░░░░░░░░░░ 40% │ │ │
│ │ └─────────────────────────────┘ │ │
│ │ │ │
│ │ "Shake it out, you're │ │
│ │ doing great!" │ │
│ │ │ │
│ └───────────────────────────────────┘ │
│ │
│ Up Next: Mountain Climbers │
│ [GIF preview of next exercise] │
│ │
└─────────────────────────────────────────┘
```
### Workout Complete — Celebration
**Inspiration**: Apple Fitness+ celebration screen
```
┌─────────────────────────────────────────┐
│ │
│ 🎉 WORKOUT COMPLETE! │
│ │
│ ┌───────────────────────────────────┐ │
│ │ │ │
│ │ [ANIMATED RINGS] │ │
│ │ 🔥 🔥 🔥 │ │
│ │ │ │
│ └───────────────────────────────────┘ │
│ │
│ YOUR STATS │
│ ───────────────────────────────────── │
│ │
│ ┌─────────┐ ┌─────────┐ ┌─────────┐ │
│ │ 52 │ │ 4 │ │ 100% │ │
│ │ CALORIES│ │ MINUTES │ │ COMPLETE│ │
│ └─────────┘ └─────────┘ └─────────┘ │
│ │
│ Burn Bar │
│ ████████████░░░ You beat 73%! │
│ │
│ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │
│ │
│ 🔥 7 Day Streak! Keep it going! │
│ │
│ ┌───────────────────────────────────┐ │
│ │ SHARE YOUR WORKOUT │ │
│ └───────────────────────────────────┘ │
│ │
│ ┌───────────────────────────────────┐ │
│ │ ← BACK TO HOME │ │
│ └───────────────────────────────────┘ │
│ │
└─────────────────────────────────────────┘
```
---
## Content Strategy — 50+ Workouts au Launch
### Par Durée
| Duration | Format | Rounds | Count |
|----------|--------|--------|-------|
| 4 min | Classic Tabata | 8 rounds | 20 workouts |
| 8 min | Double Tabata | 16 rounds | 15 workouts |
| 12 min | Triple Tabata | 24 rounds | 10 workouts |
| 20 min | Tabata Marathon | 40 rounds | 5 workouts |
### Par Focus
- **Full Body** — 20 workouts
- **Upper Body** — 8 workouts
- **Lower Body** — 8 workouts
- **Core** — 8 workouts
- **Cardio Only** — 6 workouts
### Par Niveau
- **Beginner** — 15 workouts
- **Intermediate** — 20 workouts
- **Advanced** — 15 workouts
### Trainers (5 au launch)
1. **Emma** — Energy queen, beginner-friendly
2. **Jake** — Strength focus, motivating
3. **Mia** — Form perfectionist, technical
4. **Alex** — Cardio beast, intense
5. **Sofia** — Chill but effective, recovery
---
## Technical Requirements
### Video Pipeline
- HLS streaming (adaptive bitrate)
- 1080p minimum, 4K for featured
- Offline download for Premium
- Preload next exercise during rest
### Audio
- Multiple music tracks (by vibe)
- Coach voice-over (can be muted)
- Sound effects (beeps, transitions)
- Haptic feedback sync
### Apple Watch Integration
- Heart rate display
- Calories calculation
- Activity rings update
- Now Playing controls
### Offline Support
- Download workouts for offline
- Sync when back online
- Local stats caching
---
## Monetization
### Free Tier
- 3 workouts free forever
- Basic stats
- Ads between workouts
### Premium ($6.99/mo or $49.99/yr)
- Unlimited workouts
- All trainers
- Offline downloads
- Advanced stats & trends
- Apple Watch integration
- No ads
- Family Sharing (up to 5)
---
## Success Metrics
| Metric | Target (Month 3) |
|--------|------------------|
| DAU | 10,000 |
| Workout completion rate | 75% |
| 7-day retention | 40% |
| Premium conversion | 8% |
| Average workouts/user/week | 3.5 |
---
## Roadmap
### Phase 1 — MVP (Weeks 1-4)
- [ ] Home + Workouts tabs
- [ ] 20 workouts (4 min only)
- [ ] 2 trainers
- [ ] Basic timer + video player
### Phase 2 — Core (Weeks 5-8)
- [ ] Activity tab with stats
- [ ] 30 workouts total
- [ ] 4 trainers
- [ ] Apple Watch integration
### Phase 3 — Premium (Weeks 9-12)
- [ ] Browse + Profile tabs
- [ ] 50+ workouts
- [ ] 5 trainers
- [ ] Offline downloads
- [ ] Burn Bar
- [ ] Subscription system
---
*Document created: February 18, 2026*
*Version: 2.0*
*Status: Ready for Design Phase*