Fale com a Onnet

Modelo Vitalidade: site para nutricionista

Publicado em Tenhaseusite · 4 min de leitura

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

Quem procura uma nutricionista quer entender o método, como são as consultas e se o acompanhamento combina com a sua rotina. Um site para nutricionista precisa explicar serviços, método de acompanhamento e planos de forma leve e acolhedora. É essa a proposta do modelo Vitalidade, o 1º de uma série de dez estilos criados para nutricionistas.

Em poucas palavras, a descrição do modelo resume o clima: Verde fresco e acolhedor. Ideal para emagrecimento e reeducação alimentar.

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. O verde (#2f8f5b) guia o olhar para os botões e destaques, e o dourado entra como cor de apoio em selos, linhas e ícones.

Toda a página usa a fonte Poppins, sem serifa e fácil de ler em qualquer tela. Os elementos têm cantos bem arredondados, de visual acolhedor. Os botões acompanham o mesmo arredondamento dos cartões. O rodapé recebe um desenho de círculos sobrepostos sobre um fundo quase preto esverdeado, 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 “Comer bem pode ser simples, saboroso e feito para a sua rotina”, com o botão “Agendar consulta” e selos como “Presencial e online”, “Plano 100% individual” e “Retorno incluso”. 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 nutricionista costuma pedir, na ordem em que o visitante as procura:

  • Números: Faixa com números de credibilidade.
  • Sobre: Foto, história e formação do profissional.
  • Serviços: Cartões de serviços com ícone.
  • Como funciona: Etapas numeradas do acompanhamento.
  • Depoimentos: Cartões de depoimentos.
  • Consultas e planos: Tabela de planos com destaque.
  • 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).
  • Redes sociais: Cartões com as redes sociais do profissional.
  • Contato: Dados de contato, mapa, fotos com recortes diferentes e formulário.
  • Mapa do Google: Mapa com o endereço cadastrado, abaixo do formulário de contato. Aparece só se o endereço do mapa estiver 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 “Quero agendar”. Os campos pedem seu nome, e-mail, WhatsApp, qual é o seu objetivo e conte um pouco sobre você, 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 nutricionistas clínicas e esportivas. A publicidade em nutrição segue as normas do CFN; os textos de exemplo são informativos e não prometem resultados.

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, Serviços, 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/nutricionista/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