Vercel UX Teardown: A Homepage That Changed Who It's Talking To
A UX teardown of Vercel's site: the homepage now sells 'Agentic Infrastructure' while the product pages underneath still sell people working together. What happens when the top of a funnel changes audience and the middle doesn't.
Vercel's homepage leads on two words, Agentic Infrastructure. Not deploy, not frontend, not the web. Beside it sit three lines that read like a table of contents: For coding agents. To ship apps and agents. Automated by agents. Click into any product page one level down and the language snaps back to people. Comments, collaborators, a live URL your teammate can open. The homepage has changed who it is addressing. The pages beneath it have not. Most companies get to have that problem exactly once.
A category label where a verb used to be

"Agentic Infrastructure" tells you which aisle of the market Vercel intends to own. What you would do here on a Tuesday, you infer yourself. Compare it to what it replaced — Develop. Preview. Ship. — three verbs, in order, describing an afternoon.
That is the tax on speaking in categories (NN/g on matching the system to the real world). A visitor arrives with a job in mind, I need this Next.js app on a URL, and the page answers with a market position. The words are pitched at the altitude where investors and competitors live. The work happens somewhere lower down (NN/g on plain language).
Proof carries the page instead. Three sections repeat one layout: headline, product screenshot, a single sentence of evidence, a bare feature list. The evidence does the persuading — Notion powers millions of agent conversations daily on Vercel. Zapier serves over 100 million monthly website visits on Vercel. Concrete numbers further down pay for the abstraction at the top. Note the order, though: you scroll past the thesis to find out what it means.
One level down, the product still sells people
Previews
The hero sells a URL rather than a feature — "A deployment for every idea." Beside it, a floating comment toolbar and a row of stacked avatars stage the review itself as the illustration: the product is other people looking at your work.
Step through those three pages and the agent framing nearly vanishes. The previews page leads with A deployment for every idea and stages a floating comment toolbar, a row of stacked avatars, a shared live URL. What it sells is other people looking at your work — review, not autonomy. Observability calls itself mission control for frontend applications, which presumes a human at the console.
This is the clearest writing on the site. It also means the funnel changes protagonist between the first page and the second: agents build here, then your team reviews here. A visitor building a mental model of the product reconciles those unaided, and neither page acknowledges the seam.
One number, doing the work of a paragraph

A single line chart runs the full width behind the headline, carrying exactly one tooltip: Visitors 597,717 — Fri May 10, 4pm–5pm.
The specificity is the whole technique. A round number reads as art direction; an odd one with a timestamp reads as a screenshot of something real. The chart stops decorating and starts testifying, and it never asks the reader to parse a feature bullet to get there.
The catalog has already moved

The template directory is where the repositioning stops being a claim. The search field is focused on arrival, a use-case checklist runs down the left, and every card above the fold is an agent template. Software Factory. Sanity Copilot. Personal Agent. GitHub Maintainer. The catalog's contents have already changed.
The footer says the same thing in taxonomy. Its first column is Agent Stack, listing AI SDK, AI Gateway, Sandbox, Workflows, Passport. Core Platform, where CI/CD and content delivery live, comes second. Navigation order is a claim about priority, and reordering it redirects the information scent a visitor follows. A developer arriving for deployments now finds what they came for in the second column of the footer and the second half of the homepage.
So the turn is real and it is uneven. The homepage and the taxonomy have moved; the product pages haven't caught up.
Read the subjects of your own sentences
Steal the concreteness first. The most persuasive element on Vercel's site is a tooltip with an odd number and a timestamp on it. When you have a real number, spend it early, because specificity separates a screenshot that proves something from an illustration that fills space.
Then run the seam check on your own site. Open your homepage headline and your top three product-page headlines in four tabs, and read only the grammatical subject of each sentence. If the homepage's subject is a system and the product pages' subjects are people, you have the same gap Vercel has, and your visitor is crossing it without a handrail.
A repositioning always moves the homepage first, because a homepage is one page and a product surface is fifty. That buys a quarter. After that the visitor stops reading it as a roadmap and starts reading it as incoherence. Put one sentence on the new homepage telling the person who believed it where to go next.
Take it further
The lens behind this teardown — whether a visitor can tell what a product does and whether it is for them — is the UX Clarity framework, the same one we apply in a Full UX Audit. For how that scoring turns into prioritized fixes, read what a real UX audit looks like.
Sources: NN/g — Match Between System and the Real World · NN/g — Plain Language · NN/g — Mental Models · NN/g — Information Scent.
Ready to find out whether your homepage and your product pages are still telling the same story? Apply for a Full UX Audit →
Related
Information Architecture
Wireframing: From Lo-Fi to Hi-Fi (and What Each Wireframe Is For)
Fidelity isn't a quality ladder you climb. What a wireframe is supposed to settle, what lo-fi, mid-fi, and hi-fi each buy you, when a mood board is the right artifact instead, and the failure mode that costs teams a sprint.
TYPENORMLabs · 8 min · September 5, 2026
Information Architecture
WIRED UX Teardown: One Category Template, Three Different Jobs
A UX teardown of WIRED's category pages: the same template runs Business, Science and Reviews, and what each one puts in its first rail gives away what the section is actually for.
TYPENORMLabs · 5 min · August 31, 2026
Information Architecture
Webflow UX Teardown: $15, $25, $2,500, and a Footnote That Changes All Three
A UX teardown of Webflow's public pages: the homepage argues entirely in revenue, the product page won't let you self-serve, the marketplace shows no price at all. Then the pricing page hides its real variable in a two-word footnote.
TYPENORMLabs · 6 min · September 3, 2026