# TrainMe.ai Demo Scenario

## User Journey: Alex's Complete Training Workflow

### Context
Alex is a runner training for a half-marathon. They've used various fitness apps but want an integrated platform with AI coaching. This demo shows their complete journey through TrainMe.ai.

---

## Scenario Outline

### Phase 1: Landing & Signup (Slides 1-5)
1. **Landing Page Hero** — Alex visits trainme.ai and sees the dark theme with "AI-Powered Training Coach" headline
2. **Features Overview** — Alex scrolls and sees Activity Upload, AI Coach, Smart Plans features
3. **Pricing** — Alex reviews the Pro tier (€9.99/month) for AI coaching
4. **Sign Up Form** — Alex enters email, password, selects Running as primary sport
5. **Email Verification** — Email sent; Alex verifies and is redirected to dashboard

### Phase 2: Dashboard Overview (Slides 6-8)
6. **Dashboard Home** — Alex lands on dashboard showing empty state ("No activities yet")
7. **Quick Stats Widget** — Dashboard displays total activities (0), total distance (0 km), avg HR (—)
8. **Sidebar Navigation** — Alex sees nav options: Activities, Coach, Training Plans, Profile

### Phase 3: Activity Upload (Slides 9-13)
9. **Upload Activity Button** — Alex clicks "Upload Activity" and sees file picker
10. **Select GPX File** — Alex drags a GPX file from their Garmin watch
11. **Upload Progress** — File uploads with progress indicator (activity.gpx, 2.4 MB)
12. **Upload Success** — "Activity uploaded successfully! Morning Run - 10.2 km, 1h 02m"
13. **Activity Added to Dashboard** — The recent activity now appears on dashboard home

### Phase 4: Activity Analysis (Slides 14-18)
14. **Activity List** — Alex clicks Activities tab; their run appears in the list
15. **Activity Detail Map** — Alex taps the activity; an interactive map shows the 10 km route
16. **Heart Rate Zones** — A chart shows time in each zone: Zone 2 (aerobic): 35 min, Zone 3 (threshold): 20 min, Zone 4: 7 min
17. **Segment Breakdown** — The run is divided into 3 segments: climb (1.2 km), flat (6.8 km), descent (2.2 km)
18. **Performance Metrics** — Stats show avg pace 6:05/km, elevation gain 125m, avg HR 145 bpm

### Phase 5: AI Coach Interaction (Slides 19-25)
19. **Coach Page** — Alex navigates to Coach; starter prompts appear ("Analyze my last run", "Build a training plan")
20. **Ask Coach** — Alex clicks "Analyze my last run"; a chat message is sent
21. **Coach Thinking** — Loading state shows "Coach is thinking..." with pulsing dots
22. **Coach Analysis** — Coach responds: "Great aerobic run! Avg HR 145 is perfect Zone 3. Suggest 1 more Zone 2 run this week before tempo on Friday."
23. **Follow-up Question** — Alex asks "What should my warm-up look like for the tempo run?"
24. **Coach Warm-up Plan** — Coach provides: "10 min easy jog, then 3×2 min strides, then the main workout"
25. **Coach Suggestion** — Coach suggests: "Want me to build you a 12-week half-marathon plan?"

### Phase 6: Training Plan Creation (Slides 26-31)
26. **Generate Plan** — Alex says "Yes, target finish time is 2:00" (1:60)
27. **Plan Overview** — Coach generates a 12-week plan; Week 1 is displayed with 5 workouts scheduled
28. **Week View** — Monday (Easy), Tuesday (Tempo), Wednesday (Rest), Thursday (Intervals), Friday (Long Run)
29. **Daily Workout Detail** — Friday's long run shows: "13 km, 2 hours, Zone 2. Focus on steady pace and consistency."
30. **Log Workout** — Alex uploads an activity; a "Log This Workout" button appears next to Friday's plan
31. **Plan Progress** — Plan shows 1/5 workouts logged this week; progress bar at 20%

### Phase 7: Profile & Zone Configuration (Slides 32-36)
32. **Profile Page** — Alex clicks Profile; sees their avatar, email, sport preference (Running)
33. **Max Heart Rate** — Alex sees Max HR: 195 bpm (auto-detected); can manually adjust
34. **Zone Configuration** — Alex's zones display: Zone 2 (117-136 bpm), Zone 3 (136-156 bpm), Zone 4 (156-176 bpm)
35. **Sport Preferences** — Alex sees goal is "Complete Half-Marathon", weekly volume preference "4-5 hours"
36. **Privacy Settings** — Alex enables "Public profile" and "Share data with coach"

### Phase 8: Advanced Features (Slides 37-40)
37. **Coach Chat History** — Alex scrolls coach conversation; sees all previous messages saved
38. **Conversation Search** — Alex searches for "warm-up" and finds the warm-up plan discussion
39. **Export Plan** — Alex taps "Download Plan as PDF" to print the 12-week schedule
40. **Share Activity** — Alex taps share on the morning run activity; generates a public link to share with friends

### Phase 9: Notifications & Engagement (Slides 41-43)
41. **Notification Badge** — Coach icon shows red badge with "3" unread messages
42. **New Plan Alert** — Notification: "Your 12-week plan is ready! Week 1 starts Monday."
43. **Coaching Suggestion** — Coach message: "You've completed 3 workouts this week — great consistency!"

### Phase 10: Mobile Version (Slides 44-49)
44. **Mobile Home Screen** — App icon on iPhone home screen; tap to launch
45. **Mobile Dashboard** — Bottom tab bar (Dashboard, Activities, Coach, Profile)
46. **Mobile Activity Upload** — Tap upload icon; select GPX from Files app (simpler mobile UX)
47. **Mobile Activity Map** — Full-screen map with activity route; swipe up to see stats
48. **Mobile Coach Chat** — Chat interface optimized for mobile with large input field
49. **Mobile Profile** — Profile settings on a single scrollable page; sign-out button at bottom

### Phase 11: Multi-Week Training (Slides 50-53)
50. **Week 2 Overview** — Plan progresses; Week 2 shows new workouts: speed work, recovery run
51. **Completed Workouts** — Dashboard shows 8 total activities; 6 logged to training plan (75% adherence)
52. **Coach Feedback** — Coach message: "You're tracking 2% below plan volume. Add a recovery run this weekend to catch up."
53. **Plan Customization** — Alex taps menu on plan; adjusts weekly volume to -10% due to work schedule

### Phase 12: Success & Summary (Slides 54-56)
54. **Dashboard Summary** — Total activities: 15, Total distance: 142 km, Avg HR: 148 bpm
55. **Plan Completion** — Week 8 of 12 complete; 87% of planned workouts logged
56. **Coach Recommendation** — Coach message: "You're on track for a sub-2:00 half-marathon. Keep up the consistency!"

---

## Key UI Elements to Capture

### Web App
- Dark theme (bg-dark #0a0e27)
- Neon cyan (#22d3ee) and hot pink (#ec4899) accents
- Glass morphism cards
- Sidebar navigation
- Interactive maps and charts
- Form validation states

### Mobile App
- Bottom tab bar navigation
- Full-screen map with swipe gestures
- Modal pickers for selections
- Toast notifications
- Optimized touch targets (48px+)

---

## Demo Duration
- Full walkthrough: ~5-7 minutes (narrated)
- Each slide: ~6 seconds average
- Total slides: 56 (28 web + 28 mobile or split differently)

## Accessibility Notes
- All text is readable (16px+ font)
- High contrast (cyan on dark)
- Keyboard navigation supported
- Mobile presentation is touch-friendly