Clínica odontológicaCuritiba
alvéa Odontologia.
Site para uma clínica odontológica no Batel, em Curitiba, feita para adultos que adiam o dentista por medo ou por experiências ruins. A clínica faz consultas longas e entrega o plano por escrito; o site precisava passar essa calma antes da primeira visita.
Estudo de caso
O desafio.
Sites de odontologia costumam falar a língua do procedimento: lista de tratamentos, fotos de consultório e promessas de sorriso. Para quem adia o dentista há anos, esse vocabulário afasta. As regras do setor também fecham caminhos comuns: o conceito evita antes e depois e promessas de resultado. A divulgação de imagens odontológicas depende das regras do CFO, de quem publica e das autorizações aplicáveis, e a divulgação não pode virar consulta. Das cinco referências premiadas que analisamos, quatro prometiam resultado. O site precisava explicar sem prometer e sem pedir dado de saúde.
- 01 A dúvida vem primeiroQuem adia o dentista sabe descrever o que sente; o nome do tratamento vem depois, na avaliação.
- 02 Explicar sem diagnosticarO Código de Ética proíbe consulta ou diagnóstico por veículo de comunicação de massa; a divulgação deve esclarecer e educar.
- 03 Dado de saúde é sensívelPela LGPD, o que a pessoa sente é dado sensível; o melhor caminho era não coletar nada disso.
- 04 Clínica sem consultórioA Resolução CFO-196/2019 restringe imagens de equipamento, instrumental e procedimento; a clínica precisava aparecer de outro jeito.
Método Flowt
O diagnóstico.
O site fala com quem adia o dentista, explica a consulta longa e o plano por escrito antes da primeira visita e leva ao agendamento em um toque.
- Primeira tela e proposta de valorNo celular, a primeira tela diz o que é, onde fica e o que muda: avaliação de 60 minutos que começa numa conversa e plano por escrito antes do procedimento.
- Acessibilidade verificávelO guia abre por clique, toque ou teclado, com estado anunciado e um título por painel.
- Caminho até a ação principalAção principal: agendar a avaliação.
- Serviço e primeiro passoCada tratamento traz etapas, prazos típicos e quem atende, com CRO.
- Conteúdo que informaO guia organiza o conteúdo pelo que o paciente sente, diz o que a avaliação olha e avisa que não é diagnóstico.
Ver análise completa
Os 13 critérios, com a evidência de cada ponto: o que atende, o que atende em parte e o que depende de uma empresa real. Como a marca é um conceito, não existe um "antes" nem nota somada.
Ser encontrado
Título, descrição e um H1 por página, dados Dentist, FAQPage e cinco MedicalProcedure, tudo em texto. Falta o horário de atendimento, no texto e nos dados; há noindex e robôs de IA bloqueados.
Marca conceito, sem avaliações reais. Num projeto real, volume, recência e respostas seriam medidos antes e depois no Perfil da Empresa no Google e no Doctoralia.
O Perfil da Empresa no Google exige empresa real e endereço verificado. Num projeto real, categoria, horário, telefone, fotos e serviços seriam conferidos antes e depois.
Ser escolhido
No celular, a primeira tela diz o que é, onde fica e o que muda: avaliação de 60 minutos que começa numa conversa e plano por escrito antes do procedimento. Agendar fica à vista.
6 de 6 checagens
Estrutura pronta: dois dentistas com especialidade e CRO, clínica com inscrição e responsável técnica, tudo marcado como exemplo. O conceito não usa depoimentos nem antes e depois; numa clínica real entram os registros verdadeiros e a divulgação deve seguir as regras aplicáveis.
Marca conceito, sem canais externos para comparar. Dentro do site, telefone, bairro e inscrições no CRO são os mesmos no rodapé das quatro páginas e nos blocos de equipe.
Marca conceito, sem perfil no Instagram. Num projeto real, mede-se se o perfil aparece na busca por dentista e bairro, com bio, link para agendar e conteúdo dentro das regras do CFO.
Cada tratamento traz etapas, prazos típicos e quem atende, com CRO. A avaliação vem dividida em quatro partes, com o que levar, o plano sai em até 5 dias úteis e o reembolso está explicado.
O guia organiza o conteúdo pelo que o paciente sente, diz o que a avaliação olha e avisa que não é diagnóstico. As perguntas comuns cobrem preço, convênio, medo e urgência.
Ser chamado
O LCP passa do limite de 2,5 s que o Google considera bom: o maior elemento é o parágrafo da abertura, que entra com animação. Medição de laboratório, sem dados de campo.
Lighthouse 96 no celular · LCP 2,7 s
O guia abre por clique, toque ou teclado, com estado anunciado e um título por painel. Sem JavaScript, os cinco painéis aparecem abertos, e as duas cores do texto que se acende passam no AA.
Lighthouse 100 · axe sem violações nas 4 páginas e nos estados do guia
Nenhum rastreador, cookie ou pedido a terceiros; o agendamento não pede dado de saúde e a autorização cobre só nome e contato, com texto sobre o tratamento. Sem medição instalada, porque é conceito.
Ação principal: agendar a avaliação. A página diz que a confirmação chega por telefone ou WhatsApp em até um dia útil, com endereço e valor, e lista o que levar.
1 toque até a agenda
Obrigações do setorCódigo de Ética Odontológica e CFO-196/2019: inscrição da clínica e CRO da responsável técnica no rodapé, marcados como exemplo, o conceito não exibe preço, antes e depois, depoimento nem imagem de procedimento. A divulgação deve considerar quem publica e as autorizações aplicáveis.
Num projeto real, cada critério é medido antes e depois, com a mesma régua e a evidência de cada ponto. Não há nota: o que se vê é quantos pontos continuam abertos.
Estratégia
Estratégia e mapa do site.
A home troca a lógica do procedimento pela da dúvida. Logo depois da abertura vem o guia “O que você sente?”, com cinco frases como “dói ao mastigar” e “perdi um dente”. Depois vêm o plano por escrito, a avaliação de 60 minutos em quatro partes, a clínica, a equipe com CRO e as perguntas comuns. A página Tratamentos repete o guia e detalha cada tratamento com etapas e prazos típicos. Agendar pede só nome e contato e avisa que não pergunta nada sobre saúde.
01Início
- Abertura
- Guia: o que você sente?
- Plano por escrito
- A avaliação
- A clínica
- Equipe
- Perguntas comuns
- Fecho com agendamento
02Tratamentos
- Abertura
- Guia: o que você sente?
- Lista de tratamentos
- Fecho com agendamento
03Agendar
- Abertura
- Escolha do dia
- Escolha do horário
- Nome, telefone e autorização
- Antes de vir
Sistema visual
Tipografia, cor e ritmo.
Fraunces nos títulos, em itálico nas aberturas de seção, e DM Sans no texto corrido. Petróleo e porcelana fazem a base, com sálvia e pérola nos detalhes: cores de casa, longe do branco clínico. Os dois círculos do símbolo viram sistema: molduras das fotos, a fila do guia e o recorte em lente.
- Guia em círculos
- Texto que se acende
- Documento do plano
- Círculo dos 60 minutos
- Esquema da casa
Momento assinatura
O que você sente?.
Cinco círculos sobrepostos, desenhados como o símbolo, trazem frases como “ronco e acordo cansado”. Ao escolher uma, o painel explica o que pode ser, o que a avaliação de 60 minutos olha e os caminhos possíveis, se a avaliação indicar; só no fim convida a agendar. Nada é digitado, guardado ou enviado, e cada painel avisa que é informação geral, não diagnóstico.
No celular
Feito para a tela pequena.
Três telas do site num celular de 390 px de largura, a mais comum hoje.



Recibos
Desempenho medido.
As notas abaixo são do site publicado, medidas pelo Lighthouse do Google. Não são uma promessa: são o estado do site no dia da medição. As demonstrações são apresentadas em vídeo. As medições registram o estado do projeto na data indicada.
No celular
- Maior elemento visível (LCP)
- 2.7 s
- Estabilidade (CLS)
- 0
- Bloqueio (TBT)
- 0 ms
No computador
- Maior elemento visível (LCP)
- 0.7 s
- Estabilidade (CLS)
- 0
- Bloqueio (TBT)
- 0 ms
Medido em 03/10/2026 com o Lighthouse 13.5.0, celular simulado e computador. *O SEO fica abaixo de 100 de propósito: o site conceito leva a instrução noindex para não aparecer no Google nem competir com empresas reais. Acessibilidade conferida também com o axe (zero violações) e alinhamento revisado em 7 larguras de tela.
Bastidores
Ficha técnica.
- Páginas
- Início, Tratamentos, Agendar e página 404
- Idiomas
- Português (Brasil)
- Tecnologia
- HTML, CSS e JavaScript sem framework
- GSAP e ScrollTrigger para o texto que se acende e o documento do plano
- Gerador próprio em Python: o guia e os tratamentos vêm de um arquivo de dados único, usado nas duas páginas
- Documento do plano, círculo dos 60 minutos e esquema da casa em SVG e HTML
- Imagens em AVIF e WebP, em várias larguras
- CSS e JavaScript compactados com esbuild
- Fontes servidas pelo próprio site, com faces reserva de métrica ajustada
- Dados estruturados schema.org (Dentist e FAQPage)
- Imagens
- Dez fotografias geradas por IA (Higgsfield e OpenAI), só de ambiente, luz e mãos, sem rosto, cadeira ou instrumental, reveladas com o mesmo tratamento e recortadas nas formas do símbolo.
- Acessibilidade
- Guia operável por teclado e toque, painéis completos sem JavaScript, texto que se acende com contraste AA nos dois estados, versão sem movimento e zero violações no axe nas quatro páginas, também com os painéis abertos.
- Regras do setor
- O conceito evita antes e depois e promessas de resultado. A divulgação de imagens odontológicas depende das regras do CFO, de quem publica e das autorizações aplicáveis. Os registros profissionais estão marcados como exemplo.
Comece agora
Vamos colocar o seu digital no nível do seu serviço.
Comece pelo diagnóstico gratuito: a gente mede a sua presença digital e mostra, ponto a ponto, o que corrigir primeiro.
Agenda aberta para novos projetos
Conte sobre o seu projeto
Poucas informações bastam. O resto a gente pergunta.