Conhecer
Oito coberturas apresentadas em cartões, com uma página de produtos para quem quer os detalhes.
SITES / INSTITUCIONAL
MS Corretora.
Confiança na primeira tela, cotação na seguinte.
Site institucional para uma corretora de seguros: apresenta as coberturas e as seguradoras parceiras e leva o visitante do interesse à cotação pelo WhatsApp.
Acessar o sitemscorretoraseguros.com.br ↗
01 — O PROJETO
Solidez que vira contato.
A MS Corretora atua há mais de 15 anos com seguros de vida, auto, residencial, moto, viagem e empresarial. O site precisava fazer duas coisas: transmitir a solidez de uma corretora consolidada e transformar o interesse em contato. As cores da marca, azul-marinho e laranja, guiaram a interface: fundo escuro no topo, cartões claros nas coberturas e o laranja reservado para as ações.
Do design ao código: HTML, CSS e JavaScript, com animações de rolagem (GSAP e Lenis), página de produtos, perguntas frequentes, dados para compartilhamento nas redes e páginas de erro próprias, publicado no Netlify.
02 — A EXPERIÊNCIA
Do interesse à cotação em três passos.
Confiar
Seguradoras parceiras, diferenciais da corretora e perguntas frequentes respondem às dúvidas antes do contato.
Cotar
O formulário monta a mensagem e abre o WhatsApp com os dados preenchidos, sem cadastro nem espera.
03 — STYLE GUIDE
A identidade em código.
Tipografia
Bricolage Grotesque
DM Sans
- Fonte
- Bricolage Grotesque
- Peso
- 700
- Tamanho
- 40 px
- Altura da linha
- 110%
Proteja o que mais importa
- Fonte
- Bricolage Grotesque
- Peso
- 700
- Tamanho
- 32 px
- Altura da linha
- 115%
Proteja o que mais importa
- Fonte
- Bricolage Grotesque
- Peso
- 700
- Tamanho
- 24 px
- Altura da linha
- 120%
Proteja o que mais importa
- Fonte
- DM Sans
- Peso
- 400
- Tamanho
- 16 px
- Altura da linha
- 155%
Seguros de vida, auto, residencial, moto e muito mais. Cotação online em minutos.
Cores
Laranja
Azul-marinho
Neutras
Marca
Componentes
Solicitar cotaçãoVer coberturas
Solicitar cotaçãoVer coberturasSaiba mais →
Solicitar cotação
VidaAutoResidencial
Aceito o contatoAceito o contato
VidaResidencial
Cotação gratuitaConcluídoAtençãoNovo
Seguro de VidaProteção financeira para a sua família.
04 — DESIGN FINAL
Design final.
CONTINUE EXPLORANDO
Outro site, outra ideia.
Propostaria