Skip to case study
All portfolio workApp concept · Strength and conditioningOpen experience
Independent concept projectStrength and conditioningReference measured · review required

Formwell

A connected training simulation for assessment, programmes, exercise guidance, set logging, recovery, progress, coaching, and habits.

Launch interactive experience Browse all 20 screens
Project type
Independent concept
Format
Browser-based app
Experience scope
20 connected screens
Industry
Strength and conditioning
Fidelity status
Reference measured · review required
01 · Design rationale

A product direction built around a complete journey.

A connected training simulation for assessment, programmes, exercise guidance, set logging, recovery, progress, coaching, and habits. The case study exposes the project’s structure and delivery boundaries so visitors can assess the visual system, route coverage, and intended interactions without mistaking a concept for commissioned client work.

  1. 01

    Adaptive training and coach feedback

    The route architecture is organised around adaptive training and coach feedback, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Editorial sport in cobalt, coral, and bone with anatomical linework, forceful type, precise rep feedback, and circular achievement states.

  3. 03

    Original asset plan

    Original exercise illustrations, licensed generic training imagery, deterministic performance fixtures, and CSS anatomy lines.

02 · Experience architecture

Navigate the complete app map.

Every named screen opens directly, making the concept’s scope inspectable and shareable without loading every experience route on this page.

20Connected screens

Routes describe the frontend experience. A visible route does not by itself claim a live backend integration or native store release.

03 · Evidence and boundaries

Original presentation, documented provenance.

Reference research and implementation status are stated separately. Third-party screenshots, logos, and branded assets are not used in this presentation.

Flo reference study

Reference record

The Flo links below document private clean-room measurement. They do not imply affiliation, endorsement, human approval, or permission to republish source screens.

System
A02 · ios
Studied
2026-08-13
Entry family
flo-readiness-setup
Status
reference-measured · human review required

Automated targets: structural changed pixels ≤ 2.0%, full changed pixels ≤ 8.0%, MAE ≤ 0.015, RMSE ≤ 0.035. These are measurement targets, not pixel-perfect certification.

Asset record: Original exercise illustrations, licensed generic training imagery, deterministic performance fixtures, and CSS anatomy lines. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • Flo primary screen

    date rail above a curved progress hero and horizontally paged insight cards

    • Onboarding uses about 14 px side gutters, a compact progress rail, and a fixed rounded continue action
    • The gradient status hero is approximately 230 px high with a curved lower edge
  • Flo alternate state

    date selection updates the hero, insights, and log action without leaving the screen

    • Headline, section, body, and meta text read near 32/20/15/12 px
    • Insight cards form a horizontally scrolling row above a five-item tab bar

Explore Formwell from its first screen.

Open the browser experience, then use its connected navigation to inspect the complete concept route by route.

Launch Formwell