Fale com a Onnet

Modelo Clínica Viva para médico: azul-turquesa clínico e humano

Publicado em Tenhaseusite · 4 min de leitura

Publicado originalmente em Tenhaseusite. Esta é uma cópia do artigo; leia e compartilhe o original.

O paciente que pesquisa um médico quer informação confiável sobre especialidade, estrutura e como se preparar para a consulta. Um site para médico precisa apresentar especialidades, exames, estrutura e convênios com sobriedade. É essa a proposta do modelo Clínica Viva, o 1º de uma série de dez estilos criados para médicos e consultórios.

Em poucas palavras, a descrição do modelo resume o clima: Azul-turquesa clínico e humano.

No computador
No tablet
No celular

As imagens acima são capturas reais da demonstração do modelo, em tamanho de computador, tablet e celular. O site se adapta a cada tela, sem que você precise fazer nada.

Cores, fontes e formas

O fundo claro (branco) deixa a página leve e luminosa, com textos em tom escuro que facilitam a leitura, principalmente no celular. A cor principal, um tom de turquesa (#0e7c9b), aparece nos botões e nos destaques; a cor de apoio, turquesa, acompanha detalhes, selos e ícones.

Os títulos usam a fonte Manrope e o texto corrido usa Inter, ambas sem serifa e fáceis de ler em qualquer tela. Os elementos têm cantos arredondados, de visual amigável. Os botões acompanham o mesmo arredondamento dos cartões. O rodapé recebe um desenho de hexágonos sobre um fundo quase preto azulado, que fecha a página com personalidade.

A capa e o menu

O menu traz a marca à esquerda e os links de navegação à direita. Na capa, o texto fica alinhado à esquerda sobre a foto principal. Na demonstração, a capa apresenta o título “Cuidar do coração com atenção, ciência e tempo para ouvir você”, com o botão “Agendar consulta” e selos como “Atende convênios”, “Exames no consultório” e “Telemedicina”. Todos os textos e a foto podem ser trocados pelos seus no painel, sem código.

As seções do modelo

O modelo já vem com as seções que um site de médico costuma pedir, na ordem em que o visitante as procura:

  • Números: Faixa com números de credibilidade.
  • Especialidades: Áreas de atuação em cartões.
  • Sobre: Foto, história e formação do profissional.
  • Exames e procedimentos: Exames e procedimentos realizados.
  • Estrutura da clínica: Ambiente, equipamentos e acessibilidade.
  • Convênios: Planos de saúde atendidos.
  • Como se preparar: O que levar e como se preparar para a consulta.
  • Corpo clínico: Médicos e especialidades.
  • Informação em saúde: Artigos educativos (ajudam no Google).
  • Perguntas frequentes: Perguntas e respostas em sanfona (também gera dados estruturados).
  • Últimas notícias: Até 3 artigos do blog com o botão Veja mais (some se o site não tem artigos).
  • Banner de destaque: Faixa com janelas de site sobrepostas, título, texto e botão (aparece só com título preenchido).

Contato e agendamento

O formulário aparece em cartão, sem contorno, com uma faixa de cor no topo e campos preenchidos. O título é “Agende sua consulta” e o botão de envio diz “Agendar”. Os campos pedem seu nome, e-mail, WhatsApp, motivo do contato e mensagem, um por linha, para facilitar o preenchimento no celular. O botão flutuante de WhatsApp, o telefone, o e-mail e o mapa do Google completam o contato, e o site já traz o aviso de cookies e as políticas de privacidade.

Para quem combina

O visual claro transmite organização e transparência, e funciona bem em qualquer horário de leitura. É uma boa escolha para consultórios que querem um visual sóbrio e profissional. A publicidade médica segue as normas do CFM; por isso os textos de exemplo são informativos, sem promessa de cura ou resultado.

Versão de 5 páginas e como ter este modelo

Este modelo também existe em uma versão de cinco páginas (Início, Sobre, Especialidades, Como funciona e Contato), usada no plano Essencial, com o mesmo visual. No visualizador do catálogo, basta alternar entre “Onepage” e “5 páginas” para comparar.

Abra a demonstração em tenhaseusite.com.br/modelos/medico/modelo-1, veja o modelo funcionando e clique em Quero esse para ter o seu. Você escolhe, troca textos e fotos pelo painel e publica sem precisar de um programador.

Notícias parecidas