Una homepage B2B serve il pubblico più ampio del tuo sito: visitatori alla prima visita dalla ricerca, prospect che tornano dopo una call di vendita, clienti esistenti che cercano il login, candidati, analisti, partner. Non può chiudere con nessuno di loro, quindi il suo vero compito è dire a ciascuno, rapidamente, che è nel posto giusto e dove andare dopo. Questa raccolta esamina 11 homepage online di note aziende di software B2B e analizza come ciascuna svolge questo compito.
Abbiamo visitato ogni homepage nell'ottobre 2026 e descriviamo solo ciò che era presente sulla pagina in quel momento. Le homepage cambiano spesso, soprattutto i testi della hero, quindi considera i dettagli come un'istantanea e gli schemi come la lezione. Ogni esempio rimanda al sito live.
Come abbiamo analizzato ogni homepage
Per ogni esempio abbiamo verificato cinque aspetti, nell'ordine in cui li incontra un visitatore:
- Titolo e sottotitolo della hero: dicono cos'è il prodotto e a chi è destinato?
- CTA principale e secondaria: cosa chiedono e sono adatte a fasi diverse dell'acquirente?
- Prove: loghi, numero di clienti, citazioni con nome, riconoscimenti degli analisti e dove sono posizionati.
- Instradamento: come la pagina indirizza ruoli, team o dimensioni aziendali diverse verso i contenuti giusti.
- Approfondimento below the fold: sezioni prodotto, anticipazioni sui prezzi, risorse.
Se vuoi adattare questi schemi per segmento invece di copiare un'unica versione, la nostra guida alla personalizzazione della homepage per il B2B spiega quali di questi elementi cambiare per primi.
1. HubSpot: due CTA per due tipi di acquirente
La homepage di HubSpot apre con un'affermazione sulla piattaforma ("Build demand, win deals, and delight customers, all on one platform") e un sottotitolo sull'allineamento di marketing, vendite e assistenza attorno ai dati dei clienti. Due pulsanti sono affiancati: uno per una demo del software premium e uno per iniziare con gli strumenti gratuiti. La coppia si ripete più in basso. Subito dopo la hero compare il numero di clienti, poi una sezione per ogni hub di prodotto. Più in basso, un carosello di case study ha schede per piccole, medie e grandi imprese, e la navigazione offre percorsi in base alla dimensione del team.
La coppia di CTA corrisponde esattamente ai due modelli di acquisizione di HubSpot. Il titolare di una piccola impresa procede in autonomia, il direttore marketing di un'azienda più grande prenota una demo, e nessuno dei due deve cercare.
Cosa testeremmo: la sezione divisa per hub è lunga. Testeremmo un breve selettore "in che team lavori" sopra di essa, che porti direttamente all'hub pertinente.
2. Stripe: mostra il prodotto in azione
La homepage di Stripe si apre con “Financial infrastructure to grow your revenue” e un sottotitolo che va dalla prima transazione di una startup alla miliardesima di una grande azienda. Nell'hero c'è un contatore “Global GDP running on Stripe”, e la pagina usa grafiche di prodotto, tra cui una schermata di checkout simulata, invece di illustrazioni astratte. Le CTA sono “Get started” e “Sign up with Google”; “Contact sales” si trova nell'header e in una sezione verso il fondo.
Il punto di forza qui è mostrare invece di raccontare: anziché descrivere i pagamenti, la pagina mostra com'è un checkout Stripe. Uno sviluppatore o un product manager può immaginarlo all'interno del proprio prodotto senza leggere un elenco di funzionalità.
Cosa testeremmo: la sezione hero offre due pulsanti self-service e nessun percorso verso le vendite. Testeremmo la sostituzione della registrazione con Google con un link "Parla con le vendite" per i visitatori identificati come grandi aziende.
3. Slack: selettore del piano accanto a Inizia
Il titolo della homepage di Slack è “All your people and AI agents working together”, seguito da un sottotitolo su due righe: “Slack connects your team. Slackbot multiplies what they can do.” Le CTA sono “Get started” e “Find your plan”. Più sotto ci sono esempi di prodotto a schede (chiedere a Slackbot, pianificare lanci, gestire progetti, chattare con i clienti, automatizzare attività), un feed “What's new” e sezioni raggruppate in conoscenza, persone, processi e piattaforma.
"Trova il tuo piano" è una CTA secondaria intelligente per un prodotto così conosciuto. Un visitatore che usa già Slack al lavoro potrebbe dover decidere solo quale piano acquistare, e questa CTA lo porta direttamente lì invece di fargli attraversare una presentazione di cui non ha bisogno.
Cosa testeremmo: il blocco "What's new" si trova in alto nella pagina. È utile agli utenti esistenti, ma per i nuovi visitatori business testeremmo la sua sostituzione con la storia di un cliente del loro settore.
4. Notion: casi d'uso come link, prove da leader con nome e cognome
La homepage di Notion si apre con "Where teams and agents think together" (il verbo ha uno stile a parte e può cambiare) e due CTA: "Get Notion free" e "Request a demo." Seguono tre brevi blocchi: raccogliere la conoscenza, trovare risposte e automatizzare il lavoro ripetitivo. Poi un elenco di casi d'uso concreti sotto forma di link ("Triage product feedback," "Resolve support tickets in Slack," "Automate weekly reporting"). La sezione delle prove usa citazioni di dirigenti nominati di aziende come Cursor, Faire e Ramp, con i loro ruoli, più una fila di dati sull'adozione come una posizione in classifica su G2 e l'utilizzo da parte delle Fortune 100.
Cosa ci piace: i link ai casi d'uso sono scritti come compiti, non come funzionalità. Un responsabile del supporto clicca su “Resolve support tickets in Slack” perché descrive la sua settimana.
Cosa testeremmo: i link ai casi d'uso sono generici per tutti i visitatori. È uno slot naturale da personalizzare per settore o reparto una volta che sai chi sta visitando il sito.
5. Linear: il protagonista è il prodotto
Il titolo della homepage di Linear è "The product development system for teams and agents", con il sottotitolo "Purpose-built for planning and building products. Designed for the AI era." L'immagine dell'hero è una rappresentazione del prodotto: un'issue creata da Slack, etichettata dall'AI, presa in carico da un agente e spostata in In Progress, con una bozza di pull request in attesa di revisione. La pagina illustra poi il flusso di lavoro per fasi: intake e integrazioni, pianificazione e monitoraggio, AI e automazioni, sviluppo e revisione, seguiti da un'anteprima del changelog, citazioni di clienti e una sezione finale di registrazione.
Per un pubblico tecnico, una vista realistica del prodotto è più convincente di qualsiasi affermazione. La panoramica è ordinata come il processo dell'acquirente, dalla presa in carico alla spedizione.
Cosa testeremmo: c'è poco per chi approva senza un profilo tecnico, come un COO o un responsabile finance. Una breve sezione su sicurezza, amministrazione e modello di prezzo aiuterebbe la seconda persona del buying committee.
6. Gong: parole sui risultati a rotazione, poi il risultato di un cliente con nome
La sezione hero della homepage di Gong abbina un'affermazione di categoria ("#1 AI OS for Revenue Teams") a una riga a rotazione: "Revenue AI built to" seguita da risultati come chiudere trattative più velocemente, prevedere i rischi della pipeline, automatizzare i passaggi di consegne e prevedere il churn. Le CTA sono "Book a demo" e "See Gong in action". Subito sotto compare il numero di clienti, poi la storia di un cliente nominato con dati di produttività e una citazione del suo responsabile enablement. Le sezioni inferiori presentano la piattaforma, un muro di citazioni di clienti nominati, le valutazioni sui siti di recensioni e i riconoscimenti degli analisti.
I risultati che ruotano permettono a una sola hero di parlare a responsabili commerciali, RevOps e customer success senza tre pagine separate. Il risultato di un cliente citato per nome arriva entro uno scroll, così l'affermazione è supportata prima che il visitatore debba chiederlo.
Cosa testeremmo: un testo che ruota può sfuggire o essere letto a metà del cambio. Testeremmo invece un titolo statico per ciascun segmento, scelto in base al ruolo del visitatore o al tipo di azienda.
7. Atlassian: un solo prodotto nella hero, raccolte più sotto
Quando l'abbiamo visitato, l'hero della homepage di Atlassian era un carosello a rotazione. La slide del prodotto recita "Unleash your teams and their agents" e si concentra su un solo prodotto, con "Get started with Jira" e "Contact us"; altre slide promuovevano l'evento Team Europe con pulsanti "Watch now". Più in basso, la pagina presenta raccolte di app raggruppate per attività: lavoro di squadra, strategia, assistenza, software e prodotto. La navigazione offre percorsi per caso d'uso, team, dimensione aziendale e settore.
Un'azienda con molti prodotti dovrebbe scegliere un unico punto d'ingresso per la hero invece di elencarli tutti, ed è ciò che fa Atlassian nella sua slide di prodotto. La sezione delle raccolte intercetta poi i visitatori arrivati per altro.
Cosa testeremmo: i visitatori dei team di assistenza IT potrebbero non volere Jira nella hero, e un visitatore alla prima visita potrebbe imbattersi in una slide su un evento che non dice nulla sui prodotti. Testeremmo una hero fissa dedicata al prodotto, scelto in base al referrer o al settore, con Jira come default.
8. Intercom: registrazione nella hero, prezzi in homepage
La homepage di Intercom si apre con "A complete system for AI and human customer service", una riga sul numero di recensioni a cinque stelle e un campo email con un pulsante di avvio direttamente nell'hero. La pagina poi spiega i suoi due prodotti, l'helpdesk e l'agente AI Fin, mostra una sezione "Works with the tools you already use" e include una sezione "Transparent pricing" direttamente in homepage.
Inserire una sezione prezzi nella homepage risponde alla domanda con cui arrivano molti visitatori B2B e segnala che il fornitore non teme il confronto. Ogni sezione di prodotto ha anche un link "Guarda la demo", così il visitatore può vedere il prodotto prima di lasciare la propria email.
Cosa testeremmo: un campo email nell'hero è adatto ai team piccoli. Per i visitatori enterprise testeremmo la sua sostituzione con una CTA per la demo.
9. monday.com: schede per reparto above the fold
Il titolo della homepage di monday.com è “People and agents working as one team”, con il sottotitolo “The AI workspace where people and agents drive business results together.” Subito sotto c'è una riga di reparti (marketing, operations, prodotto, vendite, PMO) e un pulsante “Get Started”. Segue una riga sull'adozione da parte delle aziende Fortune 500. La pagina mostra poi casi d'uso degli agenti con le stesse schede per reparto, così il contenuto cambia quando il visitatore sceglie il proprio team.
La riga dei reparti chiede al visitatore di autoidentificarsi nell'hero, e le sezioni successive rispondono a quella scelta. È una versione manuale di ciò che la segmentazione dei visitatori fa automaticamente.
Cosa testeremmo: preselezionare la scheda del reparto in base ai dati noti sul visitatore, così un team marketing arriva sugli esempi di marketing senza fare clic.
10. Snowflake: un banner per l'evento ed entrambi i percorsi nella navigazione
La homepage di Snowflake ha in alto un banner per un prossimo evento virtuale gratuito. La navigazione contiene sia "Contact sales" sia un pulsante di avvio self-service, con accanto un selettore della lingua. L'hero promuove i nuovi prodotti AI, poi una sezione sulla piattaforma con i link "Why Snowflake" e "View pricing", seguita da storie dei clienti e dall'ecosistema dei partner.
Tenere sia il percorso commerciale sia quello self-service nella navigazione fissa significa che sono disponibili in ogni punto della pagina, non solo nell'hero.
Cosa testeremmo: la sezione hero promuove i lanci di prodotto, utili a clienti esistenti e analisti. I nuovi visitatori potrebbero aver bisogno di una spiegazione più semplice di cosa sia Snowflake. Testeremmo una suddivisione tra visitatori nuovi e di ritorno.
11. Zendesk: campo email con testo sul consenso nella hero
Il titolo della homepage di Zendesk è “AI-powered customer service platform”, con un sottotitolo costruito attorno a un'affermazione sull'automazione dei suoi agenti AI. Nella hero ci sono un campo per l'email aziendale e un pulsante di avvio, con una riga di consenso alle comunicazioni di marketing e un link all'informativa privacy subito sotto. Segue una riga di dati di utilizzo, poi sezioni sugli agenti AI autonomi, un report di analisti, “Built for businesses of all sizes” con storie di clienti, integrazioni, risorse e una sezione prezzi.
La riga di consenso accanto al campo email è trasparente su cosa succede all'indirizzo, un aspetto importante per gli acquirenti in mercati con regole rigide sul consenso come l'UE. La sezione prezzi verso il fondo intercetta i visitatori che hanno scorso tutta la pagina cercando i costi.
Cosa testeremmo: l'affermazione nella hero è un grande dato di automazione "fino a". I responsabili del supporto conoscono il proprio mix di ticket, quindi testeremmo l'aggiunta di una breve precisazione sul tipo di interazioni a cui si riferisce e osserveremmo se cambiano i clic su demo e registrazione dei team più grandi.
Schemi ricorrenti in questi esempi di siti B2B
- Due CTA per due modalità d'acquisto. HubSpot, Notion e Atlassian affiancano un'azione self-service a un'azione commerciale, e Gong affianca una demo a un tour del prodotto. La coppia è l'equivalente dell'instradamento sulla homepage.
- Autoidentificazione in alto: le schede per reparto di monday.com, i link ai casi d'uso di Notion e le raccolte di Atlassian chiedono tutti al visitatore "chi sei" fin da subito.
- Prove entro un solo scroll. Numero di clienti, risultati con nome e loghi compaiono subito dopo la hero nella maggior parte degli esempi.
- Stripe e Linear mostrano il prodotto invece di descriverlo, con viste realistiche del prodotto nella parte alta della pagina.
- I prezzi non sono nascosti. Intercom e Zendesk includono sezioni sui prezzi in homepage; Slack e Snowflake rimandano ai prezzi dall'hero o dalla navigazione.
- Una pagina per tutti. A parte le schede manuali, nessuna di queste homepage si adatta visibilmente all'azienda in visita. Hero, prove e CTA sono gli stessi per una startup e per un'enterprise.
Quest'ultimo punto è l'opportunità. Gli elementi che queste aziende fanno scegliere a mano ai visitatori (reparto, prodotto, dimensione aziendale) sono esattamente quelli che puoi preselezionare quando sai chi sta visitando il sito. Il nostro articolo su landing page e homepage spiega quale traffico dovrebbe davvero arrivare sulla homepage, e il design del sito B2B per i buying committee tratta la struttura di pagina dietro queste scelte.
Checklist della homepage per siti B2B
- Il titolo nomina la categoria o il compito da svolgere, non solo uno slogan.
- Il sottotitolo dice a chi è destinato il prodotto.
- Le CTA primaria e secondaria corrispondono ai tuoi due principali percorsi d'acquisto (self-service e vendite, oppure demo e risorse).
- Le prove compaiono entro uno scroll e corrispondono al pubblico (loghi di aziende simili, un risultato citato per nome).
- C'è un modo visibile per autoidentificarsi per ruolo, team, settore o dimensione aziendale.
- Il prodotto viene mostrato in uno stato realistico, non solo come illustrazione astratta.
- I prezzi sono raggiungibili dalla hero o dalla navigazione.
- I contenuti su sicurezza, integrazioni e amministrazione sono a un clic di distanza per la seconda persona del comitato d'acquisto.
- I clienti di ritorno trovano login e supporto senza dover scorrere.
- Ogni sezione deve avere un motivo di esistere per chi visita per la prima volta, altrimenti scende più in basso.
Per altri tipi di pagina, consulta le nostre raccolte di esempi di pagine prezzi SaaS e di esempi di pagine di richiesta demo, oltre agli esempi di landing page B2B suddivisi per tipo di pagina. Se vuoi vedere una homepage che si adatta a ogni azienda in visita, la nostra pagina dei casi d'uso mostra come funziona con Markettailor.
Domande frequenti
Cosa deve includere una homepage B2B?
Un titolo che nomina la categoria o l'attività, un sottotitolo che dice a chi si rivolge, due CTA che corrispondono ai tuoi percorsi d'acquisto, prove entro uno scroll, un modo per i visitatori di identificarsi per ruolo o tipo di azienda, una vista realistica del prodotto e link a prezzi, sicurezza e integrazioni. Gli esempi qui sopra mostrano ciascuno di questi elementi in pratica.
In cosa una homepage B2B è diversa da una homepage B2C?
Una homepage B2B si rivolge a più persone di un comitato d'acquisto e a buyer in fasi diverse, quindi indirizza più che vendere. Di solito offre un percorso commerciale accanto a quello self-service, contiene prove rivolte alle aziende più che ai singoli e rimanda ai contenuti di cui hanno bisogno gli approvatori tecnici e finanziari.
Una homepage B2B dovrebbe avere una CTA o due?
Due, nella maggior parte dei casi. Una per i visitatori pronti ad agire da soli (registrarsi, iniziare, vedere i prezzi) e una per i visitatori che hanno bisogno di una conversazione (prenotare una demo, contattare le vendite). HubSpot, Notion e Atlassian usano tutti una coppia self-service più vendite. Una sola CTA funziona solo quando hai un unico modello d'acquisto.
Quali sono buoni esempi di siti web B2B?
HubSpot, Stripe, Slack, Notion, Linear, Gong, Atlassian, Intercom, monday.com, Snowflake e Zendesk sono esempi utili perché ciascuno risolve bene un problema specifico: doppi percorsi d'acquisto, mostrare il prodotto, autoidentificazione, posizionamento delle prove o trasparenza dei prezzi. Studia la decisione alla base di ogni pagina invece di copiarne l'aspetto.
Ogni quanto dovresti cambiare la homepage?
Cambia hero e riprove quando cambiano il posizionamento o il pubblico principale, e testa continuamente modifiche più piccole. I grandi redesign senza un'ipotesi rendono difficile capire cosa ha funzionato. Misura la homepage sui clic verso i percorsi chiave (prezzi, demo, pagine prodotto), non solo sulle compilazioni dei moduli.