Eine B2B-Homepage bedient das breiteste Publikum Ihrer Website: Erstbesucher aus der Suche, Interessenten nach einem Vertriebsgespräch, Bestandskunden auf der Suche nach dem Login, Bewerber, Analysten, Partner. Abschließen kann sie bei keinem von ihnen. Ihre eigentliche Aufgabe ist es, jedem schnell zu zeigen, dass er richtig ist und wohin es weitergeht. Diese Galerie betrachtet 11 aktuelle Homepages bekannter B2B-Softwareunternehmen und analysiert, wie jede diese Aufgabe löst.
Wir haben jede Startseite im Oktober 2026 besucht und beschreiben nur, was zu diesem Zeitpunkt auf der Seite stand. Startseiten ändern sich oft, besonders die Hero-Texte. Betrachten Sie die Details daher als Momentaufnahme und die Muster als die eigentliche Lektion. Jedes Beispiel verlinkt auf die Live-Website.
Wie wir jede Startseite gelesen haben
Bei jedem Beispiel haben wir fünf Dinge geprüft, in der Reihenfolge, in der ein Besucher sie erlebt:
- Hero-Headline und Subheadline: Sagen sie, was das Produkt ist und für wen es gedacht ist?
- Primärer und sekundärer CTA: Wozu fordern sie auf, und passen sie zu unterschiedlichen Phasen des Käufers?
- Belege: Logos, Kundenzahlen, namentliche Zitate, Analystenanerkennung und wo sie platziert sind.
- Routing: wie die Seite unterschiedliche Rollen, Teams oder Unternehmensgrößen zu den richtigen Inhalten führt.
- Tiefe unterhalb des sichtbaren Bereichs: Produktabschnitte, Preis-Teaser, Ressourcen.
Wenn Sie diese Muster pro Segment anpassen wollen, statt eine Version zu kopieren, zeigt unser Leitfaden zur Homepage-Personalisierung im B2B, welche dieser Elemente Sie zuerst ändern sollten.
1. HubSpot: zwei CTAs für zwei Arten von Käufern
Die HubSpot-Startseite beginnt mit einer Plattformaussage („Build demand, win deals, and delight customers, all on one platform“) und einer Subheadline darüber, Marketing, Vertrieb und Service rund um Kundendaten aufeinander abzustimmen. Zwei Buttons stehen nebeneinander: einer für eine Demo der Premium-Software und einer für den Einstieg mit den kostenlosen Tools. Das Paar wiederholt sich weiter unten. Direkt nach dem Hero erscheint eine Kundenzahl, dann ein Abschnitt für jeden Produkt-Hub. Weiter unten hat ein Fallstudien-Karussell Tabs für kleine, mittlere und große Unternehmen, und die Navigation bietet Wege nach Teamgröße an.
Das CTA-Paar entspricht genau den zwei Akquisewegen von HubSpot. Ein Kleinunternehmer bedient sich selbst, eine Marketingleiterin eines größeren Unternehmens bucht eine Demo, und keiner von beiden muss suchen.
Was wir testen würden: Der Abschnitt mit allen Hubs ist lang. Wir würden darüber eine kurze Auswahl „In welchem Team sind Sie?“ testen, die direkt zum passenden Hub springt.
2. Stripe: Das Produkt in Aktion zeigen
Die Stripe-Homepage beginnt mit „Financial infrastructure to grow your revenue“ und einer Subline, die von der ersten Transaktion eines Start-ups bis zur milliardsten eines Großunternehmens reicht. Im Hero steht ein Zähler „Global GDP running on Stripe“, und die Seite nutzt Produktgrafiken, darunter einen beispielhaften Checkout-Bildschirm, statt abstrakter Illustrationen. Die CTAs lauten „Get started“ und „Sign up with Google“; „Contact sales“ steht im Header und in einem Abschnitt weiter unten.
Die Stärke liegt im Zeigen statt Erzählen: Statt Zahlungen zu beschreiben, zeigt die Seite, wie ein Stripe-Checkout aussieht. Ein Entwickler oder Produktmanager kann ihn sich im eigenen Produkt vorstellen, ohne eine Feature-Liste zu lesen.
Was wir testen würden: Der Hero bietet zwei Self-Service-Buttons und keinen Weg zum Vertrieb. Wir würden testen, für als Großunternehmen identifizierte Besucher die Google-Registrierung durch einen Link „Mit dem Vertrieb sprechen“ zu ersetzen.
3. Slack: Tarif-Finder neben „Get Started“
Die Headline der Slack-Startseite lautet „All your people and AI agents working together“, gefolgt von einer zweizeiligen Subheadline: „Slack connects your team. Slackbot multiplies what they can do.“ Die CTAs heißen „Get started“ und „Find your plan“. Darunter folgen Produktbeispiele in Tabs (Slackbot fragen, Launches planen, Projekte steuern, mit Kunden chatten, Aufgaben automatisieren), ein „What's new“-Feed und Abschnitte, gruppiert nach Wissen, Menschen, Prozessen und Plattform.
„Find your plan“ ist für ein so bekanntes Produkt ein cleverer sekundärer CTA. Ein Besucher, der Slack bereits bei der Arbeit nutzt, entscheidet vielleicht nur noch, welchen Tarif er kauft – und wird so direkt dorthin geführt, statt durch einen Pitch, den er nicht braucht.
Was wir testen würden: Der Block „What's new“ steht weit oben auf der Seite. Er dient bestehenden Nutzern gut, aber für neue geschäftliche Besucher würden wir testen, ihn durch eine Kundengeschichte aus ihrer Branche zu ersetzen.
4. Notion: Anwendungsfälle als Links, Belege von namentlich genannten Führungskräften
Die Startseite von Notion beginnt mit „Where teams and agents think together“ (das Verb ist separat gestaltet und kann wechseln) und zwei CTAs: „Get Notion free“ und „Request a demo“. Es folgen drei kurze Blöcke: Wissen erfassen, Antworten finden und Routinearbeit automatisieren. Danach kommt eine Liste konkreter Anwendungsfälle als Links („Triage product feedback“, „Resolve support tickets in Slack“, „Automate weekly reporting“). Der Beleg-Abschnitt nutzt Zitate namentlich genannter Führungskräfte von Unternehmen wie Cursor, Faire und Ramp mit ihren Titeln sowie eine Reihe von Verbreitungsaussagen wie ein G2-Ranking und die Nutzung durch Fortune-100-Unternehmen.
Was uns gefällt: Die Use-Case-Links sind als Aufgaben formuliert, nicht als Funktionen. Eine Support-Leiterin klickt auf „Resolve support tickets in Slack“, weil es ihre Woche beschreibt.
Was wir testen würden: Die Use-Case-Links sind für alle Besucher gleich. Das ist ein naheliegender Platz, um nach Branche oder Abteilung zu personalisieren, sobald Sie wissen, wer die Seite besucht.
5. Linear: Das Produkt ist der Held
Die Headline der Linear-Startseite lautet „The product development system for teams and agents“, die Unterzeile „Purpose-built for planning and building products. Designed for the AI era.“ Das Hero-Visual ist eine Darstellung des Produkts: ein aus Slack erstelltes Issue, von KI gelabelt, von einem Agenten übernommen und auf In Progress gesetzt, mit einem Pull-Request-Entwurf, der auf Review wartet. Die Seite führt dann in Stufen durch den Workflow: Eingang und Integrationen, Planung und Monitoring, KI und Automatisierungen, Bauen und Review, gefolgt von einer Changelog-Vorschau, Kundenzitaten und einem abschließenden Registrierungsabschnitt.
Für ein technisches Publikum überzeugt eine realistische Produktansicht mehr als jede Behauptung. Der Walkthrough folgt dem eigenen Prozess des Käufers, von der Annahme bis zum Versand.
Was wir testen würden: Für nicht-technische Entscheider wie einen COO oder eine Finanzleitung gibt es wenig. Ein kurzer Abschnitt zu Sicherheit, Administration und Preismodell würde der zweiten Person im Buying Center helfen.
6. Gong: Wechselnde Ergebnisbegriffe, dann ein namentlich genanntes Kundenergebnis
Der Hero-Bereich der Gong-Startseite kombiniert einen Kategorieanspruch („#1 AI OS for Revenue Teams“) mit einer wechselnden Zeile: „Revenue AI built to“, gefolgt von Ergebnissen wie Deals schneller abschließen, Pipeline-Risiken vorhersagen, Übergaben automatisieren und Churn vorhersagen. Die CTAs lauten „Book a demo“ und „See Gong in action“. Direkt darunter steht eine Kundenzahl, dann eine namentliche Kundenstory mit Produktivitätszahlen und einem Zitat der Enablement-Leitung dieses Kunden. Weiter unten folgen die Plattform, eine Wand mit namentlichen Kundenzitaten, Bewertungen auf Bewertungsportalen und Auszeichnungen von Analysten.
Durch die rotierenden Ergebnisse spricht ein einziger Hero-Bereich Vertriebsleiter, RevOps und Customer Success an, ohne drei separate Seiten. Das namentlich genannte Kundenergebnis erscheint innerhalb eines Scrolls, sodass die Aussage belegt ist, bevor der Besucher nachfragen muss.
Was wir testen würden: Rotierender Text kann übersehen oder mitten im Wechsel gelesen werden. Wir würden stattdessen eine statische Headline pro Segment testen, ausgewählt nach Rolle oder Unternehmenstyp des Besuchers.
7. Atlassian: ein Produkt im Hero-Bereich, Produktsammlungen darunter
Der Hero der Atlassian-Homepage war bei unserem Besuch ein rotierendes Karussell. Die Produktfolie lautet „Unleash your teams and their agents“ und konzentriert sich auf ein einzelnes Produkt, mit „Get started with Jira“ und „Contact us“; andere Folien bewarben das Event Team Europe mit „Watch now“-Buttons. Darunter stellt die Seite nach Aufgabe gruppierte App-Sammlungen vor: Teamarbeit, Strategie, Service, Software und Produkt. Die Navigation bietet Wege nach Anwendungsfall, Team, Unternehmensgröße und Branche.
Ein Unternehmen mit vielen Produkten sollte für den Hero-Bereich einen Einstiegspunkt wählen, statt alle aufzulisten, und genau das macht Atlassian auf seinem Produkt-Slide. Der Bereich mit den Produktsammlungen fängt dann Besucher auf, die wegen etwas anderem gekommen sind.
Was wir testen würden: Besucher aus IT-Service-Teams wollen Jira vielleicht nicht im Hero sehen, und ein Erstbesucher landet womöglich auf einer Event-Folie, die nichts über die Produkte aussagt. Wir würden einen festen Produkt-Hero testen, bei dem das Produkt nach Referrer oder Branche gewählt wird und Jira der Standard ist.
8. Intercom: Registrierung im Hero-Bereich, Preise auf der Homepage
Die Startseite von Intercom beginnt mit „A complete system for AI and human customer service“, einer Zeile zur Zahl der Fünf-Sterne-Bewertungen und einem E-Mail-Feld mit Start-Button direkt im Hero. Danach erklärt die Seite die beiden Produkte, den Helpdesk und den KI-Agenten Fin, zeigt einen Abschnitt „Works with the tools you already use“ und enthält direkt auf der Startseite einen Abschnitt „Transparent pricing“.
Ein Preisabschnitt auf der Startseite beantwortet die Frage, mit der viele B2B-Besucher kommen, und signalisiert, dass der Anbieter sich gerne vergleichen lässt. Jeder Produktabschnitt enthält zudem einen Link „Demo ansehen“, sodass der Besucher das Produkt sehen kann, bevor er seine E-Mail-Adresse preisgibt.
Was wir testen würden: Ein E-Mail-Feld im Hero passt zu kleinen Teams. Für Enterprise-Besucher würden wir testen, es durch einen Demo-CTA zu ersetzen.
9. monday.com: Abteilungs-Tabs im sichtbaren Bereich
Die Überschrift auf der Homepage von monday.com lautet „People and agents working as one team“, mit der Unterzeile „The AI workspace where people and agents drive business results together.“ Direkt darunter steht eine Reihe von Abteilungen (Marketing, Operations, Product, Sales, PMO) und ein „Get Started“-Button. Es folgt eine Zeile zur Nutzung durch Fortune-500-Unternehmen. Die Seite zeigt dann Anwendungsfälle für Agenten mit denselben Abteilungs-Tabs, sodass sich der Inhalt ändert, wenn der Besucher sein Team auswählt.
Die Abteilungszeile bittet den Besucher, sich im Hero selbst zuzuordnen, und die folgenden Abschnitte reagieren auf diese Wahl. Das ist eine manuelle Version dessen, was Besuchersegmentierung automatisch leistet.
Was wir testen würden: den Abteilungs-Tab anhand bekannter Besucherdaten vorauszuwählen, sodass ein Marketingteam ohne Klick bei Marketingbeispielen landet.
10. Snowflake: Ein Event-Banner und beide Pfade in der Navigation
Die Startseite von Snowflake zeigt oben ein Banner für ein bevorstehendes kostenloses virtuelles Event. Die Navigation enthält sowohl „Contact sales“ als auch einen Self-Service-Start-Button, daneben eine Sprachauswahl. Der Hero bewirbt neue KI-Produkte, dann folgt ein Plattformbereich mit Links zu „Why Snowflake“ und „View pricing“, anschließend Kundengeschichten und das Partner-Ökosystem.
Wenn sowohl der Vertriebs- als auch der Self-Service-Pfad in der fixierten Navigation stehen, sind sie an jeder Scrollposition verfügbar, nicht nur im Hero.
Was wir testen würden: Der Hero bewirbt Produktneuheiten, was Bestandskunden und Analysten dient. Neue Besucher brauchen vielleicht eine schlichtere Aussage darüber, was Snowflake ist. Wir würden eine Aufteilung nach neuen und wiederkehrenden Besuchern testen.
11. Zendesk: E-Mail-Feld mit Einwilligungstext im Hero-Bereich
Die Headline der Zendesk-Startseite lautet „AI-powered customer service platform“, mit einer Subheadline, die auf ein Automatisierungsversprechen für die KI-Agenten aufbaut. Im Hero-Bereich stehen ein Feld für die geschäftliche E-Mail-Adresse und ein Start-Button, direkt darunter eine Opt-in-Zeile für Marketingkommunikation und ein Link zur Datenschutzerklärung. Es folgt eine Reihe von Nutzungszahlen, dann Abschnitte zu eigenständigen KI-Agenten, einem Analystenbericht, „Built for businesses of all sizes“ mit Kundengeschichten, Integrationen, Ressourcen und ein Preisabschnitt.
Die Opt-in-Zeile neben dem E-Mail-Feld sagt ehrlich, was mit der Adresse passiert – wichtig für Käufer in Märkten mit strengen Einwilligungsregeln wie der EU. Der Preisabschnitt weiter unten fängt Besucher auf, die die ganze Seite nach den Kosten abgesucht haben.
Was wir testen würden: Das Hero-Versprechen ist eine große „bis zu“-Zahl zur Automatisierung. Support-Leiter kennen ihren eigenen Ticket-Mix, daher würden wir testen, einen kurzen Hinweis zu ergänzen, auf welche Arten von Interaktionen sie sich bezieht, und beobachten, ob sich die Klicks auf Demo und Registrierung bei größeren Teams verändern.
Muster in diesen B2B-Website-Beispielen
- Zwei CTAs für zwei Kaufwege. HubSpot, Notion und Atlassian kombinieren eine Self-Service-Aktion mit einer Vertriebsaktion, und Gong kombiniert eine Demo mit einer Produkttour. Das Paar ist das Homepage-Gegenstück zum Routing.
- Selbstzuordnung weit oben: Die Abteilungs-Tabs von monday.com, die Anwendungsfall-Links von Notion und die Collections von Atlassian fragen den Besucher alle früh: „Wer sind Sie?“
- Belege innerhalb eines Scrolls. Kundenzahlen, namentlich genannte Ergebnisse und Logos erscheinen in den meisten Beispielen direkt nach dem Hero-Bereich.
- Stripe und Linear zeigen das Produkt, statt es zu beschreiben, mit realistischen Produktansichten weit oben.
- Preise werden nicht versteckt. Intercom und Zendesk haben Preisabschnitte auf der Startseite; Slack und Snowflake verlinken aus dem Hero oder der Navigation auf die Preise.
- Eine Seite für alle. Abgesehen von manuellen Tabs passt sich keine dieser Startseiten sichtbar an das besuchende Unternehmen an. Hero, Belege und CTA sind für ein Start-up und einen Konzern identisch.
Der letzte Punkt ist die Chance. Die Elemente, die diese Unternehmen Besucher von Hand auswählen lassen (Abteilung, Produkt, Unternehmensgröße), sind genau die, die Sie vorauswählen können, wenn Sie wissen, wer zu Besuch ist. Unser Beitrag zu Landingpage vs. Homepage erklärt, welcher Traffic überhaupt auf der Homepage landen sollte, und B2B-Website-Design für Buying Committees behandelt die Seitenstruktur hinter diesen Entscheidungen.
Startseiten-Checkliste für B2B-Websites
- Die Headline nennt die Kategorie oder die Aufgabe, nicht nur einen Slogan.
- Die Subheadline sagt, für wen das Produkt ist.
- Primärer und sekundärer CTA entsprechen Ihren zwei wichtigsten Kaufwegen (Self-Service und Vertrieb, oder Demo und Ressource).
- Belege erscheinen innerhalb eines Scrolls und passen zur Zielgruppe (Logos ähnlicher Unternehmen, ein namentlich genanntes Ergebnis).
- Es gibt eine sichtbare Möglichkeit, sich selbst nach Rolle, Team, Branche oder Unternehmensgröße zuzuordnen.
- Das Produkt wird in einem realistischen Zustand gezeigt, nicht nur als abstrakte Illustration.
- Die Preise sind im Hero-Bereich oder in der Navigation verlinkt.
- Inhalte zu Sicherheit, Integrationen und Administration sind für die zweite Person im Buying Center nur einen Klick entfernt.
- Wiederkehrende Kunden finden Login und Support, ohne zu scrollen.
- Jeder Abschnitt braucht einen Grund, für Erstbesucher da zu sein – sonst rutscht er nach unten.
Für andere Seitentypen sehen Sie sich unsere ergänzenden Galerien mit Beispielen für SaaS-Preisseiten und Beispielen für Demo-Anfrageseiten an, außerdem B2B-Landingpage-Beispiele nach Seitentyp. Wenn Sie sehen möchten, wie sich eine Homepage an jedes besuchende Unternehmen anpasst, zeigt unsere Seite mit Anwendungsfällen, wie das mit Markettailor funktioniert.
Häufig gestellte Fragen
Was gehört auf eine B2B-Startseite?
Eine Headline, die die Kategorie oder Aufgabe nennt, eine Unterzeile, die sagt, für wen es ist, zwei CTAs, die zu Ihren Kaufwegen passen, Belege innerhalb eines Scrolls, eine Möglichkeit für Besucher, sich nach Rolle oder Unternehmenstyp selbst zuzuordnen, eine realistische Produktansicht sowie Links zu Preisen, Sicherheit und Integrationen. Die Beispiele oben zeigen jedes dieser Elemente in der Praxis.
Worin unterscheidet sich eine B2B-Startseite von einer B2C-Startseite?
Eine B2B-Homepage spricht mehrere Personen eines Buying Centers und Käufer in verschiedenen Phasen an; sie leitet also mehr weiter, als dass sie verkauft. Meist bietet sie neben Self-Service einen Vertriebsweg, liefert Belege für Unternehmen statt für Einzelpersonen und verlinkt Inhalte, die technische und finanzielle Entscheider brauchen.
Sollte eine B2B-Startseite einen oder zwei CTAs haben?
In den meisten Fällen zwei. Einen für Besucher, die selbst handeln wollen (registrieren, starten, Preise ansehen), und einen für Besucher, die ein Gespräch brauchen (Demo buchen, Vertrieb kontaktieren). HubSpot, Notion und Atlassian nutzen alle ein Paar aus Self-Service und Vertrieb. Ein einzelner CTA funktioniert nur, wenn Sie einen einzigen Kaufweg haben.
Was sind gute Beispiele für B2B-Websites?
HubSpot, Stripe, Slack, Notion, Linear, Gong, Atlassian, Intercom, monday.com, Snowflake und Zendesk sind nützliche Beispiele, weil jedes ein bestimmtes Problem gut löst: doppelte Kaufpfade, das Produkt zeigen, Selbstidentifikation, Platzierung von Belegen oder Preistransparenz. Studieren Sie die Entscheidung hinter jeder Seite, statt ihr Aussehen zu kopieren.
Wie oft sollten Sie Ihre Startseite ändern?
Ändern Sie Hero und Nachweise, wenn sich Ihre Positionierung oder Hauptzielgruppe ändert, und testen Sie kleinere Änderungen laufend. Große Redesigns ohne Hypothese machen es schwer zu lernen, was funktioniert hat. Messen Sie die Startseite an Klicks auf wichtige Pfade (Preise, Demo, Produktseiten), nicht nur an Formularabsendungen.