Saúde e terapia · Landing page
Ana Paula Maia
Página única para psicóloga de Terapia do Esquema em Teófilo Otoni, com formulário que entrega o pedido de horário pronto no WhatsApp.
- Cliente
- Psicóloga clínica e supervisora, com atendimento online
- Onde
- Teófilo Otoni, MG · atendimento online no Brasil e no exterior
- Tecnologia
- HTML · CSS · JavaScript · Schema.org · Apache · Hostinger
- Situação
- No ar · anapaula.nexialabs.com.br
- Desenvolvimento
- André Gomes · NexiaLabs
Em resumo
Ana Paula Maia é psicóloga clínica e supervisora em Teófilo Otoni, Minas Gerais, e atende online pessoas no Brasil e no exterior com Terapia Cognitivo Comportamental e Terapia do Esquema. André Gomes, da NexiaLabs, fez a página única em HTML, CSS e JavaScript puro, com seções de apresentação, modalidades, queixas acolhidas, perguntas frequentes e agendamento. O formulário valida os dados no navegador e abre o WhatsApp com a mensagem pronta, sem servidor.
O cliente
Ana Paula Maia é psicóloga formada pela Unipac em Teófilo Otoni, com especialização em Terapia do Esquema. Ela atende terapia individual, terapia de casal e supervisão clínica para outros psicólogos, sempre online. Boa parte do público é de mulheres que se cobram demais e repetem os mesmos padrões nos relacionamentos, e também brasileiros vivendo fora do país. O contato com pacientes já acontecia pelo WhatsApp, onde ela atende.
O desafio
A página precisava soar como a própria psicóloga, acolhedora e sem jargão, para que a pessoa se reconhecesse no texto antes de decidir. Ao mesmo tempo, tinha de cumprir o básico de uma profissional de saúde: registro no CRP visível, formação clara e nenhuma promessa. O pedido de horário precisava chegar com nome, telefone, modalidade e período, para a conversa começar objetiva. E a página tinha de abrir rápido no celular, de onde vem quase todo mundo.
O que foi construído
André construiu uma página única em paleta bege e verde oliva, com o formulário de agendamento logo no topo, ao lado do texto de abertura. Abaixo vêm a apresentação em primeira pessoa, as três modalidades de atendimento, a lista de queixas acolhidas, o que esperar da terapia, o começo em três passos e as perguntas frequentes. O formulário valida cada campo quando a pessoa sai dele, formata o telefone e monta uma mensagem que abre no WhatsApp para ela conferir antes de enviar. Os dados estruturados descrevem a psicóloga, a formação, o horário e as perguntas frequentes para os buscadores.
O que o sistema faz
- Formulário de agendamento com nome, WhatsApp, email opcional, modalidade e melhor período, entregue pronto no WhatsApp.
- Validação campo a campo com mensagens lidas por leitor de tela e foco levado ao primeiro erro.
- Trava contra clique repetido no botão de envio, para não abrir duas conversas.
- Seções de terapia individual, terapia de casal e supervisão clínica, com a lista de queixas acolhidas.
- Dados estruturados Schema.org com MedicalBusiness, Person com formação, WebSite e FAQPage.
- Foto do topo em WebP com versão menor para o celular.
// Para quem avalia o código: arquitetura e decisões.
Por dentro
É um único arquivo HTML com uma folha de estilo e um script embutido de cerca de 1,6 KB, servido pelo Apache da hospedagem compartilhada da Hostinger. O CSS usa escala fluida com clamp para espaço e tipografia, em vez de uma sequência de media queries. O .htaccess força HTTPS, redireciona www para o domínio sem www, liga compressão gzip e define cache: HTML sempre revalidado e CSS por um ano. Robots e sitemap acompanham a página, e a imagem de compartilhamento tem tamanho próprio para redes sociais. Não há back end: a única integração é o link do WhatsApp.
Decisões técnicas
- O erro de cada campo só aparece depois que a pessoa sai dele, porque corrigir alguém enquanto ainda digita a primeira letra afasta.
- A máscara do telefone é aplicada só na saída do campo, porque reformatar a cada tecla joga o cursor para o fim e atrapalha quem corrige um dígito.
- O botão de envio nunca nasce desabilitado, para quem usa leitor de tela ouvir por que não pode enviar.
- Formulário que abre o WhatsApp em vez de gravar em servidor, porque é onde a psicóloga já atende e a página continua sem nada para manter.
Seu negócio parece com esse?
Para psicóloga ou terapeuta que atende online e quer uma página com a própria voz que transforme visita em pedido de horário.
Perguntas frequentes
Quem desenvolveu Ana Paula Maia?
Ana Paula Maia foi desenvolvido por André Gomes Andrade, desenvolvedor full stack de Carlos Chagas, Minas Gerais, pela NexiaLabs, do planejamento à publicação.
Onde fica o cliente de Ana Paula Maia?
Psicóloga clínica e supervisora, com atendimento online. Teófilo Otoni, MG · atendimento online no Brasil e no exterior.
Com quais tecnologias Ana Paula Maia foi feito?
Ana Paula Maia usa HTML, CSS, JavaScript, Schema.org, Apache e Hostinger.
Dá para fazer um projeto parecido para o meu negócio?
Dá. Cada projeto é feito sob medida, com código e acessos no nome do cliente. O primeiro passo é uma conversa pelo WhatsApp +55 (33) 98465 6356 para entender o que você precisa.
Outros projetos de saúde e terapia
Abiel Gomes Nutricionista
Site de nutricionista em Carlos Chagas, com páginas por atendimento e uma calculadora pública de substituição de alimentos.
Nutricionista com consultório em Carlos Chagas e atendimento online
Ver o projeto
Clínica Entrelinhas
Site de clínica de psicoterapia online com três psicólogas, onde o paciente escolhe a profissional e agenda direto pelo WhatsApp.
Clínica de psicoterapia online com equipe de três psicólogas
Ver o projeto
Espaço Crescer
Página da psicopedagoga Gislene Portugal, em Carlos Chagas, MG, com sinais de alerta para os pais, vídeos e contato pelo WhatsApp.
Psicopedagoga e neuropsicopedagoga que atende crianças e famílias
Ver o projeto