Een B2B-homepage bedient het breedste publiek van je site: eerste bezoekers vanuit zoekmachines, prospects die terugkomen na een salesgesprek, bestaande klanten die de login zoeken, sollicitanten, analisten, partners. Hij kan geen van hen over de streep trekken, dus zijn echte taak is om ieder van hen snel te laten weten dat ze op de juiste plek zijn en waar ze daarna heen moeten. Deze galerij bekijkt 11 live homepages van bekende B2B-softwarebedrijven en ontleedt hoe elk van hen die taak aanpakt.
We hebben elke homepage in oktober 2026 bezocht en beschrijven alleen wat er toen op de pagina stond. Homepages veranderen vaak, vooral de hero-tekst, dus zie de details als momentopname en de patronen als de les. Elk voorbeeld linkt naar de live site.
Hoe we elke homepage hebben bekeken
Bij elk voorbeeld controleerden we vijf dingen, in de volgorde waarin een bezoeker ze ervaart:
- Hero-kop en subkop: zeggen ze wat het product is en voor wie het is?
- Primaire en secundaire CTA: waar vragen ze om, en passen ze bij verschillende fases van de koper?
- Bewijs: logo's, aantallen klanten, quotes met naam, erkenning door analisten, en waar die staan.
- Routering: hoe de pagina verschillende rollen, teams of bedrijfsgroottes naar de juiste content leidt.
- Diepte onder de vouw: productsecties, prijsteasers, resources.
Wil je deze patronen per segment aanpassen in plaats van één versie te kopiëren, dan behandelt onze gids over homepagepersonalisatie voor B2B welke van deze elementen je als eerste aanpast.
1. HubSpot: twee CTA's voor twee soorten kopers
De HubSpot-homepage opent met een platformstatement ("Build demand, win deals, and delight customers, all on one platform") en een subkop over het afstemmen van marketing, sales en service rond klantdata. Twee knoppen staan naast elkaar: een voor een demo van de premiumsoftware en een om te beginnen met de gratis tools. Het paar keert verderop terug. Direct na de hero staat een klantenaantal, gevolgd door een sectie per producthub. Verderop heeft een carrousel met casestudy's tabbladen voor kleine, middelgrote en enterprisebedrijven, en de navigatie biedt routes per teamgrootte.
Het CTA-paar sluit precies aan op de twee acquisitiemodellen van HubSpot. Een kleine ondernemer regelt het zelf, een marketingdirecteur bij een groter bedrijf boekt een demo, en geen van beiden hoeft te zoeken.
Wat wij zouden testen: de sectie per hub is lang. Wij zouden er een korte keuzehulp "in welk team zit je" boven testen die naar de relevante hub springt.
2. Stripe: laat het product in actie zien
De homepage van Stripe opent met "Financial infrastructure to grow your revenue" en een subkop die loopt van de eerste transactie van een startup tot de miljardste van een groot bedrijf. In de hero staat een teller "Global GDP running on Stripe", en de pagina gebruikt productgraphics, waaronder een nagebootst afrekenscherm, in plaats van abstracte illustraties. De CTA's zijn "Get started" en "Sign up with Google"; "Contact sales" staat in de header en in een sectie onderaan.
De kracht zit hier in laten zien in plaats van vertellen: in plaats van betalingen te beschrijven, toont de pagina hoe een Stripe-checkout eruitziet. Een developer of productmanager kan het zich in zijn eigen product voorstellen zonder een lijst met functies te lezen.
Wat wij zouden testen: de hero biedt twee selfserviceknoppen en geen pad naar sales. Wij zouden testen of we de Google-aanmelding kunnen vervangen door een link "Praat met sales" voor bezoekers die als groot bedrijf zijn geïdentificeerd.
3. Slack: abonnementzoeker naast Aan de slag
De kop van de homepage van Slack is "All your people and AI agents working together," gevolgd door een subkop van twee regels: "Slack connects your team. Slackbot multiplies what they can do." De CTA's zijn "Get started" en "Find your plan." Daaronder staan productvoorbeelden in tabbladen (Slackbot iets vragen, lanceringen plannen, projecten uitvoeren, chatten met klanten, taken automatiseren), een feed "What's new" en secties gegroepeerd onder kennis, mensen, processen en platform.
"Find your plan" is een slimme secundaire CTA voor een product dat zo bekend is. Een bezoeker die Slack al op het werk gebruikt, hoeft misschien alleen te kiezen welk abonnement hij neemt, en dit stuurt hem daar direct naartoe in plaats van door een verkooppraatje dat hij niet nodig heeft.
Wat we zouden testen: het blok "What's new" staat hoog op de pagina. Dat werkt goed voor bestaande gebruikers, maar voor nieuwe zakelijke bezoekers zouden we testen of een klantverhaal uit hun branche beter werkt.
4. Notion: use cases als links, bewijs van leiders bij naam
De homepage van Notion opent met "Where teams and agents think together" (het werkwoord is apart opgemaakt en kan wisselen) en twee CTA's: "Get Notion free" en "Request a demo". Daarna volgen drie korte blokken: kennis vastleggen, antwoorden vinden en saai werk automatiseren. Vervolgens komt een lijst concrete use cases als links ("Triage product feedback", "Resolve support tickets in Slack", "Automate weekly reporting"). Het bewijsblok gebruikt quotes van leidinggevenden met naam en functie bij bedrijven als Cursor, Faire en Ramp, plus een rij adoptieclaims zoals een G2-ranking en gebruik door Fortune 100-bedrijven.
Wat we goed vinden: de links naar use cases zijn geschreven als taken, niet als functies. Een supportleider klikt op "Resolve support tickets in Slack" omdat het zijn week beschrijft.
Wat we zouden testen: de links naar use cases zijn voor alle bezoekers generiek. Dit is een logische plek om per branche of afdeling te personaliseren zodra je weet wie er langskomt.
5. Linear: het product is de held
De kop van de homepage van Linear is "The product development system for teams and agents," met de subkop "Purpose-built for planning and building products. Designed for the AI era." De hero-visual is een weergave van het product: een issue aangemaakt vanuit Slack, gelabeld door AI, opgepakt door een agent en verplaatst naar In Progress, met een concept-pull request dat wacht op review. Daarna loopt de pagina de workflow in fasen door: intake en integraties, plannen en monitoren, AI en automatiseringen, bouwen en reviewen, gevolgd door een preview van de changelog, klantcitaten en een afsluitende aanmeldsectie.
Voor een technisch publiek overtuigt een realistisch beeld van het product meer dan welke claim ook. De walkthrough volgt de volgorde van het eigen proces van de koper, van intake tot verzending.
Wat wij zouden testen: er is weinig voor een niet-technische goedkeurder zoals een COO of financieel manager. Een korte sectie over beveiliging, beheer en prijsmodel zou de tweede persoon in de buying committee helpen.
6. Gong: wisselende resultaatwoorden, daarna een klantresultaat met naam
De hero van de Gong-homepage combineert een categorieclaim ("#1 AI OS for Revenue Teams") met een wisselende regel: "Revenue AI built to" gevolgd door resultaten als deals sneller sluiten, pipelinerisico voorspellen, overdrachten automatiseren en churn voorspellen. De CTA's zijn "Book a demo" en "See Gong in action". Direct daaronder staat een klantenaantal, gevolgd door een klantverhaal met naam, productiviteitscijfers en een quote van de enablement lead van die klant. Lagere secties behandelen het platform, een muur met quotes van klanten met naam, beoordelingen op reviewsites en erkenning door analisten.
Door de roterende resultaten spreekt één hero salesleiders, RevOps en customer success aan zonder drie aparte pagina's. Het resultaat van een genoemde klant verschijnt binnen één keer scrollen, dus de claim is onderbouwd voordat de bezoeker erom hoeft te vragen.
Wat wij zouden testen: roterende tekst kan worden gemist of halverwege een wissel worden gelezen. Wij zouden in plaats daarvan per segment een statische kop testen, gekozen op basis van de rol of het bedrijfstype van de bezoeker.
7. Atlassian: één product in de hero, collecties eronder
De hero van de homepage van Atlassian was een draaiende carrousel toen we langskwamen. De productslide luidt "Unleash your teams and their agents" en richt zich op één product, met "Get started with Jira" en "Contact us"; andere slides promootten het evenement Team Europe met knoppen "Watch now". Daaronder introduceert de pagina verzamelingen van apps, gegroepeerd per taak: teamwork, strategie, service, software en product. De navigatie biedt routes per use case, team, bedrijfsgrootte en branche.
Een bedrijf met veel producten moet één instappunt voor de hero kiezen in plaats van ze allemaal op te sommen, en Atlassian doet dat op zijn productslide. De sectie met collecties vangt daarna bezoekers op die voor iets anders kwamen.
Wat we zouden testen: bezoekers uit IT-serviceteams willen misschien geen Jira in de hero, en een nieuwe bezoeker kan landen op een eventslide die niets over de producten zegt. We zouden een vaste producthero testen, met het product gekozen op basis van verwijzer of branche en Jira als standaard.
8. Intercom: aanmelden in de hero, prijzen op de homepage
De homepage van Intercom opent met "A complete system for AI and human customer service", een regel over het aantal vijfsterrenreviews en een e-mailveld met een startknop direct in de hero. Daarna legt de pagina de twee producten uit, de helpdesk en de AI-agent Fin, toont een sectie "Works with the tools you already use" en bevat een sectie "Transparent pricing" op de homepage zelf.
Een prijssectie op de homepage beantwoordt de vraag waarmee veel B2B-bezoekers binnenkomen, en laat zien dat de leverancier zich niet zorgen maakt over vergelijkingen. Elke productsectie heeft ook een link "View demo", zodat de bezoeker het product kan zien voordat hij een e-mailadres achterlaat.
Wat wij zouden testen: een e-mailveld in de hero past bij kleine teams. Voor enterprise-bezoekers zouden we testen of we het vervangen door een demo-CTA.
9. monday.com: afdelingstabbladen boven de vouw
De kop van de homepage van monday.com is "People and agents working as one team", met de subkop "The AI workspace where people and agents drive business results together." Direct daaronder staat een rij afdelingen (marketing, operations, product, sales, PMO) en een knop "Get Started". Daarna volgt een regel over gebruik door Fortune 500-bedrijven. De pagina toont vervolgens use cases voor agents met dezelfde afdelingstabbladen, zodat de content verandert als de bezoeker zijn team kiest.
De rij met afdelingen vraagt de bezoeker zich in de hero bekend te maken, en de secties daarna spelen in op die keuze. Dit is een handmatige versie van wat bezoekerssegmentatie automatisch doet.
Wat wij zouden testen: het afdelingstabblad vooraf selecteren op basis van bekende bezoekersdata, zodat een marketingteam zonder klik op marketingvoorbeelden uitkomt.
10. Snowflake: een eventbanner en beide paden in de navigatie
De homepage van Snowflake heeft bovenaan een banner voor een komend gratis virtueel event. De navigatie bevat zowel "Contact sales" als een startknop voor selfservice, met een taalkeuzemenu ernaast. De hero promoot nieuwe AI-producten, gevolgd door een platformsectie met links naar "Why Snowflake" en "View pricing", en daarna klantverhalen en het partnerecosysteem.
Door zowel het salespad als het self-servicepad in de vaste navigatie te houden, zijn ze op elke scrollpositie beschikbaar, niet alleen in de hero.
Wat wij zouden testen: de hero promoot productlanceringen, wat bestaande klanten en analisten bedient. Nieuwe bezoekers hebben misschien een eenvoudigere uitleg nodig van wat Snowflake is. Wij zouden een splitsing testen tussen nieuwe en terugkerende bezoekers.
11. Zendesk: e-mailveld met toestemmingstekst in de hero
De kop van de homepage van Zendesk is "AI-powered customer service platform," met een subkop rond een automatiseringsclaim voor de AI-agents. Een veld voor een zakelijk e-mailadres en een startknop staan in de hero, met direct daaronder een opt-inregel voor marketingcommunicatie en een link naar de privacyverklaring. Daarna volgt een rij met gebruikscijfers, en vervolgens secties over losse AI-agents, een analistenrapport, "Built for businesses of all sizes" met klantverhalen, integraties, resources en een prijssectie.
De opt-inregel naast het e-mailveld is eerlijk over wat er met het adres gebeurt, en dat is belangrijk voor kopers in markten met strenge toestemmingsregels zoals de EU. De prijssectie onderaan vangt bezoekers op die de hele pagina hebben gescrold op zoek naar de kosten.
Wat we zouden testen: de claim in de hero is een groot automatiseringscijfer met "tot". Supportmanagers kennen hun eigen ticketmix, dus we zouden testen of een korte toevoeging over welke soorten interacties het gaat helpt, en kijken of klikken op demo en aanmelding van grotere teams veranderen.
Patronen in deze voorbeelden van B2B-websites
- Twee CTA's voor twee manieren van kopen. HubSpot, Notion en Atlassian combineren een self-service-actie met een salesactie, en Gong combineert een demo met een productrondleiding. Het paar is de homepage-tegenhanger van routering.
- Zelfidentificatie bovenaan: de afdelingstabbladen van monday.com, de use-caselinks van Notion en de collecties van Atlassian vragen de bezoeker allemaal vroeg "wie ben jij".
- Bewijs binnen één keer scrollen. Aantallen klanten, resultaten met naam en logo's staan in de meeste voorbeelden direct na de hero.
- Stripe en Linear laten het product zien in plaats van het te beschrijven, met realistische productweergaven bovenaan.
- Prijzen worden niet verstopt. Intercom en Zendesk hebben prijssecties op de homepage; Slack en Snowflake linken vanuit de hero of navigatie naar hun prijzen.
- Eén pagina voor iedereen. Afgezien van handmatige tabbladen past geen van deze homepages zich zichtbaar aan het bezoekende bedrijf aan. De hero, het bewijs en de CTA zijn hetzelfde voor een startup en een enterprise.
Dat laatste punt is de kans. De elementen die bezoekers bij deze bedrijven met de hand moeten kiezen (afdeling, product, bedrijfsgrootte) zijn precies de elementen die je vooraf kunt selecteren als je weet wie er langskomt. Ons artikel over landingspagina vs homepage legt uit welk verkeer überhaupt op de homepage hoort te landen, en B2B-websitedesign voor buying committees behandelt de paginastructuur achter deze keuzes.
Homepagechecklist voor B2B-websites
- De kop noemt de categorie of de taak, niet alleen een slogan.
- De subkop zegt voor wie het product is.
- Primaire en secundaire CTA's passen bij je twee belangrijkste kooproutes (selfservice en sales, of demo en content).
- Bewijs verschijnt binnen één keer scrollen en past bij de doelgroep (logo's van vergelijkbare bedrijven, een resultaat met naam).
- Er is een zichtbare manier om je zelf te identificeren op rol, team, branche of bedrijfsgrootte.
- Het product wordt in een realistische staat getoond, niet alleen als abstracte illustratie.
- Vanuit de hero of navigatie wordt naar de prijzen gelinkt.
- Content over security, integraties en beheer staat voor de tweede persoon in het buying committee op één klik afstand.
- Terugkerende klanten vinden login en support zonder te scrollen.
- Elke sectie heeft een bestaansreden voor een nieuwe bezoeker, anders schuift hij naar beneden.
Voor andere paginatypen, zie onze bijbehorende galerijen met voorbeelden van SaaS-prijspagina's en voorbeelden van demo-aanvraagpagina's, plus voorbeelden van B2B-landingspagina's per paginatype. Wil je zien hoe een homepage zich per bezoekend bedrijf aanpast, dan laat onze pagina met use cases zien hoe dat werkt met Markettailor.
Veelgestelde vragen
Wat hoort er op een B2B-homepage?
Een kop die de categorie of de taak noemt, een subkop die zegt voor wie het is, twee CTA's die bij je kooproutes passen, bewijs binnen één keer scrollen, een manier voor bezoekers om zich op rol of bedrijfstype te identificeren, een realistische productweergave en links naar prijzen, beveiliging en integraties. De voorbeelden hierboven laten elk van deze in de praktijk zien.
Hoe verschilt een B2B-homepage van een B2C-homepage?
Een B2B-homepage spreekt meerdere mensen in een inkoopteam aan en kopers in verschillende fasen, dus hij wijst meer de weg dan dat hij verkoopt. Meestal biedt hij een salesroute naast selfservice, bevat hij bewijs gericht op bedrijven in plaats van individuen en linkt hij naar content die technische en financiële beslissers nodig hebben.
Moet een B2B-homepage één CTA hebben of twee?
In de meeste gevallen twee. Eén voor bezoekers die klaar zijn om zelf aan de slag te gaan (aanmelden, beginnen, prijzen bekijken) en één voor bezoekers die een gesprek nodig hebben (een demo plannen, contact opnemen met sales). HubSpot, Notion en Atlassian gebruiken allemaal een combinatie van self-service en sales. Eén CTA werkt alleen als je één koopmodel hebt.
Wat zijn goede voorbeelden van B2B-websites?
HubSpot, Stripe, Slack, Notion, Linear, Gong, Atlassian, Intercom, monday.com, Snowflake en Zendesk zijn nuttige voorbeelden, omdat elk een specifiek probleem goed oplost: twee aankoopwegen, het product laten zien, zelfidentificatie, plaatsing van bewijs of transparante prijzen. Bestudeer de beslissing achter elke pagina in plaats van de look te kopiëren.
Hoe vaak moet je je homepage veranderen?
Verander de hero en het bewijs als je positionering of je belangrijkste doelgroep verandert, en test kleinere wijzigingen doorlopend. Grote redesigns zonder hypothese maken het moeilijk om te leren wat werkte. Meet de homepage op klikken naar belangrijke routes (prijzen, demo, productpagina's), niet alleen op formulierinzendingen.