Landing Page
Dr. Carlos Mattos
Landing page para um consultório de psiquiatria em Curitiba, com toda a jornada levando a um único canal de agendamento: o WhatsApp
Landing page para um psiquiatra que atende presencialmente em Curitiba e por teleconsulta em todo o Brasil. A página parte das situações que o paciente reconhece no próprio dia a dia, apresenta o médico e explica o tratamento em 4 passos — com o agendamento pelo WhatsApp sempre a um toque de distância, em qualquer ponto da rolagem.
Ver site ao vivoPAPEL
UX/UI Design e desenvolvimento front-end
DURAÇÃO
Menos de 1 mês
PLATAFORMA
Web (landing page responsiva)
SQUAD
Eu (design e código) + o cliente
CONTEXTO
O desafio
Procurar um psiquiatra costuma acontecer num momento de desgaste: a pessoa já convive há tempo com falta de foco, ansiedade ou um TDAH nunca diagnosticado, e qualquer atrito no caminho vira motivo para adiar mais uma vez. O desafio era construir uma página que gerasse identificação e confiança rápido, respondesse às dúvidas que normalmente travam o primeiro contato (convênio, teleconsulta, tempo de espera, medicação atual) e transformasse essa decisão em uma mensagem no WhatsApp.
ABORDAGEM
Como cheguei lá
Começar pela identificação
Logo depois do hero, a seção "Você se identifica com alguma dessas situações?" lista sinais concretos do dia a dia em cards numerados — o paciente se reconhece antes de ler qualquer credencial, e a página já responde que existe explicação clínica e tratamento objetivo.
Um único canal de conversão
Todo CTA leva ao WhatsApp com mensagem pré-preenchida: header, hero, seção de tratamento, menu mobile, rodapé e um botão flutuante que acompanha a rolagem no mobile. Nada de formulário — o agendamento acontece no canal que o paciente já usa.
Confiança antes do clique
Sobre o médico com trajetória e citação em primeira pessoa, CRM/RQE visíveis no hero e no rodapé, jornada de tratamento em 4 passos (agendamento, primeira consulta, plano e acompanhamento), endereço com mapa e FAQ em acordeão cobrindo convênio, teleconsulta, prazo e pagamento.
Leve e acessível por padrão
HTML, CSS e JavaScript puros, sem framework. Imagens em WebP com versões separadas para mobile e desktop, fontes carregadas sem bloquear a renderização, lazy loading, animações que respeitam o "reduzir movimento" do sistema, skip link e navegação por teclado no menu mobile.
SOLUÇÃO
O sistema em uso
Hero
Sinais e desafios
Sobre o médico
Como funciona o tratamento
Perguntas frequentes
Principais seções da página no mobile e no desktop — hero, sinais, sobre o médico, jornada de tratamento e FAQ
IMPACTO
Resultados
(métricas sujeitas a aprovação de divulgação)
6
seções, do primeiro sinal ao agendamento
6
pontos de contato levando ao WhatsApp
2
modalidades de atendimento (presencial e teleconsulta)
0
frameworks — HTML, CSS e JS puros
outros projetos
Marina Alves →CONTATO
Vamos conversar sobre o seu projeto?
Preencha os campos abaixo — sua mensagem chega direto no meu WhatsApp, sem formulário de e-mail e sem espera.