Todos os projetos
01Protótipo publicado

Márcia Chaves

Uma landing page que apresenta o acompanhamento terapêutico com acolhimento e leva a primeira conversa para o WhatsApp.

Categoria
Landing page
Nicho
Terapia
Ano
2026
Papel
Arquitetura de conteúdo, interface e desenvolvimento front-end.
Telas da landing page de Márcia Chaves no desktop e no celular, sobre fundo azul

Contexto

Terapeuta certificada em TRG, com formação em Terapia Cognitivo-Comportamental, Leitura Corporal e Inteligência Emocional, e atendimento online e presencial em Almenara (MG).

Objetivo

Explicar como o atendimento funciona e tornar o primeiro contato simples e sem pressão, pelo WhatsApp.

Tecnologias

  • HTML
  • CSS
  • JavaScript
  • Node.js
  • Motion
  • Vercel

O desafio

Quem procura terapia costuma chegar inseguro. Precisa se reconhecer no que está vivendo, entender as abordagens e saber que o primeiro passo é só uma conversa.

A página começa pelo acolhimento e pelas credenciais, ajuda a pessoa a se reconhecer em situações comuns, explica as abordagens e como funciona o atendimento, responde dúvidas e termina em uma chamada para o WhatsApp.

Direção visual

A paleta sai do selo TRG. Marinho e azul conduzem títulos e botões, os fundos são claros e as outras cores do selo marcam os ícones das credenciais. Palavras grandes e esmaecidas ao fundo, como Mente, Escuta e Emoções, dão ritmo às seções.

  • Marinho#16305A, títulos e botões
  • Azul do selo#3B8FD1, acento principal
  • Fundo claro#F2F7FB, seções alternadas
  • TítulosHind Vadodara
  • DestaqueCrimson Text
  • TextoHind Siliguri

Implementação

O site é gerado por um script de build em Node.js a partir de um arquivo central de configuração, que reúne textos, contatos, dúvidas e imagens. O resultado é HTML estático, publicado na Vercel.

  • Campos pendentes marcados entre colchetes e conferidos por um comando antes de publicar
  • Animações com Motion: entrada do hero, paralaxe na foto e revelação ao rolar, desligadas com movimento reduzido
  • WhatsApp flutuante que some quando a chamada final ou o rodapé aparecem
  • Dados estruturados ProfessionalService e Person, sitemap e robots gerados no build

Cuidado com o tema

Um site de terapia precisa ser claro sobre o que oferece e sobre o que não oferece.

  • Aviso de que o acompanhamento não substitui tratamento médico ou psiquiátrico
  • Rodapé orienta procurar o serviço de emergência em situações de risco
  • Seção de depoimentos só aparece com relatos reais e autorizados
  • Política de privacidade própria

O que este case não afirma

  • Apresentado como protótipo publicado. Não há métricas de agendamento ou contato publicadas.
  • Ainda não há depoimentos. A seção fica oculta até existirem relatos autorizados.
  • O repositório não é público.

Tem um projeto em mente?

Sua empresa pode sero próximo projeto.

Se você precisa criar um site do zero ou melhorar o que já tem, conte o que precisa. Respondo com os próximos passos.

Disponível para projetos

WhatsApp