Dados estruturados completos
Clínica, endereço, mapa, horário, procedimentos e perguntas frequentes marcados para o Google entender o negócio.
Projeto 03 · Odontologia
Site premium para uma clínica odontológica, pensado para ser encontrado
Visual escuro com detalhes em dourado, que passa cuidado e sofisticação, e uma estrutura feita para o Google: uma página para cada especialidade, dados estruturados completos e carregamento leve. O agendamento acontece direto pelo WhatsApp.
- HTML, CSS e JS puros
- Dados estruturados
- WebP responsivo
- Canvas animado
institutomaset.com.br
O que foi entregue
Funcionalidades em uso de verdade
Prints reais do projeto no ar. Clique em qualquer imagem para ampliar.
01
Abertura com identidade própria
Tipografia clássica, partículas douradas em canvas que pausam fora da tela, cabeçalho que muda ao rolar e barra de progresso. Credenciais da responsável técnica e avaliações do Google aparecem logo no primeiro olhar.
institutomaset.com.br
02
Uma página para cada especialidade
Implante, prótese, ortodontia, harmonização, canal, gengiva, siso e odontopediatria têm página própria. Quatro artigos respondem dúvidas comuns, como se o implante dói. Cada página fala com uma busca específica no Google.
institutomaset.com.br/implante-dentario
Nos bastidores
E o que não aparece no print
Carregamento leve
Imagens em WebP com versões menores para celular, carregamento sob demanda, CSS de 4 KB e JavaScript de 9 KB.
Agendamento por WhatsApp
Botão fixo e chamadas em todas as páginas, com acesso direto à conversa.
Preparado para buscadores e assistentes de IA
Sitemap, robots e um arquivo llms.txt com os dados da clínica em texto simples.
Endereços limpos e seguros
Sem .html na URL, redirecionamentos 301, HTTPS forçado e cabeçalhos de segurança.
Carrossel e FAQ
Especialidades em carrossel no celular e perguntas frequentes em acordeão.
Tecnologias
O que foi usado, e para quê
HTML, CSS e JavaScript
Sem framework: poucos kilobytes e nota alta de velocidade.
JSON-LD
Dados estruturados para busca local e perguntas frequentes.
WebP + srcset
Imagem certa para cada tamanho de tela.
Canvas
Partículas douradas que economizam bateria quando saem da tela.
.htaccess
URLs limpas, HTTPS, redirecionamentos e cabeçalhos de segurança.
Cormorant Garamond e Jost
Par tipográfico que dá o tom elegante.
Reaproveitável
Gostou de algo? Levo para o seu projeto.
Estes módulos já existem e funcionam. Adaptamos ao visual e às necessidades do seu negócio.
Página por serviço
Estrutura para ranquear cada serviço do seu negócio.
Quero esteDados estruturados
Seu negócio descrito do jeito que o Google lê.
Quero esteAbertura animada
Partículas e movimento sem pesar na página.
Quero esteBotão de agendamento
WhatsApp sempre à mão, em todas as páginas.
Quero este
O próximo projeto pode ser o seu.
Conte em uma mensagem o que sua empresa faz. A gente responde com uma proposta.
Falar no WhatsApp