Guides

The B2B SaaS Website Playbook: Page Map, Message Hierarchy and the 4-Week Build

The pages a B2B SaaS website needs, a four-layer message hierarchy (category, problem, outcome, proof) and a week-by-week plan for building the site in four weeks.

Summarize with AI
Octo Agency cover: The B2B SaaS Website Playbook, with a purple hexagon pattern

61% of B2B buyers would rather buy without a sales rep at all, and 69% say the information on a vendor's website does not match what its sellers tell them. Both figures come from a Gartner survey of 632 B2B buyers, published in June 2025. So a B2B SaaS website has to carry most of the sale alone, and say what the sales team says.

This guide covers which pages the site needs, the order in which every page makes its argument, and how to get to launch in four weeks. Conversion benchmarks are in our B2B SaaS Website Conversion Rate Statistics 2026 post; this one is about structure and process.

What a B2B SaaS website has to do before anyone talks to sales

Buyers arrive late, with a shortlist. 6sense's 2025 B2B Buyer Experience Report, based on nearly 4,000 buyers, puts the point of first contact at 61% of the way through the buying journey. Earlier editions put it at 69%. Buyers fill about four of five shortlist places on day one, and the eventual winner was on that day-one list 95% of the time. 6sense sells intent data, so this is a vendor source, but Gartner and Forrester point the same way.

They prefer to do it alone, up to a point. Gartner found buyers favour self-service for general information but want a seller to judge fit for their company. That is a useful division of labour: the site explains the category, the product and the price logic, and the demo call handles fit.

A committee reads the site, not a person. Forrester's State of Business Buying 2024 puts the average buying decision at 13 people, with most purchases involving two or more departments. Among the self-guided sources buyers used, generative AI ranked first, with internet searches and vendor websites close behind.

NN/g's distinction between users and choosers is the practical way to plan for this. Users care about specifications, daily experience and support; choosers care about cost, reliability, integration effort and return on investment.

The page map: twelve page types and the job of each

A B2B SaaS site needs the right page types more than many pages. This is the map we would start from for a sales-assisted product; a product-led company swaps the demo page for sign-up.

The B2B SaaS page map, by job and reader
Page typeIts jobMain readerAt launch?
HomepageState category and problem, route each readerEveryoneYes
Product overviewShow how the product works end to endUsersYes
Capability pages, 2 to 4One page per job the product doesUsersYes
Use case or role pagesRestate the problem in one team's wordsUsers and internal championsOne or two
Industry pagesShow fit for a regulated or specialised sectorChoosersOnly if sales sells by sector
IntegrationsWhat it connects to, and howTechnical evaluatorsYes
Security and trustCompliance, data handling, uptime, subprocessorsSecurity and procurementYes
PricingTiers, price logic or a typical-scenario priceChoosersYes
CustomersLogos, case studies, named quotesChoosersYes, logos at minimum
Comparison or alternativesAnswer "how is this different from X"Late-stage evaluatorsWithin the first quarter
Demo or contactBook the call and set expectations for itReady buyersYes
Resources and blogSearch traffic and early researchEarly researchersAfter launch

Source: our recommendation, drawing on NN/g's B2B guidance and HockeyStack's 2025 page data

Pricing goes in the main navigation. HockeyStack's December 2025 study of 31 million visitors to 80 B2B SaaS sites found pricing pages take 16.5% of site traffic, demo pages 0.91% and case study pages 0.76%. The report calls the classic homepage, product, case studies, pricing, demo path "broken". The page people go looking for should be one click from everywhere. Google's site-structure guidance, written for shops, notes that the links needed to reach a page, and the links pointing to it, signal how important it is.

Integrations and security get their own pages. NN/g lists integration, compatibility and compliance information as one of five ways B2B sites differ from consumer sites, and calls failing to find it a major pain point for business customers.

Segment navigation must be unambiguous. If the site splits by role, company size or sector, NN/g advises that each segment be clearly defined and mutually exclusive. There is more on how this applies to software companies on our B2B SaaS industry page.

Customer proof does two jobs. On sites without a published price, HockeyStack found visitors appear to use logos and case studies to estimate what the product costs. Visitors who read a case study before submitting a form were 18% more likely to become an opportunity. Launch with a logo row at least, and aim for one case study per main segment.

The message hierarchy: category, problem, outcome, proof

The page map decides where readers go; the message hierarchy decides what they find. We recommend four layers, in a fixed order, on every page that sells.

The four layers of a B2B SaaS message
LayerThe reader's questionWhere it livesThe test
CategoryWhat kind of thing is this?Homepage headline, title tags, first line of product pagesA stranger can name two competitors
ProblemIs this about my situation?Subhead and first sectionA prospect would say it in a meeting, unprompted
OutcomeWhat changes if we buy it?Product and capability pages, pricing tiersIt describes a result, not a feature
ProofWhy should I believe you?Beside each claim; customers and security pagesA named customer, a standard or a sourced number

Source: our recommended framework

Category first. April Dunford, the positioning consultant, describes a market category as a way of setting the context for a product. It sets off a set of assumptions in the buyer's mind about what the product does and whom it competes with, and it does not replace the pitch. So it comes first and stays short. "Contract management software for in-house legal teams" lets a reader fill in a dozen facts the page no longer has to state. A coined category forces the page to explain from zero.

The ten-second window. NN/g's write-up of a Microsoft Research study of 205,873 web pages found that users often leave within 10 to 20 seconds, that the first 10 seconds carry the highest probability of leaving, and that the curve flattens at around 30 seconds. NN/g's advice is to communicate the value proposition within 10 seconds. The data dates from 2010, so treat the seconds loosely: category and problem sit above the fold.

Problem in the buyer's words. The problem line works when a prospect could have said it on the discovery call. Call recordings and support tickets are the best source; the investor deck, which describes the market, is the worst.

Outcome before feature. The outcome layer says what is different after the purchase: fewer manual steps, a faster month-end close, an audit that passes. Each capability page should open with its outcome for the choosers, then give the specification for the users.

Proof next to the claim. A testimonial carousel at the foot of the homepage is proof in the wrong place. Put the customer logo beside the claim it supports, the compliance standard beside the data-handling sentence, and the integration list beside "works with your stack".

One document, shared with sales. Gartner's finding that 69% of buyers see inconsistencies between a vendor's website and its sellers is a process failure, not a copy failure. Write the four layers once, in a message document that sales signs off, and draw every page and every deck from it.

Pricing pages when the price depends on the deal

NN/g reported in 2013 that business customers name pricing as the information they most need online, and that test participants went to competitors' sites when a site hid it. When the price depends on seats, volume or configuration, its fix is prices for typical scenarios or a range, not a complex calculator, which its studies found error-prone.

For SaaS that gives three options: tiers with a "from" price and a custom enterprise tier; the price logic (per seat, per unit, platform fee) with one worked example; or, at minimum, what drives the price and what sales needs to quote it. HockeyStack's data shows the trade-off: hidden pricing collects more submissions, published pricing turns more of them into pipeline. Either way, the page exists, sits in the navigation and says something true.

The four-week build, week by week

We build B2B marketing sites on a four-week process that starts with a Strategy Week, in Webflow for the marketing site and in Next.js when the job is an application. That is our bias: four weeks assumes a Webflow build of roughly the page map above, and a site with application features inside it takes longer. We use this sequence on marketing-site projects, including USLege, a legal-tech redesign, and the order matters more than the week count.

The four-week B2B SaaS website build
WeekWhat gets decided or builtSign-off at the endWhat usually slips
1: Strategy WeekPage map, message document, URL and redirect map, analytics eventsPage map and message, signed by marketing and salesThe message, when sales is absent
2: DesignHomepage, one capability page, pricing, one case study; componentsFour layouts and the component setHomepage hero reviews
3: BuildAll templates, CMS collections, real contentStaging site with real contentCase studies, security details, integration lists
4: LaunchQA, redirects, tracking, performance, go liveLaunch checklistLegal review of the security page

Source: Octo Agency four-week marketing-site process; the detail within each week is our recommendation

Week 1, Strategy Week. Nothing is designed until the page map and message document exist. The week ends with two sign-offs: marketing on the page map, sales on the message. The second prevents the inconsistency Gartner measured. If the site replaces an existing one, the URL inventory and redirect map start here, not in launch week.

Week 2, design. Design four representative pages: the homepage, one capability page, pricing and a case study. Between them they contain nearly every component the site needs. The design choices themselves are the subject of our companion post, B2B Website Design in 2026: The 9 Decisions That Decide Whether It Books Demos.

Week 3, build. Templates and CMS collections go up on staging, and real content goes in. This is where four-week projects slip, and the cause is rarely the build: a case study waiting for customer approval, a security page waiting for the compliance lead, an integration list nobody owns. Ask for all three in week one.

Week 4, launch. QA, tracking and redirects. Google's site-move guidance asks for a mapping of every old URL to a new one, server-side permanent redirects (301 or 308) and redirects kept for at least a year. It warns of temporary ranking fluctuation, and that a medium-sized site can take a few weeks or more for new URLs to show. Our Website Redesign Statistics 2026 post has timelines for longer projects.

What this means for a SaaS team planning a new site

Settle the order before the look. Cut the twelve page types to what you can fill with real content in three weeks, write the four message layers in one document that sales signs, put pricing and security in the navigation, and plan for 13 readers rather than one. Start approvals in week one. Then design four pages, build the rest from their components, and keep the redirects for a year.

The result is a site that says what its sellers say, closing the gap 69% of Gartner's buyers reported. Our marketing websites service page explains how we scope a four-week build.

Frequently asked questions

What pages does a B2B SaaS website need?

At launch: a homepage, a product overview, two to four capability pages, integrations, security and trust, pricing, customers, and a demo or sign-up page. Use case, industry and comparison pages follow. HockeyStack's 2025 study of 80 B2B SaaS sites found pricing pages draw 16.5% of traffic, so pricing belongs in the main navigation even when the price depends on the deal.

What should a B2B SaaS homepage say first?

The category, then the problem. A short category line such as "contract management software for in-house legal teams" lets the reader place the product and its competitors at once. NN/g found users often leave pages within 10 to 20 seconds, with the first 10 seconds the riskiest, so the category and the problem should be readable above the fold, before any animation or scroll.

How long does it take to build a B2B SaaS website?

A marketing site of about a dozen page types can be built in four weeks in Webflow: a Strategy Week for the page map and message, a week of design, a week of build with real content, and a launch week. Application features, large migrations or many locales take longer. Content approvals, not the build, are the usual cause of delay.

Should a B2B SaaS website show pricing?

Show something. NN/g research found business buyers rank pricing as their most needed information and go to competitors when a site hides it. When the price depends on seats or volume, publish tiers with a "from" price, the price logic with one worked example, or at minimum what drives the price. HockeyStack's 2025 data found published pricing converted fewer visitors but turned more submissions into pipeline.

What is a message hierarchy for a SaaS website?

It is the fixed order in which a page makes its argument. We use four layers: category (what kind of product this is), problem (whose situation it addresses), outcome (what changes after buying) and proof (why to believe it). Writing them once and sharing them with sales matters: Gartner found 69% of B2B buyers see inconsistencies between a vendor's website and what its sellers say.

Sources

  1. The State of Pricing, Demo, and Case Study Pages HockeyStack, 2025
  2. Gartner Sales Survey Finds 61% of B2B Buyers Prefer a Rep-Free Buying Experience Gartner, 2025
  3. 2025 B2B Buyer Experience Report 6sense, 2025
  4. The State Of Business Buying: Companies Still Struggle To Meet Buyer Expectations Forrester, 2024
  5. B2B vs. B2C Websites: Key UX Differences Nielsen Norman Group, 2016
  6. How Long Do Users Stay on Web Pages? Nielsen Norman Group, 2011
  7. State the Price to Give B2B Sites a Competitive Advantage Nielsen Norman Group, 2013
  8. Show Prices for Common Scenarios Nielsen Norman Group, 2006
  9. Understanding the Job of a Market Category April Dunford, 2024
  10. Help Google understand your ecommerce website structure Google Search Central, 2025
  11. Site moves and migrations: How to move a site Google Search Central, 2026

Tags

  • B2B SaaS
  • Information architecture
  • Messaging
  • Process
Veljko Nikolic

Veljko Nikolic

Co-founder, Octo Agency

Veljko runs the build side of Octo Agency. He has shipped marketing sites for B2B teams in legal tech, health and manufacturing, and writes about what survives contact with a real review cycle.

Mihajlo Stojanovic

Reviewed by

Mihajlo Stojanovic

Co-founder, Octo Agency

Mihajlo runs the technical side of Octo Agency: Webflow builds, custom backends and the systems that keep a site editable after launch. He has shipped more than twenty Webflow sites a year as a white-label partner and writes about what survives contact with a real marketing team.