Uma home B2B atende ao público mais amplo do seu site: visitantes de primeira viagem vindos da busca, prospects voltando depois de uma call de vendas, clientes atuais procurando o login, candidatos, analistas, parceiros. Ela não consegue fechar nenhum deles, então sua função real é dizer a cada um, rapidamente, que está no lugar certo e para onde ir em seguida. Esta galeria analisa 11 homes no ar de empresas de software B2B conhecidas e detalha como cada uma cumpre essa função.
Visitamos cada página inicial em outubro de 2026 e descrevemos só o que estava na página naquele momento. Páginas iniciais mudam com frequência, principalmente o texto do hero, então trate os detalhes como um retrato do momento e os padrões como a lição. Cada exemplo tem link para o site ao vivo.
Como analisamos cada home
Em cada exemplo, verificamos cinco coisas, na ordem em que o visitante as vivencia:
- Título e subtítulo do hero: dizem o que é o produto e para quem ele é?
- CTA principal e secundário: o que eles pedem e se encaixam em estágios diferentes do comprador?
- Provas: logos, número de clientes, citações nomeadas, reconhecimento de analistas e onde ficam na página.
- Direcionamento: como a página leva diferentes cargos, equipes ou portes de empresa ao conteúdo certo.
- Profundidade abaixo da dobra: seções de produto, prévias de preços, materiais.
Se você quer adaptar esses padrões por segmento em vez de copiar uma versão, nosso guia de personalização da home para B2B mostra quais desses elementos mudar primeiro.
1. HubSpot: dois CTAs para dois tipos de comprador
A home da HubSpot começa com uma afirmação de plataforma ("Build demand, win deals, and delight customers, all on one platform") e um subtítulo sobre alinhar marketing, vendas e atendimento em torno dos dados do cliente. Dois botões ficam lado a lado: um para uma demo do software premium e outro para começar com as ferramentas gratuitas. O par se repete mais abaixo. Logo depois do hero aparece o número de clientes e, em seguida, uma seção para cada hub de produto. Mais abaixo, um carrossel de estudos de caso tem abas para pequenas, médias e grandes empresas, e a navegação oferece caminhos por tamanho de equipe.
O par de CTAs corresponde exatamente aos dois movimentos de aquisição da HubSpot. O dono de uma pequena empresa resolve sozinho, um diretor de marketing de uma empresa maior agenda uma demo, e nenhum dos dois precisa procurar.
O que testaríamos: a seção que percorre hub por hub é longa. Testaríamos um seletor curto de "em qual equipe você está" acima dela, que leve direto ao hub relevante.
2. Stripe: mostre o produto funcionando
A home da Stripe abre com "Financial infrastructure to grow your revenue" e um subtítulo que vai da primeira transação de uma startup à bilionésima de uma grande empresa. Um contador "Global GDP running on Stripe" fica na seção principal, e a página usa gráficos do produto, incluindo uma tela simulada de checkout, em vez de ilustrações abstratas. Os CTAs são "Get started" e "Sign up with Google"; o "Contact sales" fica no cabeçalho e em uma seção perto do fim.
A força aqui está em mostrar em vez de dizer: em vez de descrever pagamentos, a página mostra como é um checkout da Stripe. Um desenvolvedor ou gerente de produto consegue imaginá-lo dentro do próprio produto sem ler uma lista de recursos.
O que testaríamos: o hero oferece dois botões de autoatendimento e nenhum caminho para vendas. Testaríamos trocar o cadastro com Google por um link "Fale com vendas" para visitantes identificados como grandes empresas.
3. Slack: localizador de planos ao lado do Get Started
O título da página inicial do Slack é "All your people and AI agents working together", seguido de um subtítulo em duas linhas: "Slack connects your team. Slackbot multiplies what they can do." Os CTAs são "Get started" e "Find your plan". Abaixo vêm exemplos do produto em abas (perguntar ao Slackbot, planejar lançamentos, tocar projetos, conversar com clientes, automatizar tarefas), um feed de novidades e seções agrupadas em conhecimento, pessoas, processos e plataforma.
"Encontre o seu plano" é um CTA secundário inteligente para um produto tão conhecido. Um visitante que já usa o Slack no trabalho talvez só esteja decidindo qual plano comprar, e isso o leva direto até lá, em vez de passar por um discurso de vendas de que ele não precisa.
O que testaríamos: o bloco "What's new" fica no alto da página. Ele atende bem os usuários atuais, mas para visitantes de novos negócios testaríamos trocá-lo por uma história de cliente do setor deles.
4. Notion: casos de uso como links, prova de líderes nomeados
A home do Notion abre com "Where teams and agents think together" (o verbo tem um estilo separado e pode alternar) e dois CTAs: "Get Notion free" e "Request a demo." Em seguida vêm três blocos curtos: capturar conhecimento, encontrar respostas e automatizar tarefas repetitivas. Depois, uma lista de casos de uso concretos em forma de links ("Triage product feedback," "Resolve support tickets in Slack," "Automate weekly reporting"). A seção de provas usa citações de líderes nomeados de empresas como Cursor, Faire e Ramp, com seus cargos, além de uma fileira de dados de adoção, como uma posição no G2 e o uso por empresas da Fortune 100.
O que gostamos: os links de casos de uso são escritos como tarefas, não como recursos. Um líder de suporte clica em "Resolve support tickets in Slack" porque isso descreve a semana dele.
O que testaríamos: os links de casos de uso são genéricos para todos os visitantes. É um espaço natural para personalizar por setor ou departamento quando você souber quem está visitando.
5. Linear: o protagonista é o produto
O título da página inicial do Linear é “O sistema de desenvolvimento de produtos para equipes e agentes”, com o subtítulo “Feito sob medida para planejar e construir produtos. Projetado para a era da IA.” O visual do hero é uma representação do produto: uma issue criada no Slack, rotulada por IA, assumida por um agente e movida para In Progress, com um pull request em rascunho aguardando revisão. A página então percorre o fluxo de trabalho em etapas: entrada e integrações, planejamento e monitoramento, IA e automações, construção e revisão, seguidas de uma prévia do changelog, depoimentos de clientes e uma seção final de cadastro.
Para um público técnico, uma visão realista do produto convence mais do que qualquer afirmação. O passo a passo segue a ordem do próprio processo do comprador, da entrada do pedido ao envio.
O que testaríamos: há pouco para um aprovador não técnico, como um COO ou um líder de finanças. Uma seção curta sobre segurança, administração e modelo de preços ajudaria a segunda pessoa do comitê de compras.
6. Gong: palavras de resultado em rotação e depois o resultado de um cliente nomeado
O hero da home da Gong combina uma afirmação de categoria ("#1 AI OS for Revenue Teams") com uma linha rotativa: "Revenue AI built to" seguida de resultados como fechar negócios mais rápido, prever riscos no pipeline, automatizar passagens de bastão e prever churn. Os CTAs são "Book a demo" e "See Gong in action". Logo abaixo aparece o número de clientes e, em seguida, a história de um cliente nomeado com números de produtividade e uma citação do líder de enablement desse cliente. As seções inferiores falam da plataforma, de um mural de depoimentos de clientes nomeados, de notas em sites de avaliação e do reconhecimento de analistas.
Os resultados que se alternam permitem que um único hero fale com líderes de vendas, RevOps e customer success sem três páginas separadas. O resultado nomeado de um cliente aparece em uma rolagem, então a afirmação já está comprovada antes que o visitante precise perguntar.
O que testaríamos: um texto rotativo pode passar despercebido ou ser lido no meio da troca. Testaríamos, em vez disso, um título fixo para cada segmento, escolhido conforme o cargo do visitante ou o tipo de empresa.
7. Atlassian: um produto no hero, coleções abaixo
O hero da home da Atlassian era um carrossel rotativo quando visitamos. O slide de produto diz “Unleash your teams and their agents” e foca em um único produto, com “Get started with Jira” e “Contact us”; outros slides promoviam o evento Team Europe com botões “Watch now”. Mais abaixo, a página apresenta coleções de apps agrupadas por função: trabalho em equipe, estratégia, atendimento, software e produto. A navegação oferece caminhos por caso de uso, equipe, porte de empresa e setor.
Uma empresa com muitos produtos deve escolher um ponto de entrada para o hero em vez de listar todos, e a Atlassian faz isso no seu slide de produto. A seção de coleções depois atende os visitantes que vieram por outra coisa.
O que testaríamos: visitantes de times de serviços de TI talvez não queiram o Jira no destaque, e quem visita pela primeira vez pode cair em um slide de evento que não diz nada sobre os produtos. Testaríamos um destaque de produto fixo, com o produto escolhido pela origem do tráfego ou pelo setor e o Jira como padrão.
8. Intercom: cadastro no hero, preços na homepage
A homepage do Intercom começa com "A complete system for AI and human customer service", uma linha sobre o número de avaliações cinco estrelas e um campo de e-mail com um botão de início direto no hero. Em seguida, a página explica seus dois produtos, o helpdesk e o agente de IA Fin, mostra uma seção "Works with the tools you already use" e inclui uma seção "Transparent pricing" na própria homepage.
Colocar uma seção de preços na home responde à pergunta com que muitos visitantes B2B chegam e sinaliza que o fornecedor não tem receio de ser comparado. Cada seção de produto também tem um link "Ver demo", para que o visitante veja o produto antes de entregar um e-mail.
O que nós testaríamos: um campo de e-mail no hero funciona para equipes pequenas. Para visitantes enterprise, testaríamos substituí-lo por um CTA de demo.
9. monday.com: abas de departamentos acima da dobra
O título da homepage da monday.com é “People and agents working as one team”, com o subtítulo “The AI workspace where people and agents drive business results together.” Logo abaixo, há uma linha de departamentos (marketing, operações, produto, vendas, PMO) e um botão “Get Started”. Em seguida vem uma frase sobre a adoção por empresas da Fortune 500. Depois, a página mostra casos de uso de agentes com as mesmas abas de departamento, então o conteúdo muda quando o visitante escolhe sua equipe.
A linha de departamentos pede que o visitante se identifique na seção principal, e as seções seguintes respondem a essa escolha. É uma versão manual do que a segmentação de visitantes faz automaticamente.
O que testaríamos: pré-selecionar a aba de departamento com base nos dados conhecidos do visitante, para que um time de marketing caia direto nos exemplos de marketing sem precisar clicar.
10. Snowflake: um banner de evento e os dois caminhos na navegação
A homepage do Snowflake traz no topo um banner de um evento virtual gratuito que está por vir. A navegação tem tanto "Contact sales" quanto um botão de início self-service, com um seletor de idioma ao lado. O hero promove novos produtos de IA; depois vem uma seção sobre a plataforma, com links "Why Snowflake" e "View pricing", seguida de histórias de clientes e do ecossistema de parceiros.
Manter os caminhos de vendas e de self-service na navegação fixa faz com que eles estejam disponíveis em qualquer ponto da rolagem, e não apenas no hero.
O que testaríamos: o hero promove lançamentos de produtos, o que atende clientes atuais e analistas. Visitantes novos podem precisar de uma explicação mais simples do que é o Snowflake. Testaríamos uma divisão entre visitantes novos e recorrentes.
11. Zendesk: campo de e-mail com texto de consentimento no hero
O título da página inicial do Zendesk é "AI-powered customer service platform", com um subtítulo construído em torno de uma afirmação sobre automação dos seus agentes de IA. Um campo de e-mail corporativo e um botão para começar ficam no hero, com uma linha de opt-in para comunicações de marketing e um link para o aviso de privacidade logo abaixo. Em seguida vem uma linha com números de uso, depois seções sobre agentes de IA independentes, um relatório de analistas, "Built for businesses of all sizes" com histórias de clientes, integrações, materiais e uma seção de preços.
A linha de opt-in ao lado do campo de e-mail é honesta sobre o que acontece com o endereço, o que importa para compradores em mercados com regras rígidas de consentimento, como a UE. A seção de preços perto do fim captura os visitantes que rolaram a página inteira procurando o custo.
O que testaríamos: a promessa principal é um grande número de automação "de até". Líderes de suporte conhecem o próprio mix de tickets, então testaríamos acrescentar uma breve ressalva sobre a quais tipos de interação o número se refere e observaríamos se os cliques em demo e cadastro de times maiores mudam.
Padrões em comum nestes exemplos de sites B2B
- Dois CTAs para dois movimentos de compra. HubSpot, Notion e Atlassian combinam uma ação de autoatendimento com uma ação de vendas, e a Gong combina uma demo com um tour pelo produto. O par é o equivalente, na home, ao roteamento.
- Autoidentificação logo no topo: as abas por departamento do monday.com, os links de casos de uso do Notion e as coleções da Atlassian perguntam cedo ao visitante "qual deles é você".
- Prova em uma rolagem. Número de clientes, resultados nomeados e logos aparecem logo após o hero na maioria dos exemplos.
- Stripe e Linear mostram o produto em vez de descrevê-lo, com telas realistas do produto perto do topo.
- Os preços não ficam escondidos. Intercom e Zendesk incluem seções de preços na homepage; Slack e Snowflake linkam para os preços a partir do hero ou da navegação.
- Uma página para todos. Fora as abas manuais, nenhuma dessas páginas iniciais se adapta visivelmente à empresa visitante. O hero, as provas e o CTA são os mesmos para uma startup e para uma grande empresa.
Esse último ponto é a oportunidade. Os elementos que essas empresas fazem o visitante escolher manualmente (departamento, produto, porte da empresa) são exatamente os que você pode pré-selecionar quando sabe quem está visitando. Nosso post sobre landing page vs home explica qual tráfego deveria chegar pela home, e design de sites B2B para comitês de compra aborda a estrutura de página por trás dessas escolhas.
Checklist da home para sites B2B
- O título nomeia a categoria ou a tarefa, não apenas um slogan.
- O subtítulo diz para quem é o produto.
- Os CTAs principal e secundário correspondem aos seus dois principais caminhos de compra (self-service e vendas, ou demo e material).
- A prova aparece em até uma rolagem e combina com o público (logos de empresas parecidas, um resultado com nome).
- Há uma forma visível de o visitante se identificar por cargo, time, setor ou porte da empresa.
- O produto é mostrado em um estado realista, e não apenas como ilustração abstrata.
- Há link para os preços no hero ou na navegação.
- Conteúdo de segurança, integrações e administração fica a um clique para a segunda pessoa do comitê de compra.
- Clientes que voltam encontram o login e o suporte sem rolar a página.
- Cada seção precisa ter um motivo para existir para quem visita pela primeira vez; caso contrário, desce na página.
Para outros tipos de página, veja nossas galerias complementares de exemplos de páginas de preços SaaS e exemplos de páginas de solicitação de demo, além de exemplos de landing pages B2B separados por tipo de página. Se você quer ver uma home se adaptar a cada empresa visitante, nossa página de casos de uso mostra como isso funciona com o Markettailor.
Perguntas frequentes
O que uma página inicial B2B deve incluir?
Um título que nomeia a categoria ou a tarefa, um subtítulo que diz para quem é, dois CTAs que correspondem aos seus caminhos de compra, prova a uma rolagem de distância, uma forma de o visitante se identificar por cargo ou tipo de empresa, uma visão realista do produto e links para preços, segurança e integrações. Os exemplos acima mostram cada um desses itens na prática.
Qual a diferença entre uma página inicial B2B e uma página inicial B2C?
Uma home B2B fala com várias pessoas de um comitê de compra e com compradores em estágios diferentes, então ela mais direciona do que vende. Geralmente oferece um caminho via vendas ao lado do autoatendimento, traz provas voltadas a empresas, e não a indivíduos, e linka para o conteúdo de que os aprovadores técnicos e financeiros precisam.
Uma home B2B deve ter um CTA ou dois?
Dois, na maioria dos casos. Um para visitantes prontos para agir sozinhos (cadastrar-se, começar, ver preços) e outro para visitantes que precisam de uma conversa (agendar uma demo, falar com vendas). HubSpot, Notion e Atlassian usam um par self-service mais vendas. Um único CTA só funciona quando você tem um único movimento de compra.
Quais são bons exemplos de sites B2B?
HubSpot, Stripe, Slack, Notion, Linear, Gong, Atlassian, Intercom, monday.com, Snowflake e Zendesk são exemplos úteis porque cada um resolve bem um problema específico: caminhos de compra duplos, mostrar o produto, autoidentificação, posicionamento de provas ou transparência de preços. Estude a decisão por trás de cada página em vez de copiar o visual.
Com que frequência você deve mudar sua home?
Mude o hero e a prova quando seu posicionamento ou seu público principal mudar, e teste mudanças menores continuamente. Grandes redesigns sem hipótese dificultam saber o que funcionou. Meça a homepage pelos cliques nos caminhos principais (preços, demonstração, páginas de produto), não só pelos preenchimentos de formulário.