ALL WORK / 全部作品
01 / PRODUCT EXPERIENCE / DESIGN ENGINEERING

FitnessCreator

Personal Training Workbench

从训练计划、训练执行到数据反馈的个人训练工作台。

UX DesignReactTypeScriptCodexProduct Development
已上线的个人产品,持续迭代中。Live Demo

设计一个让训练数据真正服务于训练决策的个人工作台。

FitnessCreator 源于对个人力量训练管理的观察:训练计划、执行记录和身体数据往往分散,用户难以持续了解自己的训练进度和表现变化。项目尝试将计划、记录、反馈与数据评估整合进统一的 Web 工作台。

The Challenge

如何在保证记录准确性与数据透明度的前提下,让用户更容易完成训练管理?

Product Design / UX Planning / AI-Assisted Development

  • 分析训练管理中的核心任务和用户流程。
  • 设计训练计划、训练记录和身体追踪的信息架构。
  • 借助 Codex 实现 React / TypeScript Web 产品。
  • 设计数据不足时的空状态和解释性反馈。
  • 规划训练记录粒度、草稿恢复等后续迭代需求。
01Training Plan
02Workout Tracking
03Feedback
04Assessment
01

Training Plan

支持新手标准训练模板、训练目标与每周频率设置。

02

Workout Tracking

记录训练日期、动作、重量、组数、次数和训练反馈。逐组独立记录属于后续迭代。

03

Body Analytics

记录身体测量数据,并在数据条件满足后展示变化趋势。

04

Explainable Assessment

通过本地静态规则评估已有数据,解释哪些分析暂时不可用,以及需要补充哪些记录。

05

Local-First Data

提供本地数据备份、导入和恢复入口,优先保障数据可控性。

01

Reduce Cognitive Load

将训练计划、训练记录和状态反馈分为不同任务模块,降低用户在执行训练时的信息负担。

02

Communicate Uncertainty

当数据不足时明确说明限制,不生成缺乏依据的训练结论。

03

Build for Iteration

采用可持续迭代的产品结构,基于实际使用反馈逐步完善训练记录和交互体验。

React / TypeScript / Vite / Codex / Cloudflare Pages

已完成并部署可访问的个人训练管理 Web 应用,具备训练计划、训练记录、身体数据和本地规则评估等功能。当前系统使用本地规则进行评估,尚未接入真实大模型。

后续迭代 · 尚未实现

逐组独立记录 / 训练草稿保护与恢复 / 计划版本历史 / 多会员归属模型。数据备份恢复与训练草稿恢复是不同能力。

FitnessCreator 今日健身真实主界面
真实产品截图 · 今日健身 · 点击查看大图
Live Demo