Joan Train with Joan
Design directions · Lead-magnet funnels

Train with Joan — landing pages and lead-magnet funnels.

Two main landing pages and three lead-magnet funnels — each with its own page rhythm. Hover any preview to open the full page.

400k+ women
47-day streak
Variation 01

Centered halo + alternating sections

Soft lavender halo behind a hero portrait, white rounded-card sections, 4-card feature grid.

Open V1
400k+ women strong
JOAN, AGE76
Variation 02

Bento grid + full-bleed hero

Split-screen photo hero, dark navy story panel, asymmetric 2×2 bento with coral, paper, lavender, navy.

Open V2

Lead-magnet funnels

Three completely distinct layouts — same brand colors, different rhythms. Each captures name + email and routes to its own confirmation page.

Live preview
Editorial · Vertical scroll manifestoOpen ↗
Funnel 01 · EditorialNo. 01

The 'Start Anywhere' Blueprint

Marquee strip, giant italic serif chapters, paper grain, scroll-driven number reveals, cursor blob.

Live preview
Kinetic · Sport stopwatchOpen ↗
Funnel 02 · KineticNo. 02

5-Minute Functional Strength Boosters

Live stopwatch ring, horizontal scroll-snap rep cards, animated rep counters, monospace data labels.

Live preview
Diagnostic · Floating ambientOpen ↗
Funnel 03 · DiagnosticNo. 03

Is your body calling for help?

Floating lavender blobs, one-question-at-a-time tap-through with progress dots, animated checkmarks.