En B2B-forside betjener den bredeste målgruppe på dit site: førstegangsbesøgende fra søgning, prospects, der vender tilbage efter et salgsmøde, eksisterende kunder, der leder efter login, kandidater, analytikere, partnere. Den kan ikke lukke nogen af dem, så dens reelle opgave er hurtigt at fortælle hver enkelt, at de er det rigtige sted, og hvor de skal hen bagefter. Dette galleri ser på 11 aktuelle forsider fra kendte B2B-softwarevirksomheder og gennemgår, hvordan hver af dem håndterer den opgave.
Vi besøgte hver forside i oktober 2026 og beskriver kun det, der var på siden på det tidspunkt. Forsider ændres ofte, især teksten i heroen, så betragt detaljerne som et øjebliksbillede og mønstrene som læringen. Hvert eksempel linker til det live website.
Sådan læste vi hver forside
For hvert eksempel tjekkede vi fem ting i den rækkefølge, en besøgende oplever dem:
- Heroens overskrift og underoverskrift: siger den, hvad produktet er, og hvem det er til?
- Primær og sekundær CTA: Hvad beder de om, og passer de til forskellige købsfaser?
- Beviser: logoer, antal kunder, navngivne citater, anerkendelse fra analytikere, og hvor de står.
- Routing: hvordan siden sender forskellige roller, teams eller virksomhedsstørrelser til det rette indhold.
- Dybde under folden: produktafsnit, smagsprøver på priser, ressourcer.
Hvis du vil tilpasse disse mønstre pr. segment i stedet for at kopiere én version, viser vores guide til personalisering af B2B-forsider, hvilke af elementerne du skal ændre først.
1. HubSpot: to CTA'er til to slags købere
HubSpots forside åbner med en platformerklæring ("Build demand, win deals, and delight customers, all on one platform") og en underoverskrift om at samle marketing, salg og service omkring kundedata. To knapper står side om side: én til en demo af premium-softwaren og én til at starte med de gratis værktøjer. Parret gentages længere nede. Et kundeantal står lige efter heroen, derefter en sektion for hver produkthub. Længere nede har en case-karrusel faner for små, mellemstore og store virksomheder, og navigationen tilbyder veje efter teamstørrelse.
CTA-parret matcher præcis HubSpots to måder at vinde kunder på. En ejer af en lille virksomhed klarer sig selv, en marketingdirektør i en større virksomhed booker en demo, og ingen af dem skal lede.
Det ville vi teste: Sektionen, der gennemgår hub for hub, er lang. Vi ville teste en kort vælger med »hvilket team er du på?« over den, der springer til den relevante hub.
2. Stripe: Vis produktet i aktion
Stripes forside åbner med "Financial infrastructure to grow your revenue" og en underoverskrift, der spænder fra en startups første transaktion til en stor virksomheds milliardte. En tæller med "Global GDP running on Stripe" står i hero-sektionen, og siden bruger produktgrafik, herunder en mock-up af et checkout-skærmbillede, frem for abstrakte illustrationer. CTA'erne er "Get started" og "Sign up with Google"; "Contact sales" ligger i headeren og i en sektion nær bunden.
Styrken her er at vise frem i stedet for at fortælle: i stedet for at beskrive betalinger viser siden, hvordan et Stripe-checkout ser ud. En udvikler eller produktchef kan forestille sig det i deres eget produkt uden at læse en funktionsliste.
Hvad vi ville teste: Heroen tilbyder to selvbetjeningsknapper og ingen vej til salg. Vi ville teste at erstatte Google-tilmeldingen med et "Tal med salg"-link for besøgende, der er identificeret som store virksomheder.
3. Slack: planvælger ved siden af Kom i gang
Overskriften på Slacks forside er "All your people and AI agents working together", efterfulgt af en underoverskrift på to linjer: "Slack connects your team. Slackbot multiplies what they can do." CTA'erne er "Get started" og "Find your plan". Nedenunder er produkteksempler i faner (spørg Slackbot, planlæg lanceringer, kør projekter, chat med kunder, automatisér opgaver), et "What's new"-feed og sektioner grupperet under viden, mennesker, proces og platform.
"Find din plan" er en smart sekundær CTA for et så velkendt produkt. En besøgende, der allerede bruger Slack på arbejdet, skal måske kun beslutte, hvilken plan der skal købes, og dette sender dem direkte derhen i stedet for gennem en salgstale, de ikke har brug for.
Hvad vi ville teste: Blokken "What's new" står højt på siden. Den tjener eksisterende brugere godt, men for nye erhvervsbesøgende ville vi teste at udskifte den med en kundehistorie fra deres branche.
4. Notion: Use cases som links, dokumentation fra navngivne ledere
Notions forside åbner med "Where teams and agents think together" (verbet er stylet separat og kan skifte) og to CTA'er: "Get Notion free" og "Request a demo." Derefter følger tre korte blokke: indsaml viden, find svar og automatisér rutineopgaver. En liste med konkrete use cases følger som links ("Triage product feedback," "Resolve support tickets in Slack," "Automate weekly reporting"). Bevissektionen bruger citater fra navngivne ledere i virksomheder som Cursor, Faire og Ramp med deres titler plus en række påstande om udbredelse som en G2-placering og brug blandt Fortune 100.
Det, vi godt kan lide: linkene til use cases er skrevet som opgaver, ikke funktioner. En supportleder klikker på »Løs supporttickets i Slack«, fordi det beskriver deres uge.
Hvad vi ville teste: linkene til use cases er de samme for alle besøgende. Det er en naturlig plads at personalisere efter branche eller afdeling, når du ved, hvem der besøger sitet.
5. Linear: Produktet er helten
Overskriften på Linears forside er "The product development system for teams and agents" med underoverskriften "Purpose-built for planning and building products. Designed for the AI era." Hero-visualet er en gengivelse af produktet: et issue oprettet fra Slack, mærket af AI, samlet op af en agent og flyttet til In Progress, med et udkast til pull request, der venter på review. Siden gennemgår derefter arbejdsgangen i faser: intake og integrationer, planlægning og overvågning, AI og automatiseringer, build og review, efterfulgt af et smugkig på changelog, kundecitater og en afsluttende tilmeldingssektion.
For et teknisk publikum er et realistisk produktbillede mere overbevisende end nogen påstand. Gennemgangen er ordnet som køberens egen proces, fra modtagelse til afsendelse.
Hvad vi ville teste: Der er ikke meget til en ikke-teknisk godkender som en COO eller økonomichef. En kort sektion om sikkerhed, administration og prismodel ville hjælpe den anden person i købsgruppen.
6. Gong: skiftende resultatord, derefter et navngivet kunderesultat
Heroen på Gongs forside kombinerer en kategoripåstand ("#1 AI OS for Revenue Teams") med en roterende linje: "Revenue AI built to" efterfulgt af resultater som at lukke handler hurtigere, forudsige pipelinerisiko, automatisere overleveringer og forudsige churn. CTA'erne er "Book a demo" og "See Gong in action." Et kundeantal står lige under, derefter en navngiven kundehistorie med produktivitetstal og et citat fra kundens enablement-ansvarlige. Længere nede dækker sektionerne platformen, en væg af navngivne kundecitater, vurderinger fra anmeldelsessites og anerkendelse fra analytikere.
De roterende resultater lader én hero tale til salgsledere, RevOps og customer success uden tre separate sider. Det navngivne kunderesultat kommer inden for ét scroll, så påstanden er underbygget, før den besøgende når at spørge.
Hvad vi ville teste: roterende tekst kan blive overset eller læst midt i et skift. Vi ville i stedet teste en statisk overskrift for hvert segment, valgt ud fra den besøgendes rolle eller virksomhedstype.
7. Atlassian: ét produkt i heroen, samlinger nedenunder
Heroen på Atlassians forside var en roterende karrusel, da vi besøgte den. Produktslidet lyder »Unleash your teams and their agents« og fokuserer på et enkelt produkt med »Get started with Jira« og »Contact us«; andre slides promoverede virksomhedens Team Europe-event med »Watch now«-knapper. Længere nede præsenterer siden samlinger af apps grupperet efter opgave: teamwork, strategi, service, software og produkt. Navigationen tilbyder veje efter use case, team, virksomhedsstørrelse og branche.
En virksomhed med mange produkter bør vælge ét indgangspunkt til heroen i stedet for at liste dem alle, og det gør Atlassian på sit produktslide. Sektionen med samlinger fanger derefter besøgende, der kom efter noget andet.
Hvad vi ville teste: Besøgende fra IT-serviceteams vil måske ikke have Jira i hero-sektionen, og en førstegangsbesøgende kan lande på et event-slide, der intet siger om produkterne. Vi ville teste en fast produkt-hero, hvor produktet vælges ud fra henvisningskilde eller branche, med Jira som standard.
8. Intercom: tilmelding i heroen, priser på forsiden
Intercoms forside åbner med »A complete system for AI and human customer service«, en linje om antallet af femstjernede anmeldelser og et e-mailfelt med en startknap direkte i hero-sektionen. Siden forklarer derefter de to produkter, helpdesken og AI-agenten Fin, viser en sektion med »Works with the tools you already use« og har en sektion med »Transparent pricing« direkte på forsiden.
En prissektion på forsiden besvarer det spørgsmål, mange B2B-besøgende kommer med, og signalerer, at leverandøren er tryg ved at blive sammenlignet. Hver produktsektion har også et "Se demo"-link, så den besøgende kan se produktet, før de afgiver en e-mailadresse.
Hvad vi ville teste: et e-mailfelt i hero-sektionen passer til små teams. For enterprise-besøgende ville vi teste at erstatte det med en demo-CTA.
9. monday.com: afdelingsfaner over folden
Overskriften på monday.coms forside er "People and agents working as one team" med underoverskriften "The AI workspace where people and agents drive business results together." Lige nedenunder er en række afdelinger (marketing, drift, produkt, salg, PMO) og en "Get Started"-knap. Derefter følger en linje om udbredelse blandt Fortune 500-virksomheder. Siden viser så use cases for agenter med de samme afdelingsfaner, så indholdet skifter, når den besøgende vælger sit team.
Afdelingsrækken beder den besøgende om at identificere sig selv i hero-sektionen, og de følgende sektioner svarer på det valg. Det er en manuel version af det, segmentering af besøgende gør automatisk.
Hvad vi ville teste: at forvælge afdelingsfanen ud fra kendte data om den besøgende, så et marketingteam lander på marketingeksempler uden et klik.
10. Snowflake: Et eventbanner og begge veje i navigationen
Snowflakes forside har et banner øverst for et kommende gratis virtuelt event. Navigationen indeholder både »Contact sales« og en startknap til selvbetjening med en sprogvælger ved siden af. Hero-sektionen promoverer nye AI-produkter, derefter kommer en platformsektion med links til »Why Snowflake« og »View pricing« efterfulgt af kundehistorier og partnerøkosystemet.
Når både salgs- og self-service-vejen ligger i den faste navigation, er de tilgængelige uanset scrollposition, ikke kun i hero-sektionen.
Hvad vi ville teste: Heroen promoverer produktlanceringer, hvilket tjener eksisterende kunder og analytikere. Nye besøgende har måske brug for en mere ligefrem forklaring af, hvad Snowflake er. Vi ville teste en opdeling efter nye vs. tilbagevendende besøgende.
11. Zendesk: e-mailfelt med samtykketekst i heroen
Overskriften på Zendesks forside er "AI-powered customer service platform" med en underoverskrift bygget op om en påstand om automatisering for deres AI-agenter. Et felt til arbejdsmail og en startknap sidder i heroen med en opt-in-linje til markedsføringskommunikation og et link til privatlivserklæringen lige under dem. Derefter følger en række brugstal og så sektioner om selvstændige AI-agenter, en analytikerrapport, "Built for businesses of all sizes" med kundehistorier, integrationer, ressourcer og en prissektion.
Tilmeldingslinjen ved siden af e-mailfeltet er ærlig om, hvad der sker med adressen, hvilket betyder noget for købere på markeder med strenge samtykkeregler som EU. Prissektionen nær bunden fanger besøgende, der har scrollet hele siden igennem på jagt efter prisen.
Hvad vi ville teste: Hero-påstanden er et stort "op til"-tal for automatisering. Supportledere kender deres egen sagsfordeling, så vi ville teste at tilføje en kort præcisering af, hvilke typer interaktioner det gælder, og se, om demo- og tilmeldingsklik fra større teams ændrer sig.
Mønstre på tværs af disse eksempler på B2B-websites
- To CTA'er til to købsforløb. HubSpot, Notion og Atlassian parrer en selvbetjeningshandling med en salgshandling, og Gong parrer en demo med en produktrundvisning. Parret er forsidens svar på routing.
- Selvidentifikation tæt på toppen: monday.com's afdelingsfaner, Notions links til use cases og Atlassians collections spørger alle tidligt den besøgende: "Hvem af dem er du?"
- Bevis inden for ét scroll. Kundetal, navngivne resultater og logoer vises direkte efter heroen i de fleste eksempler.
- Stripe og Linear viser produktet i stedet for at beskrive det, med realistiske produktvisninger øverst.
- Priserne er ikke skjult. Intercom og Zendesk har prissektioner på forsiden; Slack og Snowflake linker til priser fra hero-sektionen eller navigationen.
- Én side til alle. Bortset fra manuelle faner tilpasser ingen af disse forsider sig synligt til den besøgende virksomhed. Hero, dokumentation og CTA er de samme for en startup og en enterprise.
Det sidste punkt er muligheden. De elementer, disse virksomheder får besøgende til at vælge manuelt (afdeling, produkt, virksomhedsstørrelse), er præcis dem, du kan forvælge, når du ved, hvem der besøger. Vores indlæg om landingsside vs. forside forklarer, hvilken trafik der overhovedet bør lande på forsiden, og B2B-webdesign til købsgrupper gennemgår sidestrukturen bag disse valg.
Tjekliste til forsiden på B2B-websites
- Overskriften nævner kategorien eller opgaven, ikke kun et slogan.
- Underoverskriften siger, hvem produktet er til.
- Primære og sekundære CTA'er matcher dine to vigtigste købsveje (selvbetjening og salg eller demo og ressource).
- Beviserne vises inden for én scroll og matcher målgruppen (logoer fra lignende virksomheder, et navngivet resultat).
- Der er en synlig måde at identificere sig selv på efter rolle, team, branche eller virksomhedsstørrelse.
- Produktet vises i en realistisk tilstand, ikke kun som abstrakt illustration.
- Priser er linket fra heroen eller navigationen.
- Indhold om sikkerhed, integrationer og administration er ét klik væk for den anden person i købsgruppen.
- Tilbagevendende kunder kan finde login og support uden at scrolle.
- Hver sektion har en grund til at være der for en førstegangsbesøgende – ellers rykker den længere ned.
For andre sidetyper kan du se vores tilhørende gallerier med eksempler på SaaS-prissider og eksempler på sider til demoanmodninger samt eksempler på B2B-landingssider opdelt efter sidetype. Hvis du vil se en forside tilpasse sig hver besøgende virksomhed, viser vores side med use cases, hvordan det fungerer med Markettailor.
Ofte stillede spørgsmål
Hvad skal en B2B-forside indeholde?
En overskrift, der nævner kategorien eller opgaven, en underoverskrift, der siger, hvem det er til, to CTA'er, der matcher dine købsveje, dokumentation inden for én scroll, en måde for besøgende at identificere sig selv efter rolle eller virksomhedstype, en realistisk produktvisning og links til priser, sikkerhed og integrationer. Eksemplerne ovenfor viser hver af disse i praksis.
Hvordan adskiller en B2B-forside sig fra en B2C-forside?
En B2B-forside taler til flere personer i en købskomité og til købere i forskellige faser, så den viser vej mere, end den sælger. Den tilbyder som regel en salgsvej ved siden af selvbetjening, har beviser rettet mod virksomheder frem for enkeltpersoner og linker til det indhold, tekniske og økonomiske godkendere har brug for.
Skal en B2B-forside have én eller to CTA'er?
To, i de fleste tilfælde. Én til besøgende, der er klar til at handle på egen hånd (tilmeld dig, kom i gang, se priser), og én til besøgende, der har brug for en samtale (book en demo, kontakt salg). HubSpot, Notion og Atlassian bruger alle et par med selvbetjening plus salg. En enkelt CTA virker kun, når du har én måde at købe på.
Hvad er gode eksempler på B2B-websites?
HubSpot, Stripe, Slack, Notion, Linear, Gong, Atlassian, Intercom, monday.com, Snowflake og Zendesk er nyttige eksempler, fordi hver af dem løser et specifikt problem godt: dobbelte købsveje, at vise produktet, selvidentifikation, placering af beviser eller gennemsigtige priser. Studér beslutningen bag hver side i stedet for at kopiere udseendet.
Hvor ofte skal du ændre din forside?
Skift hero og bevis, når din positionering eller din primære målgruppe ændrer sig, og test mindre ændringer løbende. Store redesigns uden en hypotese gør det svært at lære, hvad der virkede. Mål forsiden på klik videre til de vigtigste stier (priser, demo, produktsider), ikke kun på formularudfyldelser.