14 / CASE VEDDU · Saúde corporativa
Landing page para plano de saúde PME: HealthClass
Landing page B2B da corretora HealthClass para o plano de saúde empresarial da Alice, feita para pequenas e médias empresas que avaliam o benefício da equipe.
Role a página: a landing desce inteira, da abertura ao rodapé, no desktop e no celular.
Contexto
do projeto
Resposta direta
Como vender plano de saúde empresarial pela internet
Uma corretora vende plano de saúde empresarial pela internet com uma página que fala com cada pessoa que decide a compra, além de quem vai usar o plano. Na empresa, o RH convive com o problema, o financeiro aprova o custo e o sócio assina. Se a página fala só de rede ou só de preço, convence um deles e a cotação emperra nos outros.
- Contexto
- A Alice é uma operadora de saúde digital que vende plano empresarial, e a HealthClass, corretora de planos de saúde de São Paulo, é parceira autorizada dela. Antes desta página, a oferta já tinha uma primeira versão, ainda no ar em /b2b-alice/, escrita para quem tem CNPJ e quer pôr a família no plano.
- Desafio
- Explicar a empresas um modelo de plano que elas ainda não conhecem e, numa página dedicada a uma operadora, fazer a contratação passar pela corretora.
- Decisão
- Separar os papéis na página: a Alice aparece como o produto, e a HealthClass como quem recebe o pedido de cotação.
Cinco telas da landing e a decisão por trás de cada uma.
Recortes da página no ar em healthclass.com.br/b2b-alice-v2, capturados em outubro de 2026. Números, prazos e condições que aparecem nas telas são afirmações da própria página: preço, rede e reajuste dependem da cotação e do contrato de cada empresa.
Dores
Antes do argumento, a página fala do plano que a empresa já tem.
Logo depois do formulário do topo, e antes de explicar o modelo da Alice, cinco frases entre aspas reproduzem o que passa pela cabeça de quem administra o benefício hoje. Só a do RH, que fecha o bloco, aparece destacada em rosa. No celular, os cartões descem um por um, na mesma ordem.
Comparativo
O modelo da Alice vira tabela, lado a lado com o plano tradicional.
Três parágrafos curtos apresentam o argumento central da Alice sobre o próprio modelo de negócio. Logo abaixo, esse argumento vira tabela, com uma linha por critério e a coluna da Alice marcada com ponto rosa. Quem pula os parágrafos entende a diferença pela tabela.
Corretora
A prova é da corretora: números próprios e depoimentos por cargo.
Depois dos diferenciais da operadora, a seção passa a falar da HealthClass. Quatro números em rosa trazem tempo de mercado, avaliações, operadoras parceiras e porte atendido, e os depoimentos vêm assinados por cargo e tipo de empresa. Os três falam do trabalho da corretora: migração, comparativo e renovação. No celular, os números ficam em grade de dois por dois.
Dúvidas
Seis dúvidas fechadas em sanfona, com a resposta a um clique.
Só os enunciados ficam à vista, e a lista inteira cabe numa tela. As perguntas cobrem porte mínimo, migração, rede na cidade, carência, saída do contrato e por que contratar pela corretora.
Cotação
O formulário pergunta o porte da empresa antes do primeiro contato.
Além de nome, WhatsApp e e-mail corporativo, o formulário pede tipo de plano e quantidade de vidas em campos de escolha, e só o CNPJ é opcional. Acima dos campos, uma frase diz o que acontece depois do envio: quem responde, por quais canais e que a decisão continua com a empresa.
Como a Veddu constrói uma landing page que vende plano de saúde para empresas.
- 01Formulário logo abaixo da abertura
- 02Barra fixa quando ele sai da tela
- 03O mesmo formulário depois das dúvidas
- 04WhatsApp para quem prefere conversar
- 0
- menus de navegação
- 1
- barra fixa de cotação
- 3
- links de WhatsApp: cabeçalho, dúvidas e rodapé
Contagem feita no HTML da página publicada, em outubro de 2026.
O mesmo caminho serve para corretora, consultoria de benefícios e outros serviços vendidos a empresas. Cada etapa acende, ao lado, o bastidor dela neste projeto.
- 01
Um pedido só, do topo ao rodapé
O cabeçalho não tem menu, só o botão de WhatsApp. Uma barra fixa com o pedido de cotação aparece quando o formulário do topo sai da tela. Depois das dúvidas, o mesmo formulário volta para quem leu tudo antes de decidir.
- 01Formulário logo abaixo da abertura
- 02Barra fixa quando ele sai da tela
- 03O mesmo formulário depois das dúvidas
- 04WhatsApp para quem prefere conversar
- 0
- menus de navegação
- 1
- barra fixa de cotação
- 3
- links de WhatsApp: cabeçalho, dúvidas e rodapé
Contagem feita no HTML da página publicada, em outubro de 2026.
- 02
Uma abertura com o produto da operadora
A abertura mostra telas do painel de empresa da Alice em vídeo, numa moldura que começa inclinada e se endireita conforme a pessoa rola a página. É um jeito de apresentar uma operadora digital pelo próprio produto, sem foto de banco de imagem. No celular, a rolagem não mexe na moldura, que fica levemente inclinada.
A moldura da abertura
- 20° a 0°
- inclinação da moldura do topo ao fim da abertura, no desktop
- 0,92 a 1
- escala da moldura no mesmo trecho
- 6°
- inclinação fixa no celular, sem animação
Valores lidos no CSS e no script da abertura publicados na página.
- 03
Três fundos e uma cor de destaque
Três fundos dividem a leitura: preto na abertura e no primeiro formulário, cinza-claro nas seções de dores, diferenciais, corretora, passos e dúvidas, e vinho no comparativo, na seção do painel do RH e no fechamento. O magenta é a única cor de destaque, dos botões e números ao fundo do formulário repetido.
Sistema visual da página
- Preto
- #000000 · abertura e primeiro formulário
- Cinza-claro
- #F3F2F0 · dores, diferenciais, corretora, passos e dúvidas
- Vinho
- #40002D · comparativo e painel do RH; #3E052B no fechamento
- Magenta
- #E01F80 · botões, números e formulário repetido
- Manrope
- títulos, peso 800 na abertura
- DM Sans
- texto, campos e botões
Cores e fontes lidas nas variáveis do CSS publicado da página.
- 04
O código diz para quem é o serviço
O Google e os assistentes de IA também leem a página pelo código. Quatro blocos ligados por identificador descrevem a corretora, o site, a página e o serviço, e o bloco do serviço declara o público como empresa, e não pessoa física.
1221 "provider": { "@id": "https://healthclass.com.br/#organization" },1222 "areaServed": { "@type": "Country", "name": "Brasil" },1223 "audience": {1224 "@type": "BusinessAudience",1225 "audienceType": "Pequenas e médias empresas, MEI, RH/Gestores de pessoas"1226 },Trecho real do código publicado, no bloco que descreve o serviço.
Uma página assim começa pelas empresas que você atende.
Na primeira conversa, a Veddu olha quanto da sua carteira já é empresa, que tamanho de empresa fecha mais com você e em que ponto as cotações enviadas deixam de virar contrato. A página nasce dessas respostas.
Frentes deste projeto
- SitesLanding em HTML próprio, publicada à parte do WordPress que roda o resto do domínio, com estrutura das seções, formulários, dados estruturados e versão para o celular.
- Tráfego pagoConversão do Google Ads ligada, pelo Gerenciador de Tags, ao envio dos dois formulários da página. GA4 e Microsoft Clarity também rodam nela.