Vercel · pricing · SaaS

Vercel’s pricing page, inspected

A UX teardown of Vercel's pricing page: why a flat '$20/mo' understates a usage-based bill, and five ways to set the right expectation up front.

7.0 /10
UX score
Annotated screenshot of Vercel’s pricing page 1 Tall hero pushes the plans toward the fold 2 “$20/mo” reads as flat, but the real bill scales with usage 3 Enterprise "Custom" gives no anchor to gauge fit
Vercel’s pricing page. Pins mark the issues discussed below.
  1. 01 Tall hero pushes the plans toward the fold
  2. 02 “$20/mo” reads as flat, but the real bill scales with usage
  3. 03 Enterprise "Custom" gives no anchor to gauge fit

3 critical blockers

  1. 01

    The headline price hides a usage-based bill

    high

    Pro leads with "$20/mo", but that's a base — real cost scales with usage on top. A visitor anchors on $20 and can be surprised by the first invoice. The page's own headline, "control your costs", names the exact fear the card then triggers.

  2. 02

    The plans start below a tall hero

    medium

    The first screen is mostly the headline on black. On load, the Pro plan a visitor came to weigh is only just entering view, so the page reads as emptier than it is.

  3. 03

    Enterprise is "Custom" with no anchor

    low

    A buyer can't tell whether Enterprise is remotely in range without booking a call, so some who would qualify quietly self-select out.

Where the 7.0 comes from

The craft is excellent and the “Popular” badge on Pro gives a clear default — that part is done right. The gap is expectation-setting: a usage-based product presented with a flat monthly number. The headline promises cost control, so the page clearly knows the fear; it just doesn’t resolve it where the buyer is actually deciding — on the plan card.

5 quick wins

  • 01

    Say the model on the card

    “$20/mo base + usage” sets the right expectation before the click, not after the invoice.

  • 02

    Show a typical bill

    A "most teams pay around $X" example or a small estimator delivers on "control your costs" at the moment it matters.

  • 03

    Surface spend controls

    If spend caps or alerts exist, put them on the Pro card — that reassurance is exactly what this audience is scanning for.

  • 04

    Tighten the hero

    Bring the tiers up so the Pro plan is fully visible the moment the page loads.

  • 05

    Anchor Enterprise

    “Starts at” or “from” lets larger buyers self-qualify instead of guessing whether to reach out.

The principle

A headline price is the number the whole relationship is measured against. If the real bill is usage-based, the card has to say so on the page — otherwise the first invoice becomes the moment trust breaks.