PT.fit V1 · 2026-07-23 · Wireframe

The operating system for personal trainers.

26-screen sweep across the Coach app, Athlete app, role portals, the homepage + lead magnet, the Hobbyist discovery flow, and the new Program Builder suite with deep Knowledge Graph integration. Voice-first on every screen. Built for "The Corner" — the quiet moment between sets where the real coaching happens.

Mobile Coach + Athlete apps · 390px Web Portals + Homepage + Hobbyist · 1280px Oxblood Used on ≤10% of any screen NEW Program Builder suite (5 screens)

Coach App

5 mobile screens · Loop 1 (Feed) · Loop 2 (Session Capture — the moat) · Loop 4 (Knowledge Building)

01 / 26 Coach Feed · 50+ clients Date pills · search · glance · new-client cards · coming up · sticky jump-to Mobile · scale 02 / 27 Session Recording Loop 2 · 4 states + waveform (idle → recording → processing → confirm) Mobile · HERO 03 / 27 Programs (list) All programs · filter by athlete/discipline Mobile 03b / 27 Program Builder Voice CTA · KG badges on exercises · capability focus Mobile · KG 03c / 27 Program Templates Start from 47 community templates or describe by voice Mobile 03d / 27 Knowledge Graph Preview Force-directed graph · capability gaps · node detail Mobile · KG 03e / 27 Exercise Picker 1,324 exercises · filter by UGC equipment · KG badges Mobile 03f / 27 Assign Program Multi-select athletes · start date · notify Mobile 04 / 27 Scheduling Week view · voice-first "schedule session for [Athlete]" Mobile 05 / 27 In-App Chat Coach ↔ Athlete ↔ Physio · voice messages primary · AI Action Card Mobile

Athlete App

6 mobile screens · daily-check-in flow · Loop 3 (progress discovery) · assigned program view

06 / 27 Athlete Home Today · voice check-in as primary action Mobile 06b / 27 My Program Assigned program · today's session · expected impact Mobile 07 / 27 Workouts View-only · exercise GIFs · log verbally · program context Mobile 08 / 27 Progress Capability scores · bottlenecks · current program context Mobile 09 / 27 Chat Coach thread · voice messages primary · AI Action Card Mobile 10 / 27 Profile Stats, assessment history, settings Mobile

Role Portals

3 desktop portals · part of the Market Network · physio, nutritionist, gym

11 / 27 Physio Portal Patient list · clearance notes · linked evidence · ACL recovery Web · complete 12 / 27 Nutritionist Portal Client list · macros · meal plans · weight cut · adherence Web · complete 13 / 27 Gym Portal Attendance · equipment mapper (UGC) · member roster Web

Homepage + Lead Magnet

5 web pages · 1,324-indexed exercise DB drives SEO traffic

14 / 27 Homepage Voice-first pitch · exercise preview · gym mapper Web 15 / 27 Exercise Browser 1,324 exercises · filter by equipment · hobbyist discovery Web 16 / 27 Exercise Detail SEO page · GIF · instructions · coach programs · tip/book Web 17 / 27 Gym Equipment Page Local SEO · equipment list (UGC) · hobbyist discovery Web 18 / 27 Coach Program Page Lead magnet · preview · tip / book coach Web

Hobbyist Flow

4 web pages · discovery → engagement → monetization → conversion

19 / 27 Hobbyist Home "Find exercises at your gym" Web 20 / 27 Gym Finder Search gyms · see equipment Web 21 / 27 Equipment Filter Exercises for gym equipment Web 22 / 27 Program Discovery Filter by equipment/gym · tip coach Web

Design Documentation

5 design documents · flow specs, integration guides, UX analysis

D1 Program Builder Design User flow · KG integration · 4 screens · components Doc D2 UX Analysis Journey Simulation · 10 Heuristics · Edge Cases Doc D3 Chat Feature Design Prompt LLM prompt for AI Action Card + notes + multi-stakeholder Doc D4 Chat Features Summary Quick reference for chat system features Doc D5 This Index All 27 screens + 5 design docs · production-ready Doc