Client review · v1 Prepared for AlterMe · May 2026
Three directions for the system page

How should someone
choose between
Active, Essential, and Advanced?

The current pricing page treats the three tiers as a feature checklist — three columns, tick marks, a comparison table. We've built three fully-interactive prototypes that solve the problem differently. Open any of them, click around, and tell us which thinking lands.

Built onyour existing brand foundations and tier copy
Each prototypeis a fully clickable site, not a fragment
To compareopen each in a new tab and switch between them

How to read these

Each direction stands alone — same brand, same tier copy, three different theories of how to sell the choice. There's no "right" answer; each ships on a different bet about your shopper. We've left a "Back to portal" pill on every prototype so you can hop between them.

  • ◯ Click anywhere to interact
  • ◯ Cross-link via the pill
  • ◯ Mobile views — next round
Q1 · What's driving you?
Feel better
Real goal
Every answer
Q2 · How deep?
Biometrics
13 traits
200+ traits
For you · 76%
Essential
$1,099
Direction 01

Find Your Path

A 3-question diagnostic replaces the comparison table. As the shopper answers, the recommended tier emerges with a confidence score; the others recede.

Open prototype
Active
Essential
Advanced
END HIGH PWR MID FAT FAST SLP DEEP CAF SLOW REC FAST HRV HIGH D3 MID
Essential · 13 traits
Direction 02

Three Lenses

One product page, persistent left rail. Toggle Active / Essential / Advanced and the headline, biometric viz, science line, and CTA all transform. Tier feels like resolution.

Open prototype
Ch 0 · Before
Ch 1 · with Active
Ch 2 · with Essential
Ch 3 · with Advanced
Direction 03

The Reveal

Scrollytelling. One human grows into the system. Sticky character on left, scrolling chapters on right; visual layers stack as they unlock each tier.

Open prototype