PageMap
READ

Field Guide № 01 · Conversion Pages

Take one page
apart
to see how
it works.

Most landing pages are taught as a vocabulary list — hero, social proof, features, FAQ. This is the opposite. We take a single, real-shaped page and dissect it the way a biology class dissects a specimen: laid out flat, pinned open, labeled.

MethodVisual dissection
SpecimenOne landing page
SectionsSix, in order
GoalSee the flow
Specimen — pinned

↳ six sections, one argument

Scroll to dissect

Plate I · The Specimen

One page, laid flat — pinned open.

Below is a complete landing page for a fictional habit-tracking app, Tempo. Six numbered pins mark where each functional section lives. Scroll the deep-dives underneath to see each pin taken apart and explained.

SpecimenTempo — habit app FormatSingle page, desktop Pins1 → 6, top to bottom
tempo.app/start
Specimen · live preview

Habit tracking, rebuilt

Build the habits you keep, not the ones you abandon.

Tempo turns vague intentions into a small, repeatable rhythm. No streaks to break. No guilt. Just one kind nudge a day, designed by behavioral scientists and tested on 12,000 real people.

See how it works ↓
★ 4.8 · 2,300 reviews Featured in WIRED No credit card needed
1 The Promise

The problem

Most habit apps are built to make you feel bad.

  • Streaks that punish one missed day with a reset to zero.
  • Endless dashboards that turn a walk into a spreadsheet.
  • Push notifications that nag, then fade, then nothing.
92%of habit apps are abandoned by day 19
2 The Context

People who stayed with it.

Verified · 2024 cohort

★★★★★

"I deleted four other habit apps the week I got Tempo. It's the first one that didn't make me feel like a failure by Wednesday."

Mira OkaforDesigner · Lisbon
★★★★★

"My therapist actually recommended it. The ‘one nudge’ model is quieter, and quieter worked for me."

Devon HsiehTeacher · Taipei
★★★★☆

"Honest app. It told me to skip a day when I was sick. I've now kept the same morning walk for 7 months."

Priya RamanEngineer · Bengaluru
★ WIREDThe AtlanticBehanceNPRFast Company+ 12 more
3 The Proof

What Tempo actually does.

◐

One nudge a day

A single, timed prompt chosen by the rhythm that already fits your week. No barrage, no badges.

≈

Flex, not streaks

Miss a day and the thread bends instead of snapping. The app remembers your shape, not your score.

↳

Weekly review

A two-minute Sunday reflection that turns the past week into one honest sentence and a small next step.

4 The Features

You're probably wondering…

Q.01
"I've tried five apps already."

So have most of our users. Tempo was built specifically for people who got burned by streak-shaming apps. The first week is designed to feel unlike those.

Q.02
"Is it just another notification?"

No. You get one nudge per day, at a time you pick, and you can mute it entirely. Tempo is designed to be checked, not to interrupt.

Q.03
"Will it sell my data?"

No. We have no ad SDKs in the app. Revenue comes from the paid tier, full stop. Our privacy page lists every third-party service we do — and don't — use.

Q.04
"What if I don't have time?"

Tempo asks for two minutes a day and five on Sunday. If that's too much, the free plan lets you check in once a week with no daily nudge at all.

5 The Objections

Start your first week free — no card, no streaks, no guilt.

Two minutes to set up, one nudge a day, cancel any time from the app. The free plan is genuinely usable; the paid plan adds the weekly review and unlimited habits.

Compare plans

Free forever plan · iOS & Android · Cancel in two taps

6 The CTA

↳ End of specimen. Continue scrolling to dissect each pin.

Pin 01
01
The Promise
Why you should care
JobStop the scroll TensionBenefit vs. effort Failure modeVague headline

It answers one question in three seconds: what's in it for me?

A visitor lands knowing nothing. The promise section is the single most expensive real estate on the page because it decides whether anyone reads further. It does one job — convert curiosity into enough interest to keep scrolling.

It's built from four parts stacked in a tight hierarchy. An eyebrow sets the category ("habit tracking, rebuilt") so the brain can file the page instantly. The headline states the benefit in plain language and, crucially, names the failure mode it fixes — "habits you keep, not the ones you abandon." The sub-headline expands the promise with one concrete mechanism ("one kind nudge a day"). Then a primary button gives the impatient visitor an exit that is also an entrance.

A promise isn't a slogan. It's a bet: if you read one line, this is the one worth reading.

Notice the asymmetry: the button says "Start your first week free" (an action with a low cost), not "Learn more" (a non-action with no cost). Every word in the promise is traded against the visitor's attention budget.

Takeaway The promise earns the right to the rest of the page. If it's vague, generic, or about the company instead of the visitor, every section below it works twice as hard for half the result.

Habit tracking, rebuilt

Build the habits you keep, not the ones you abandon.

Tempo turns vague intentions into a small, repeatable rhythm. One kind nudge a day, designed by behavioral scientists.

Start your first week free
Eyebrow
Headline
Sub-head
CTA button
Pin 02
02
The Context
Why the problem exists
JobName the pain TensionEmpathy vs. sell Failure modeGeneric complaint

It says, "you're not crazy — this really is broken," and earns trust by not selling yet.

The promise made a claim. The context section backs it up by describing the world the visitor already lives in. If the promise is "build the habits you keep," the context has to show why keeping habits is hard in the first place.

This section deliberately does not mention the product. That restraint is the point. By describing the visitor's frustration in their own terms — streaks that punish, dashboards that turn a walk into a spreadsheet — the page signals I understand your problem before I offer a solution. That's the trust deposit the proof and features sections will later withdraw from.

Sell the wound before you sell the cure. A visitor who feels seen will follow you anywhere.

A single hard number — 92% of habit apps abandoned by day 19 — anchors the frustration in fact rather than feeling. Numbers here do emotional work: they tell the visitor the problem is structural, not a personal failing.

Takeaway Context is the empathy tax. Skip it and the rest of the page reads as a sales pitch. Pay it and the rest reads as a rescue.

The problem

Most habit apps are built to make you feel bad.

  • Streaks that punish one missed day.
  • Dashboards that turn a walk into a spreadsheet.
  • Notifications that nag, then fade.
92%
Frame
Pain list
Hard stat
Pin 03
03
The Proof
Why to believe it
JobLower the risk TensionAuthentic vs. shiny Failure modeGeneric testimonials

It loans the visitor other people's certainty until they have their own.

After the promise and the context, the visitor is interested but not yet convinced. They're thinking, "okay, but does this actually work for anyone like me?" Proof answers that by borrowing credibility from outside sources — real users, named outlets, specific numbers.

Three things make proof work. First, specificity: "Mira Okafor, Designer, Lisbon" with a real-sounding quote about deleting four apps beats a generic "life-changing!" star rating. Second, imperfection: one four-star review among five-star ones signals honesty — a perfect score reads as filtered. Third, diversity of source: user quotes, press logos, and a review count together cover different kinds of trust.

Trust is borrowed, then earned. Proof is the loan. The product is the repayment.

Notice what the proof section doesn't do. It doesn't list features, it doesn't repeat the promise, and it doesn't ask for anything. Its only job is to make the next section — the features — believable rather than boastful.

Takeaway Proof is a relay leg, not a finish line. It hands off enough credibility that the features section can spend it.
★★★★★

"I deleted four other apps the week I got Tempo."

Mira OkaforDesigner · Lisbon
★★★★☆

"It told me to skip a day when I was sick."

Priya RamanEngineer · Bengaluru

WIRED · The Atlantic · NPR · +12

Named user
Imperfect
Press logos
Pin 04
04
The Features
What it actually does
JobShow the mechanism TensionBenefit vs. spec Failure modeFeature dump

It finally lets the product talk — but only about how the promise gets kept.

This is where most pages start. A good landing page starts it here fourth. The visitor now knows what the product promises (pin 1), why the problem hurts (pin 2), and that others like them got results (pin 3). Only now do they care how it works.

Each feature is written as a benefit wearing a feature's clothes. "One nudge a day" is the feature; "no barrage, no badges" is the benefit. "Flex, not streaks" is the feature; "the thread bends instead of snapping" is the benefit. The structure is always name → what it does → why that matters, in that order, in one breath.

A feature is a how. A benefit is a why. The visitor buys the why; the how is just the receipt.

Three features, not nine. Each maps back to a pain named in the context section — streaks (flex), nagging (one nudge), no reflection (weekly review). Nothing here exists that doesn't answer something the visitor already worried about.

Takeaway Features explain the mechanism behind the promise. Listed too early they're a spec sheet; placed here, they're the answer the visitor has been quietly waiting for.

What it does

◐

One nudge

A single timed prompt. No barrage.

≈

Flex, not streaks

The thread bends, never snaps.

↳

Weekly review

Two minutes every Sunday.

Icon
Feature name
Benefit line
Pin 05
05
The Objections
Answering the doubts
JobClear the blockers TensionHonest vs. defensive Failure modeSoftball FAQ

It says the thing the visitor is already thinking — out loud, first.

By this point the visitor is interested. But interest produces doubt as a byproduct. The objections section catches the four questions a real person actually asks themselves in the moments before clicking: I've tried this before. Is it annoying? Will it sell my data? Do I have time?

The trick is to write the objections the visitor would raise, not the ones the company wishes they'd raise. "Is it easy to use?" is a softball. "Is it just another notification?" is the real doubt. Answering the real doubt — even admitting a limitation — builds more trust than dodging it.

The doubt you refuse to name is the doubt that quietly closes the tab.

Each answer is short, specific, and ends on a concrete next step. "No ad SDKs in the app" beats "we take privacy seriously." "Two minutes a day, five on Sunday" beats "minimal time commitment." Specificity is the credibility currency of this section.

Takeaway Objections don't create doubts — they surface the ones already there. Handled well, each answer removes one weight from the visitor before the CTA asks them to move.

You're wondering…

Q.01
"I've tried five apps."

Built for people burned by streak apps.

Q.02
"Just another notification?"

One nudge, at a time you pick, muteable.

Q.03
"Will it sell my data?"

No ad SDKs. Revenue is the paid tier.

Real doubt
Honest answer
Specific proof
Pin 06
06
The Call to Act
Asking for the next step
JobMake the ask TensionClear vs. pushy Failure modeWeak verb

It asks for one action, names the cost, and removes every reason not to.

The call to action is where the whole page either pays off or falls flat. Every section before it was building toward this moment — the promise earned attention, the context earned empathy, the proof earned belief, the features earned understanding, the objections cleared the path. Now the CTA just has to ask.

A good CTA does three things at once. The verb is specific and active — "Start your first week free," not "Submit" or "Learn more." The cost is named up front — "no card, no streaks, no guilt" — so the visitor isn't surprised by a hidden step. And the friction removers line up below: free forever plan, both platforms, cancel in two taps.

A CTA isn't a closing line. It's a door held open — and the visitor has to feel invited, not pushed through it.

Notice the restraint. There's one primary button, not three. A secondary link ("compare plans") exists for the cautious, but it's quieter by design. The page never asks twice — that would undo the trust the objections section just built.

Takeaway The CTA is the last sentence of an argument the whole page has been making. Ask for one thing, name the cost honestly, and make the next step smaller than the fear.

Start your first week free

Start free →

No card · iOS & Android · Cancel in 2 taps

Active verb
Named cost
Friction down

Plate II · The Argument

Six sections, one argument — each one supports the next.

A landing page isn't a list of parts. It's a chain of reasoning. Read the arrows left to right: each section does a job the previous one couldn't, and the next one can't do without it.

01PromiseEarn attention"What's in it for me?" answered in three seconds.
02ContextEarn empathyNames the pain before naming the product.
03ProofEarn beliefLoans the visitor other people's certainty.
04FeaturesExplain howShows the mechanism behind the promise.
05ObjectionsClear doubtSays the real doubt out loud, then answers it.
06CTAMake the askOne action, cost named, friction removed.

Attention becomes empathy becomes belief becomes understanding becomes trust becomes action.

↳ That's the anatomy. Every section is a load-bearing wall; remove one and the argument sags.