Saúde e terapia · Site institucional multipágina
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.
- Cliente
- Clínica de psicoterapia online com equipe de três psicólogas
- Onde
- Teófilo Otoni, MG · atendimento online no Brasil e no exterior
- Tecnologia
- HTML · CSS · JavaScript · Schema.org · Hostinger
- Situação
- No ar · entrelinhas.nexialabs.com.br
- Desenvolvimento
- André Gomes · NexiaLabs
Em resumo
A Clínica Entrelinhas é uma clínica de psicoterapia online, com base em Teófilo Otoni, Minas Gerais, que atende por videochamada pacientes no Brasil e no exterior. André Gomes, da NexiaLabs, construiu o site de cinco páginas em HTML, CSS e JavaScript puro, com perfil de cada psicóloga, serviços, perguntas frequentes e agendamento pelo WhatsApp. O site não usa framework nem build e é publicado como arquivos estáticos na Hostinger.
O cliente
A Entrelinhas reúne três psicólogas, Victória Valentini, Gleyci Leal e Fernanda Costa, que trabalham com Terapia Cognitivo Comportamental, Terapia do Esquema e Psicologia Analítica. O atendimento é só por videochamada, para adultos, adolescentes e casais em qualquer cidade ou país, inclusive brasileiros que moram fora. A clínica não aceita plano de saúde, emite recibo para reembolso e oferece vagas com valor social. O agendamento já acontecia pelo WhatsApp, e a clínica precisava de um site que levasse até ele.
O desafio
Quem procura terapia muitas vezes não sabe nomear o que sente e desiste no primeiro obstáculo. O site precisava acolher essa pessoa, mostrar que existem três profissionais com abordagens e públicos diferentes e ajudar na escolha. Como a clínica atende de qualquer lugar, a página tinha de abrir rápido em conexão ruim de celular. E tudo precisava caber numa hospedagem compartilhada simples, sem servidor de aplicação para manter.
O que foi construído
André fez um site de cinco páginas: início, equipe, serviços, perguntas frequentes e contato. A home explica o começo em três passos e lista as questões acolhidas, de ansiedade e burnout a TDAH e TEA nível 1. Cada psicóloga tem cartão com registro no CRP, abordagem e público, e um botão que abre o WhatsApp com mensagem já dizendo com quem a pessoa quer falar. O formulário de contato não tem back end: o JavaScript monta a mensagem e abre o WhatsApp. A paleta em verde sálvia e creme saiu da logo real da clínica.
O que o sistema faz
- Página de equipe com registro no CRP, abordagem, especialidades e público de cada psicóloga.
- Botão de agendamento por psicóloga, que abre o WhatsApp com o nome da profissional na mensagem.
- Formulário de contato que monta a mensagem e abre o WhatsApp, sem servidor e sem serviço de terceiros.
- Perguntas frequentes sobre terapia online, valores, reembolso e escolha da profissional, em acordeão nativo do HTML.
- Dados estruturados Schema.org por página: MedicalBusiness, Person para cada psicóloga, Service e FAQPage.
- Animações de entrada na rolagem com Intersection Observer, desligadas para quem prefere movimento reduzido.
// Para quem avalia o código: arquitetura e decisões.
Por dentro
São cinco arquivos HTML com CSS e JavaScript próprios, enviados direto para a hospedagem compartilhada da Hostinger, sem framework, sem build e sem Node. O CSS se divide em duas partes: o crítico, do cabeçalho e do topo, carrega bloqueante, e o principal carrega depois sem travar a renderização. O JavaScript entra com defer e cuida do cabeçalho na rolagem, do menu do celular, das animações e do formulário. Imagens têm largura e altura declaradas e só a do topo tem prioridade alta, as demais carregam sob demanda. Um .htaccess curto controla cache: HTML sempre revalidado, CSS e JS por sete dias com versão no link e imagens por trinta dias.
Decisões técnicas
- Formulário que abre o WhatsApp em vez de enviar email, porque a clínica já agenda por lá e assim não depende de serviço externo nem de servidor.
- CSS crítico separado do principal, para o topo aparecer rápido mesmo em conexão lenta de celular.
- Acordeão das perguntas frequentes com details e summary nativos, sem JavaScript, acessível por teclado de saída.
- Paleta tirada da logo real, verde sálvia, em vez do azul sugerido no pedido inicial, para o site combinar com a identidade que a clínica já usa.
Seu negócio parece com esse?
Para clínica com mais de um profissional que atende online e quer que o paciente escolha com quem falar e marque a sessão em poucos toques.
Perguntas frequentes
Quem desenvolveu Clínica Entrelinhas?
Clínica Entrelinhas 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 Clínica Entrelinhas?
Clínica de psicoterapia online com equipe de três psicólogas. Teófilo Otoni, MG · atendimento online no Brasil e no exterior.
Com quais tecnologias Clínica Entrelinhas foi feito?
Clínica Entrelinhas usa HTML, CSS, JavaScript, Schema.org 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
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.
Psicóloga clínica e supervisora, com atendimento online
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