Coach KPIs — Section Header Directions

Pick A, B, C, or D. Each direction renders Product Quality + Conversion sections so the divider treatment is visible in context.

Direction A — Tinted Section Bands

Each section wrapped in a full-width pastel band. Title + cards live inside the band. Color = section identity. Strong visual separation, minimal extra chrome.

Coach KPIs

(sparkline strip placeholder)

Product Quality

Outcomes — did the athlete renew? Did they hit PRs?

4× Weight

Conversion

Did the coach turn assessments into paying customers? At what rate per athlete?

3× Weight

Direction B — Magazine Chapters

Large numeral on the left, thick accent rule, serif-leaning typography. Editorial feel. Each section announces itself loudly.

Coach KPIs

(sparkline strip placeholder)
01

Product Quality

Outcomes — did the athlete renew? Did they hit PRs?

4× Weight
02

Conversion

Did the coach turn assessments into paying customers?

3× Weight

Direction C — Sticky Section Nav

Four colored pills sticky at the top of the page show all sections at a glance. Click to jump. Sections themselves keep current header style with modest emphasis. Best for navigation, lightest visual change.

Coach KPIs

(sparkline strip placeholder)
Sections

Product Quality

Outcomes — did the athlete renew? Did they hit PRs?

4× Weight

Conversion

Did the coach turn assessments into paying customers?

3× Weight

Direction D — Section Tabs

Most aggressive: convert sections to tabs, only one visible at a time. Page becomes much shorter, transitions are deliberate. Trade-off: lose at-a-glance view of all 4 sections together.

Coach KPIs

(sparkline strip placeholder)

Outcomes — did the athlete renew? Did they hit PRs?

↓ Other 3 sections only visible when their tab is selected. Page height drops from ~3000px to ~900px.