Pular para o conteúdo
Voltar ao portfólio

Case conceito · Corretoras de saúde e seguros

Amparo

Um site de corretora feito para transformar visita em cotação: o cliente conta o perfil em quatro passos e a mensagem chega pronta no WhatsApp.

A Amparo Saúde & Seguros é uma corretora fictícia. O site é real, foi feito pela pjerseN e está no ar para você testar.

Página inicial da Amparo no computador: o título “Sua saúde e segurança em mãos especializadas”, a foto de um pai abraçando a filha e os botões de cotação para pessoa física e empresa.
A Amparo no celular, com o botão “Cotar agora pelo WhatsApp” fixo no rodapé da tela.

Medido no site publicado

Números, não adjetivos.

no carregamento inicial do celular
< 250 KB
De 198 KB a 242 KB, conforme a densidade da tela.
até o conteúdo principal aparecer
~0,9 s
Mediana sem limitar a rede; de 0,8 a 2,1 s nas cinco medições.
de deslocamento de layout (CLS)
0
Mediana das medições; o maior valor medido foi 0,01.
de acessibilidade no Lighthouse
100
Teclado, contraste AA e respeito a “reduzir movimento”.

Página inicial em perfil de celular (390 × 844, densidade 3), cache limpo, sem limitar a rede, mediana de cinco medições com o Lighthouse, em 30/09/2026.

O desafio

O cliente chega com “quanto custa?”.

Plano de saúde não tem preço de vitrine: o valor depende da idade de cada pessoa, da cidade, do tipo de plano e de escolhas como coparticipação e acomodação. Por isso a conversa costuma começar com a corretora perguntando tudo, mensagem por mensagem.

Enquanto isso, o cliente compara com quem respondeu primeiro. Um site de corretora precisa explicar sem letra miúda, passar confiança e já entregar o perfil organizado para o consultor.

A solução

Um site que termina em cotação.

  • Cotação em quatro passos

    Para quem é, idades pelas faixas da ANS (ou número de vidas da empresa), cidade e contato. A mensagem chega pronta no WhatsApp da corretora.

  • Cotar a um toque

    No celular, “Cotar agora pelo WhatsApp” fica fixo no rodapé da tela; no computador, um botão flutuante. Sempre à vista.

  • Pessoas e empresas

    Individual, familiar, adesão, MEI, PME e corporativo, em abas. Cada card mostra o que a corretora avalia, sem prometer preço.

  • Saúde e seguros juntos

    Vida, empresarial, auto e residencial têm seção própria e caminho próprio no formulário.

  • Confiança sem letra miúda

    Comparativo “sozinho × com consultoria” e dúvidas frequentes com as regras da ANS em linguagem simples.

  • Rápido e acessível

    Páginas estáticas, prévia pronta para o WhatsApp, navegação por teclado, contraste AA e respeito a “reduzir movimento”.

Formulário de cotação da Amparo no celular, no passo 2 de 4: quantas pessoas em cada faixa de idade, com botões de mais e de menos e o botão Continuar.
O formulário no celular. Cada passo pergunta só o necessário.
Seção de planos da Amparo no computador: as abas “Para você e sua família” e “Para sua empresa” e três cards, Individual, Familiar e Adesão.
Planos por perfil, em abas: pessoa física e empresa.

Direção visual

Verde que acolhe.

Do lima ao esmeralda, títulos geométricos em Sora e um cabeçalho de vidro. Saúde sem cara de hospital: clara, próxima e confiável.

  • Fundo#F4F9F1
  • Lima#6CC035
  • Esmeralda#00A443
  • Verde profundo#032B1D

A foto principal é de banco de imagens (Unsplash), e o espaço do vídeo institucional fica reservado. Numa corretora real, entram a equipe e o atendimento dela.

Seção de cotação da Amparo no computador: à esquerda, o passo a passo com o primeiro passo concluído e o segundo em andamento; à direita, as faixas de idade.
O passo a passo acompanha o cliente até o envio.

Tecnologia

Por baixo.

As páginas ficam prontas antes da visita e quase não carregam JavaScript: só o formulário, o menu e as animações. Os dados da corretora ficam num único arquivo, fácil de trocar.

  • Astro 5
  • TypeScript
  • Tailwind CSS v4
  • Páginas estáticas
  • Vercel

A sua corretora merece cotações prontas.

Me conta como os clientes chegam até você hoje. A conversa começa no WhatsApp.