Estratégia, design e tecnologia no mesmo time, para negócios que querem ser encontrados, entendidos e escolhidos.

Voltar ao portfólio

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.

01

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.

  1. 01 A dúvida vem primeiroQuem adia o dentista sabe descrever o que sente; o nome do tratamento vem depois, na avaliação.
  2. 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.
  3. 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.
  4. 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.
02

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.

Projeto conceitoDiagnóstico Flowt v0.2 · Serviço localAplicado em 03/10/2026

  • 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

Ser entendido por buscadores e assistentesAtende em parte

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.

Reputação geridaNão se aplica

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.

Perfil do GoogleNão se aplica

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

Primeira tela e proposta de valorAtende

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

Prova verificável e permitidaAtende em parte

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.

Consistência entre canaisNão se aplica

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.

Instagram encontrável com serviço e cidadeNão se aplica

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.

Serviço e primeiro passoAtende

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.

Conteúdo que informaAtende

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

VelocidadeAtende em parte

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

Acessibilidade verificávelAtende

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

Base técnica, medição e privacidadeAtende em parte

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.

Caminho até a ação principalAtende

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.

03

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

  1. Abertura
  2. Guia: o que você sente?
  3. Plano por escrito
  4. A avaliação
  5. A clínica
  6. Equipe
  7. Perguntas comuns
  8. Fecho com agendamento

02Tratamentos

  1. Abertura
  2. Guia: o que você sente?
  3. Lista de tratamentos
  4. Fecho com agendamento

03Agendar

  1. Abertura
  2. Escolha do dia
  3. Escolha do horário
  4. Nome, telefone e autorização
  5. 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.

Sistema visual de alvéa Odontologia: fonte dos títulos, fonte do texto e paleta de cores com os códigos
  • Guia em círculos
  • Texto que se acende
  • Documento do plano
  • Círculo dos 60 minutos
  • Esquema da casa
04

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.

alvéa Odontologia no celular: Abertura: “Odontologia sem pressa.”, a fotografia da clínica e a anotação da consulta de 60 minutos.
Abertura: “Odontologia sem pressa.”, a fotografia da clínica e a anotação da consulta de 60 minutos.
alvéa Odontologia no celular: O guia no celular: as cinco frases viram pílulas com o glifo dos dois círculos.
O guia no celular: as cinco frases viram pílulas com o glifo dos dois círculos.
alvéa Odontologia no celular: Plano por escrito: a frase acende palavra a palavra com a rolagem e descreve cada parte do documento.
Plano por escrito: a frase acende palavra a palavra com a rolagem e descreve cada parte do documento.
05

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

96
Desempenho
100
Acessibilidade
100
Boas práticas
69
SEO*
Maior elemento visível (LCP)
2.7 s
Estabilidade (CLS)
0
Bloqueio (TBT)
0 ms

No computador

100
Desempenho
100
Acessibilidade
100
Boas práticas
69
SEO*
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.
Próximo projeto Miradouro 14. Site de Miradouro 14

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.

Conte sobre o seu projeto

Poucas informações bastam. O resto a gente pergunta.

Tenho interesse em
Orçamento
Prazo

Usaremos seus dados para responder ao seu pedido. Veja a política de privacidade.

Chamar no WhatsApp