Information ArchitectureTYPENORMLabs6 minSeptember 3, 2026

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.

Open Webflow's pricing page and you get one continuous row of cards. Starter, free. Basic, $15 a month. Premium, $25 a month. Then, in the very next column, Team at $2,500 a month, annual contract required.

Adjacent cards. A hundredfold jump. The only thing marking the border is a small heading above the row and a slightly greyer card fill.

The gap itself is honest. Plenty of products have a self-serve tier and an enterprise tier with a chasm between them. What's harder to forgive is the line of grey type under the cards: All prices in USD, per site.

Per site. The $15 is the price of one site on Webflow. By the time the buyer reads that preposition, they have already anchored on the number.

The three pages a buyer actually reads

1 / 3

Platform — a product page whose only call to action is a sales conversation

Look at the hero and then look at the header, because they disagree. The header offers Log in, Contact Sales and a blue Start for free. The hero — eyebrow 'Platform', headline 'More than a website builder', one paragraph promising 'agentic visual development, content management, analytics, and optimization' — offers exactly one button, and it says Contact sales. The self-serve path exists on this page only in the persistent chrome above it. That is a deliberate read of who arrives here: someone comparing platforms on behalf of a team, not someone about to open the Designer. The structure underneath follows the same logic. A five-item nav sits directly under the hero — Site builder, Composable CMS, Optimization tools, Management at scale, Ecosystems and API — and each of those is not a section but a tab set. Site builder splits into Visual development and Custom code; the CMS into Visual content management and Headless APIs; optimization into four tabs, Analyze, Optimize, Localization, SEO; management into another four. Four of the five sections close on an ebook card. So the page is 8,562 pixels of nested disclosure, and the visitor who wants the whole story has to operate roughly fifteen tabs to see it. It reads less like a product page than like a platform's table of contents, which is the honest shape for what Webflow now is — and the reason the only button says Contact sales.

View full flow (3 screens)

The platform overview, the template marketplace, and pricing. That's the order an evaluator hits them: what is this, what can I start from, what does it cost.

A 404 that kept the old company

The route needed one correction. Webflow's /product URL now returns a 404, and the error page is a fossil. Its footer still lists Designer, CMS, Hosting, Editor, Interactions and "Webflow vs. WordPress" — the navigation of a company that sold a design tool. The live site retired every one of those labels. Nobody redeployed the 404.

One button, fifteen tabs

Platform — a product page whose only call to action is a sales conversation
Platform — a product page whose only call to action is a sales conversationLook at the hero and then look at the header, because they disagree. The header offers Log in, Contact Sales and a blue Start for free. The hero — eyebrow 'Platform', headline 'More than a website builder', one paragraph promising 'agentic visual development, content management, analytics, and optimization' — offers exactly one button, and it says Contact sales. The self-serve path exists on this page only in the persistent chrome above it. That is a deliberate read of who arrives here: someone comparing platforms on behalf of a team, not someone about to open the Designer. The structure underneath follows the same logic. A five-item nav sits directly under the hero — Site builder, Composable CMS, Optimization tools, Management at scale, Ecosystems and API — and each of those is not a section but a tab set. Site builder splits into Visual development and Custom code; the CMS into Visual content management and Headless APIs; optimization into four tabs, Analyze, Optimize, Localization, SEO; management into another four. Four of the five sections close on an ebook card. So the page is 8,562 pixels of nested disclosure, and the visitor who wants the whole story has to operate roughly fifteen tabs to see it. It reads less like a product page than like a platform's table of contents, which is the honest shape for what Webflow now is — and the reason the only button says Contact sales.

Read the hero against the header directly above it. They disagree.

The header offers three doors: Log in, Contact Sales, and a blue Start for free. The hero offers one, and it says Contact sales. On the page whose whole job is explaining the product, the self-serve path lives only in the persistent chrome. It never appears in the content.

That's a decision about who arrives here, and it's probably right. Nobody lands on /platform mid-task. They land there building a comparison for someone else.

What follows is shaped the same way. A five-item nav sits under the hero: Site builder, Composable CMS, Optimization tools, Management at scale, Ecosystems and API. Each of those is a tab set. Site builder splits into Visual development and Custom code. The CMS into Visual content management and Headless APIs. Optimization into four tabs. Management into four more. Four of the five sections close on an ebook card.

The page runs 8,562 pixels, and seeing all of it means operating roughly fifteen controls. That's a table of contents, which is a fair shape for what Webflow now is. It also explains the single button: nothing on this page can state the product's scope in one scroll.

The marketplace shows everything except the price

Templates — a different property, and nowhere on it does anything have a price
Templates — a different property, and nowhere on it does anything have a priceThe header changes and it changes completely: the wordmark drops to the bare W, the nav becomes Dashboard, Marketplace, Learn, Resources, and Log in and Contact Sales disappear, replaced by a single blue Get started — it's free. You have crossed from the platform's site into the marketplace's, and only the logo tells you it is still Webflow. The hero is centred where the platform page's was left-aligned, and it makes a different promise — 'Launch a high-performing site without starting from scratch' — with a search field immediately under it. Check the browser tab against that headline: it reads '7000+ Free & Premium HTML Website Templates'. The screen sells the outcome; the title tag counts the inventory. Below, six category cards — Portfolio & Agency, Technology, Blog & Editorial, Professional Services, Real Estate, Retail — each with a collage of thumbnails, then rails for Featured, New and Free, then a pitch to become a template creator, then five FAQ answers long enough to be a support article. The thing worth noticing is what is absent. There is no price anywhere on this page. Not a range, not a from-figure, not the free/paid split the FAQ later admits exists. The browse layer is priced nowhere, and the visitor learns what a template costs only after leaving it.

The header changes completely. The wordmark drops to the bare W, the nav becomes Dashboard, Marketplace, Learn, Resources, and Log in and Contact Sales vanish, replaced by one blue Get started — it's free. You have crossed into a different property. Only the logo tells you it's still the same company.

The hero recentres and makes a different promise: Launch a high-performing site without starting from scratch. Then check the browser tab: 7000+ Free & Premium HTML Website Templates. The screen sells an outcome, the title tag counts inventory. Both are reasonable, aimed at different readers. The tab is the one Google shows.

Now look for a price. Framer's marketplace puts the commerce state in the button verb, Remix for free and Buy for paid, so a visitor reads the whole grid's pricing by scanning one column. Webflow's browse layer has no equivalent. There is no price anywhere on this page: not on the category cards, not on the Featured, New or Free rails, not even a from-figure. Four screens down, the FAQ concedes that paid templates exist and carry "a separate one-time purchase fee that is independent from your Webflow hosting plan." That is the first mention of money.

"All prices in USD, per site"

Pricing — four numbers in a row, and the fourth is a hundred times the third
Pricing — four numbers in a row, and the fourth is a hundred times the thirdThe strongest frame in this flow, because everything the page struggles with is visible in one screen. 'Our pricing', a Monthly/Yearly toggle already switched to Yearly (Save up to 40%), and then two headings sitting side by side over one continuous row of cards: 'Site plans' — Starter at Free, Basic at $15/mo, Premium at $25/mo — and 'Platform plans', where the very next card in that row is Team at $2,500/mo, marked 'Annual contract required'. Adjacent columns, a hundredfold gap, and the only signal that you have crossed a boundary is a small heading above and a grey card fill. Then read the footnote under the cards: 'All prices in USD, per site.' The $15 is not the price of Webflow, it is the price of one site on Webflow, and that single preposition is doing more work than any card on the page. Premium hides a second variable — a dropdown running 50 GB to 2.5 TB of bandwidth — so its $25 is a floor, not a figure. Below the fold the page splits four more times: Optimize at $299/mo metered by page views, Analyze at $9/mo metered by sessions, Localize Essential at $9/mo and Localize Advanced at $29/mo metered by locales, each with its own select. Then separate sections for Ecommerce plans and Workspace plans. The FAQ that closes the page opens with the question the page has earned: 'What's the difference between a Workspace and a Site plan?'

Everything the page struggles with is visible in one screen: the Monthly/Yearly toggle already flipped to Yearly, Site plans over three cards, Platform plans over the fourth, and Free / $15 / $25 / $2,500 reading straight across.

Then the variables start.

Premium's $25 sits above a dropdown running 50 GB to 2.5 TB of bandwidth, so it prices the cheapest configuration rather than the plan. Below the fold, four add-ons arrive with meters of their own. Optimize at $299/mo by page views. Analyze at $9/mo by sessions. Localize Essential at $9/mo and Localize Advanced at $29/mo, both by locale count. Then a separate section for Ecommerce plans, and another for Workspace plans, a parallel subscription that never appears in the top row.

Try the sum for an ordinary case. A marketing team with three sites, two locales and basic analytics: three Premium site plans at $25 is $75, Localize Advanced is $29, Analyze at its smallest tier is $9. That comes to $113 a month, assuming all three sites fit the lowest bandwidth step, and it still omits the Workspace line, which this row never quotes. Six controls and a jump to a different section, to reach a figure the page could have printed.

The FAQ closing the page opens with exactly the question it has earned:

What's the difference between a Workspace and a Site plan?

When a pricing page's first FAQ is a request to define its own units, the units are the design problem. The numbers are fine. The tiering is defensible. What's missing is the sentence that lets a buyer add them up.

The homepage knows exactly who it's for

Homepage — the full scroll, hero to footer
Webflow — HomepageSix thousand pixels of customer proof and not one of the proofs is about design.

7,526 pixels, and the discipline that goes missing on pricing is completely intact here.

Every proof on this page is denominated in money or time. $200M in new pipeline. $6M in annual cost savings. A 67% drop in dev ticketing. 1,170% traffic growth. Thirty-two sites launched in ten days. Sixteen customer logos, four of them carrying a stat and a Read story link, then six full-bleed video cards, each a face and a figure.

There is no craft proof in that stack at all. No awards, no community, no gallery until you are 5,000 pixels down, where the sites-built-in-Webflow slider finally arrives carrying no number. For the company that spent a decade being the designer's tool, that is a complete inversion of who the front door is written for, executed without a trace of nostalgia.

Two details here are worth stealing and one is worth fixing.

The audience switcher is genuinely good. Instead of a persona tab row, Webflow sets a sentence, What marketing teams love about Webflow, with a dropdown embedded mid-sentence, and swaps the card marquee beneath it when you change the noun. It is segmentation disguised as prose. It keeps the page from opening on a wall of personas, and it forces the copy to read naturally in every state.

The Source section is the other. It takes more vertical space than anything else on the page and spends it on a dark product film: an agent session panel, jobs reading Update pricing FAQ for the Enterprise…, Localize the pricing page into German…, Draft a five-email onboarding nurture…, docked beside a real browser at localhost:3000. Every job on that list is a marketing chore. Same argument as the numbers, made in pictures.

The fix: directly under that film sit four supporting bullets, and the fourth repeats the third word for word. Customize workspaces for every team member, printed twice, with two different icons, on the busiest page the company owns.

What this means for your product

Pricing pages fail on arithmetic long before they fail on price.

The test is whether a buyer can produce one number for their own situation without opening a spreadsheet or a chat window. The three-site, two-locale sum above took six controls and a jump to a different section, and came out incomplete anyway.

Put the unit beside the number. $15/mo per site costs four words in the card and removes the largest misread on the page.

Calibrate every configurator. Bandwidth, page views, sessions, locales: each control should carry one line like a 20-page marketing site typically runs 50–100 GB. Buyers cannot estimate in a unit they have never measured, and the estimate they invent is always wrong in the direction that loses the sale.

Show one total. This is the fix that matters, and almost nobody ships it. A three-field estimator — sites, locales, add-ons — resolving to a monthly figure would answer the page's own opening FAQ better than the FAQ does, and it costs a form and a lookup table. Webflow already holds every input: the plan prices are static, the meters are enumerated in the selects, and the add-ons are independent. Nothing about the arithmetic is hard. The reason it doesn't exist is that no single team owns the sum, which is the same reason the units diverged in the first place.

Underneath all three sits the general rule. Webflow's homepage teaches an evaluator to think in revenue and headcount. Its pricing page bills in sites, workspaces, seats, gigabytes, sessions, page views and locales. Somewhere between those two pages, somebody has to publish the exchange rate.

Take it further

The lens behind this teardown — can a visitor tell what a control does and what it will cost them — is the UX Clarity framework, the same one we apply in a Full UX Audit. For how that scoring becomes a prioritized fix list, read what a real UX audit looks like.

Sources: NN/g — Match Between System and the Real World · NN/g — Recognition Rather Than Recall.

Can a buyer add up your pricing page without asking you? Apply for a Full UX Audit →

Free UX Snapshot for 50 Product Teams

Apply now and get a complimentary UX Snapshot — our rapid clarity audit delivered in 48 hours. Limited to the first 50 products.

Apply for Free UX Snapshot

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
Interaction Design
Web

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

Web
Media & Entertainment
Information Architecture

Visual Hierarchy

Washington Post UX Teardown: An Honest Offer, Parked on the Headline

A UX teardown of The Washington Post's signed-out reading flow: the subscription card publishes both prices and the renewal terms, then centres itself over three lines of the headline it's selling.

TYPENORMLabs · 5 min · September 9, 2026

Web
Media & Entertainment
Visual Hierarchy