La page d'accueil B2B s'adresse au public le plus large de votre site : nouveaux visiteurs venus de la recherche, prospects qui reviennent après un appel commercial, clients existants qui cherchent la page de connexion, candidats, analystes, partenaires. Elle ne peut conclure avec aucun d'eux : son vrai rôle est donc de dire rapidement à chacun qu'il est au bon endroit et où aller ensuite. Cette galerie passe en revue 11 pages d'accueil en ligne d'éditeurs de logiciels B2B connus et décortique la façon dont chacune remplit ce rôle.
Nous avons consulté chaque page d'accueil en octobre 2026 et ne décrivons que ce qui y figurait à ce moment-là. Les pages d'accueil changent souvent, en particulier le texte du hero : considérez les détails comme un instantané et les principes comme la leçon à retenir. Chaque exemple renvoie vers le site en ligne.
Comment nous avons analysé chaque page d'accueil
Pour chaque exemple, nous avons vérifié cinq éléments, dans l'ordre où le visiteur les découvre :
- Titre et sous-titre du hero : disent-ils ce qu'est le produit et à qui il s'adresse ?
- CTA principal et secondaire : que demandent-ils, et correspondent-ils à des étapes d'achat différentes ?
- Preuves : logos, nombre de clients, citations nominatives, reconnaissance des analystes, et leur emplacement.
- Orientation : comment la page oriente les différentes fonctions, équipes ou tailles d'entreprise vers le bon contenu.
- Profondeur sous la ligne de flottaison : sections produit, aperçus des tarifs, ressources.
Si vous voulez adapter ces modèles par segment plutôt que copier une seule version, notre guide de la personnalisation de page d'accueil en B2B indique quels éléments changer en premier.
1. HubSpot : deux CTA pour deux types d'acheteurs
La page d'accueil de HubSpot s'ouvre sur une déclaration de plateforme (« Build demand, win deals, and delight customers, all on one platform ») et un sous-titre sur l'alignement du marketing, des ventes et du service client autour des données clients. Deux boutons figurent côte à côte : l'un pour une démo du logiciel premium, l'autre pour démarrer avec les outils gratuits. Le duo se répète plus bas. Un nombre de clients apparaît juste après le hero, puis une section pour chaque hub produit. Plus bas, un carrousel d'études de cas propose des onglets pour les petites, moyennes et grandes entreprises, et la navigation offre des parcours selon la taille de l'équipe.
La paire de CTA correspond exactement aux deux modes d'acquisition de HubSpot. Le dirigeant d'une petite entreprise se débrouille seul, le directeur marketing d'une plus grande entreprise réserve une démo, et aucun des deux n'a à chercher.
Ce que nous testerions : la section présentant chaque hub est longue. Nous testerions au-dessus un court sélecteur « dans quelle équipe êtes-vous ? » qui renvoie directement au hub concerné.
2. Stripe : montrer le produit en action
La page d'accueil de Stripe s'ouvre sur « Financial infrastructure to grow your revenue » et un sous-titre qui va de la première transaction d'une startup à la milliardième d'une grande entreprise. Un compteur « Global GDP running on Stripe » figure dans le hero, et la page utilise des visuels produit, dont une maquette d'écran de paiement, plutôt que des illustrations abstraites. Les CTA sont « Get started » et « Sign up with Google » ; « Contact sales » se trouve dans l'en-tête et dans une section près du bas de page.
La force de cette page est de montrer plutôt que de décrire : au lieu d'expliquer les paiements, elle montre à quoi ressemble un checkout Stripe. Un développeur ou un product manager peut l'imaginer dans son propre produit sans lire une liste de fonctionnalités.
Ce que nous testerions : le hero propose deux boutons en libre-service et aucun parcours commercial. Nous testerions le remplacement de l'inscription via Google par un lien « Parler à un commercial » pour les visiteurs identifiés comme de grandes entreprises.
3. Slack : un sélecteur d'offre à côté de Get Started
Le titre de la page d'accueil de Slack est « All your people and AI agents working together », suivi d'un sous-titre sur deux lignes : « Slack connects your team. Slackbot multiplies what they can do. » Les CTA sont « Get started » et « Find your plan ». En dessous figurent des exemples produit sous forme d'onglets (interroger Slackbot, planifier des lancements, piloter des projets, échanger avec des clients, automatiser des tâches), un fil « What's new » et des sections regroupées par connaissances, personnes, processus et plateforme.
« Trouver votre offre » est un CTA secondaire astucieux pour un produit aussi connu. Un visiteur qui utilise déjà Slack au travail n'a peut-être plus qu'à choisir son offre, et ce lien l'y emmène directement au lieu de lui imposer un argumentaire dont il n'a pas besoin.
Ce que nous testerions : le bloc « What's new » est placé haut sur la page. Il sert bien les utilisateurs existants, mais pour les nouveaux visiteurs professionnels, nous testerions son remplacement par une histoire client de leur secteur.
4. Notion : des cas d'usage sous forme de liens, des preuves de dirigeants nommés
La page d'accueil de Notion s'ouvre sur « Where teams and agents think together » (le verbe est mis en forme séparément et peut changer) et deux CTA : « Get Notion free » et « Request a demo ». Suivent trois courts blocs : capturer les connaissances, trouver des réponses et automatiser les tâches fastidieuses. Vient ensuite une liste de cas d'usage concrets sous forme de liens (« Triage product feedback », « Resolve support tickets in Slack », « Automate weekly reporting »). La section de preuves utilise des citations de dirigeants nommés d'entreprises comme Cursor, Faire et Ramp, avec leurs fonctions, ainsi qu'une rangée d'indicateurs d'adoption comme un classement G2 et l'utilisation par des entreprises du Fortune 100.
Ce que nous apprécions : les liens vers les cas d'usage sont rédigés comme des tâches, pas comme des fonctionnalités. Un responsable support clique sur « Résoudre les tickets de support dans Slack », car cela décrit sa semaine.
Ce que nous testerions : les liens vers les cas d'usage sont les mêmes pour tous les visiteurs. C'est un emplacement idéal à personnaliser par secteur ou par service une fois que vous savez qui visite le site.
5. Linear : le produit est la vedette
Le titre de la page d'accueil de Linear est « The product development system for teams and agents », avec le sous-titre « Purpose-built for planning and building products. Designed for the AI era. » Le visuel du hero est une représentation du produit : un ticket créé depuis Slack, étiqueté par l'IA, pris en charge par un agent et passé en In Progress, avec une pull request en brouillon en attente de revue. La page déroule ensuite le workflow par étapes : collecte et intégrations, planification et suivi, IA et automatisations, développement et revue, suivis d'un aperçu du changelog, de citations clients et d'une section d'inscription finale.
Pour une audience technique, une vue réaliste du produit est plus convaincante que n'importe quelle affirmation. La démonstration suit l'ordre du processus de l'acheteur lui-même, de la réception à l'expédition.
Ce que nous testerions : il y a peu de choses pour un valideur non technique comme un COO ou un responsable financier. Une courte section sur la sécurité, l'administration et le modèle de tarification aiderait la deuxième personne du comité d'achat.
6. Gong : des mots de résultat en rotation, puis le résultat d'un client nommé
Le hero de la page d'accueil de Gong associe une revendication de catégorie (« #1 AI OS for Revenue Teams ») à une phrase tournante : « Revenue AI built to » suivie de résultats comme conclure des affaires plus vite, prédire les risques sur le pipeline, automatiser les passations et prédire le churn. Les CTA sont « Book a demo » et « See Gong in action ». Un nombre de clients apparaît juste en dessous, puis un témoignage client nominatif avec des chiffres de productivité et une citation du responsable enablement de ce client. Les sections suivantes présentent la plateforme, un mur de citations de clients nommés, les notes sur les sites d'avis et la reconnaissance des analystes.
Les bénéfices qui défilent permettent à un même hero de s'adresser aux directeurs commerciaux, aux RevOps et au customer success sans trois pages distinctes. Le résultat client nommé arrive dès le premier scroll : l'affirmation est étayée avant même que le visiteur ne se pose la question.
Ce que nous testerions : un texte qui défile peut passer inaperçu ou être lu en pleine transition. Nous testerions plutôt un titre fixe pour chaque segment, choisi selon le rôle du visiteur ou le type d'entreprise.
7. Atlassian : un seul produit dans le hero, les collections en dessous
Le hero de la page d'accueil d'Atlassian était un carrousel rotatif lors de notre visite. La diapositive produit affiche « Unleash your teams and their agents » et se concentre sur un seul produit, avec « Get started with Jira » et « Contact us » ; d'autres diapositives faisaient la promotion de son événement Team Europe avec des boutons « Watch now ». Plus bas, la page présente des ensembles d'applications regroupées par besoin : travail d'équipe, stratégie, service, logiciel et produit. La navigation propose des accès par cas d'usage, équipe, taille d'entreprise et secteur.
Une entreprise qui propose de nombreux produits doit choisir un seul point d'entrée pour le hero au lieu de tous les lister, et c'est ce que fait Atlassian avec son slide produit. La section des collections récupère ensuite les visiteurs venus pour autre chose.
Ce que nous testerions : les visiteurs issus d'équipes de services IT ne veulent peut-être pas voir Jira dans le hero, et un visiteur qui découvre le site peut tomber sur une slide événementielle qui ne dit rien des produits. Nous testerions un hero produit fixe, avec le produit choisi selon le référent ou le secteur, et Jira par défaut.
8. Intercom : inscription dans le hero, tarifs sur la page d'accueil
La page d'accueil d'Intercom s'ouvre sur « A complete system for AI and human customer service », une ligne sur son nombre d'avis cinq étoiles, et un champ email avec un bouton de démarrage directement dans le hero. La page présente ensuite ses deux produits, le helpdesk et l'agent IA Fin, affiche une section « Works with the tools you already use » et inclut une section « Transparent pricing » sur la page d'accueil elle-même.
Placer une section tarifs sur la page d'accueil répond à la question avec laquelle arrivent de nombreux visiteurs B2B, et montre que le fournisseur assume la comparaison. Chaque section produit comporte aussi un lien « Voir la démo », pour que le visiteur découvre le produit avant de donner son e-mail.
Ce que nous testerions : un champ e-mail dans le hero convient aux petites équipes. Pour les visiteurs grands comptes, nous testerions son remplacement par un CTA de démo.
9. monday.com : des onglets par département au-dessus de la ligne de flottaison
Le titre de la page d'accueil de monday.com est « People and agents working as one team », avec le sous-titre « The AI workspace where people and agents drive business results together ». Juste en dessous figurent une rangée de départements (marketing, opérations, produit, ventes, PMO) et un bouton « Get Started ». Suit une ligne sur l'adoption par les entreprises du Fortune 500. La page présente ensuite des cas d'usage d'agents avec les mêmes onglets par département, si bien que le contenu change lorsque le visiteur choisit son équipe.
La ligne des services demande au visiteur de s'identifier lui-même dans le hero, et les sections suivantes répondent à ce choix. C'est une version manuelle de ce que fait automatiquement la segmentation des visiteurs.
Ce que nous testerions : présélectionner l'onglet du département à partir des données connues sur le visiteur, pour qu'une équipe marketing arrive sur des exemples marketing sans avoir à cliquer.
10. Snowflake : une bannière événementielle et les deux parcours dans la navigation
La page d'accueil de Snowflake affiche en haut une bannière pour un prochain événement virtuel gratuit. La navigation contient à la fois « Contact sales » et un bouton de démarrage en libre-service, avec un sélecteur de langue à côté. Le hero met en avant de nouveaux produits d'IA, puis une section plateforme avec des liens « Why Snowflake » et « View pricing », suivie de témoignages clients et de l'écosystème de partenaires.
Garder les parcours commercial et self-service dans la navigation persistante les rend accessibles à chaque niveau de défilement, pas seulement dans le hero.
Ce que nous testerions : le hero met en avant les lancements produit, ce qui sert les clients existants et les analystes. Les nouveaux visiteurs ont peut-être besoin d'une explication plus simple de ce qu'est Snowflake. Nous testerions une version différente pour les nouveaux visiteurs et les visiteurs récurrents.
11. Zendesk : champ e-mail avec texte de consentement dans le hero
Le titre de la page d'accueil de Zendesk est « AI-powered customer service platform », avec un sous-titre construit autour d'une promesse d'automatisation pour ses agents IA. Un champ email professionnel et un bouton de démarrage figurent dans le hero, avec juste en dessous une case d'acceptation des communications marketing et un lien vers la politique de confidentialité. Suivent une rangée de chiffres d'utilisation, puis des sections sur les agents IA autonomes, un rapport d'analyste, « Built for businesses of all sizes » avec des témoignages clients, les intégrations, les ressources et une section tarifs.
La mention d'opt-in à côté du champ e-mail est honnête sur l'usage qui sera fait de l'adresse, ce qui compte pour les acheteurs des marchés aux règles de consentement strictes comme l'UE. La section tarifs en bas de page retient les visiteurs qui ont fait défiler toute la page à la recherche du prix.
Ce que nous testerions : l'accroche principale est un grand chiffre d'automatisation « jusqu'à ». Les responsables support connaissent la composition de leurs tickets : nous testerions donc l'ajout d'une courte précision sur les types d'interactions concernés, et observerions si les clics vers la démo et l'inscription des équipes plus grandes évoluent.
Les points communs de ces exemples de sites web B2B
- Deux CTA pour deux modes d'achat. HubSpot, Notion et Atlassian associent une action en libre-service à une action commerciale, et Gong associe une démo à une visite du produit. Ce duo est l'équivalent du routage sur la page d'accueil.
- L'auto-identification en haut de page : les onglets par service de monday.com, les liens par cas d'usage de Notion et les collections d'Atlassian demandent tous très tôt au visiteur « lequel êtes-vous ».
- La preuve dès le premier défilement. Le nombre de clients, des résultats nominatifs et des logos apparaissent juste après le hero dans la plupart des exemples.
- Stripe et Linear montrent le produit au lieu de le décrire, avec des vues réalistes du produit dès le haut de page.
- Les tarifs ne sont pas cachés. Intercom et Zendesk incluent des sections tarifs sur la page d'accueil ; Slack et Snowflake renvoient aux tarifs depuis le hero ou la navigation.
- Une seule page pour tout le monde. À part des onglets manuels, aucune de ces pages d'accueil ne s'adapte visiblement à l'entreprise qui la visite. Le hero, les preuves et le CTA sont les mêmes pour une startup et pour un grand compte.
Ce dernier point est l'opportunité. Les éléments que ces entreprises font choisir manuellement aux visiteurs (département, produit, taille d'entreprise) sont précisément ceux que vous pouvez présélectionner quand vous savez qui visite. Notre article landing page vs page d'accueil explique quel trafic devrait arriver sur la page d'accueil, et la conception de sites web B2B pour les comités d'achat présente la structure de page qui sous-tend ces choix.
Checklist de page d'accueil pour les sites B2B
- Le titre nomme la catégorie ou la mission, pas seulement un slogan.
- Le sous-titre indique à qui s'adresse le produit.
- Les CTA principal et secondaire correspondent à vos deux principaux parcours d'achat (libre-service et commercial, ou démo et ressource).
- La preuve apparaît en un seul défilement et correspond à l'audience (logos d'entreprises similaires, un résultat nominatif).
- Le visiteur dispose d'un moyen visible de s'identifier par rôle, équipe, secteur ou taille d'entreprise.
- Le produit est montré dans un état réaliste, pas uniquement sous forme d'illustration abstraite.
- Les tarifs sont accessibles depuis le hero ou la navigation.
- Les contenus sécurité, intégrations et administration sont à un clic pour la deuxième personne du comité d'achat.
- Les clients récurrents trouvent la connexion et le support sans faire défiler la page.
- Chaque section doit avoir une raison d'être pour un primo-visiteur, sinon elle descend plus bas.
Pour les autres types de pages, consultez nos galeries complémentaires d'exemples de pages tarifs SaaS et d'exemples de pages de demande de démo, ainsi que nos exemples de landing pages B2B classés par type de page. Si vous voulez voir une page d'accueil s'adapter à chaque entreprise visiteuse, notre page cas d'usage montre comment cela fonctionne avec Markettailor.
Questions fréquentes
Que doit contenir une page d'accueil B2B ?
Un titre qui nomme la catégorie ou le besoin, un sous-titre qui précise à qui il s'adresse, deux CTA qui correspondent à vos parcours d'achat, des preuves visibles sans défiler plus d'un écran, un moyen pour les visiteurs de s'identifier par fonction ou type d'entreprise, une vue réaliste du produit, et des liens vers les tarifs, la sécurité et les intégrations. Les exemples ci-dessus montrent chacun de ces éléments en pratique.
En quoi une page d'accueil B2B diffère-t-elle d'une page d'accueil B2C ?
Une page d'accueil B2B s'adresse à plusieurs personnes d'un comité d'achat et à des acheteurs à différentes étapes : elle oriente donc plus qu'elle ne vend. Elle propose généralement un parcours commercial en plus du libre-service, présente des preuves destinées à des entreprises plutôt qu'à des individus, et renvoie vers les contenus dont ont besoin les validateurs techniques et financiers.
Une page d'accueil B2B doit-elle avoir un ou deux CTA ?
Deux, dans la plupart des cas. L'un pour les visiteurs prêts à agir seuls (s'inscrire, commencer, voir les tarifs) et l'autre pour ceux qui ont besoin d'une conversation (réserver une démo, contacter les ventes). HubSpot, Notion et Atlassian utilisent tous une paire libre-service plus ventes. Un CTA unique ne fonctionne que si vous n'avez qu'un seul mode d'achat.
Quels sont de bons exemples de sites web B2B ?
HubSpot, Stripe, Slack, Notion, Linear, Gong, Atlassian, Intercom, monday.com, Snowflake et Zendesk sont des exemples utiles, car chacun résout bien un problème précis : double parcours d'achat, démonstration du produit, auto-identification, placement des preuves ou transparence tarifaire. Étudiez la décision derrière chaque page plutôt que d'en copier l'apparence.
À quelle fréquence faut-il changer sa page d'accueil ?
Modifiez le hero et les preuves lorsque votre positionnement ou votre audience principale change, et testez des changements plus modestes en continu. Les grandes refontes sans hypothèse empêchent de savoir ce qui a fonctionné. Mesurez la page d'accueil sur les clics vers les parcours clés (tarifs, démo, pages produit), pas seulement sur les formulaires remplis.