Modelo Vitalidade: site para nutricionista

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.



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.