40 de 40
Páginas
InícioEspecialidadesPortfólioSobreContato
Projetos
Easy TruckEngenharia e operação · São Paulo, SPDuvale ConveniênciaComércio · Carlos Chagas, MGCacimbah Casa de PraiaHospitalidade · Caraíva, Porto Seguro, BAPorto Engenharia ForenseEngenharia e operação · Belo Horizonte, MGGestFrotaSetor público e educação · Carlos Chagas, MGFlávio PradoDireito · Minas Gerais · atendimento em todo o BrasilHotel Avenida CCHHospitalidade · Carlos Chagas, MGAbiel Gomes NutricionistaSaúde e terapia · Carlos Chagas, MG · atendimento onlineAna Paula MaiaSaúde e terapia · Teófilo Otoni, MG · atendimento online no Brasil e no exteriorBarbearia LotusFitness e beleza · BrasilBrisa CumuruHospitalidade · Cumuruxatiba, Prado, BAClínica EntrelinhasSaúde e terapia · Teófilo Otoni, MG · atendimento online no Brasil e no exteriorE.E. Dr. João BeraldoSetor público e educação · Carlos Chagas, MGEscola IDECSetor público e educação · Teófilo Otoni, MG · cursos online e presenciaisEspaço CrescerSaúde e terapia · Carlos Chagas, MG · atendimento presencialEspaço PetsComércio · Brasil · uso interno do petshopHōma e LojinhaComércio · Extremo Sul da BahiaKronos Consultoria e TreinamentosConsultoria e marketing · Vila Velha, ES · atende MG, ES e BANexLarProdutos próprios · Online, Brasil inteiroOlá Amiga BagsComércio · Venda online pelo WhatsAppOliveira & Jesus AdvogadosDireito · Itamaraju, BA · presencial e por videochamadaPH FitnessFitness e beleza · BrasilPoliana PachecoSaúde e terapia · Teófilo Otoni, MG · atendimento onlineRD Consultoria FinanceiraConsultoria e marketing · Atendimento remoto, Brasil inteiroSarah BarretoDireito · Teófilo Otoni, MG · atendimento online e presencialSocorro MenezesSaúde e terapia · Atendimento online, Brasil inteiroYanzimComércio · Brasil · uso no balcão da lojaInova Odontologia IntegradaSaúde e terapia · Eldorado, Contagem, MGNorteProdutos próprios · Online, Brasil inteiroBabaProdutos próprios · Boston, MA · Estados UnidosFox Studio HubConsultoria e marketing · Carlos Chagas, MGYonder · Sistema de QualidadeConsultoria e marketing · Minas Gerais, Brasil
Conversar
Falar no WhatsAppLigar+55 (33) 98465 6356View in English
Todos os projetos

Saúde e terapia · Site multipágina integrado a CRM

Inova Odontologia Integrada

Eldorado, Contagem, MG

Site de clínica odontológica em Contagem com uma página por tratamento e cada contato de WhatsApp registrado num CRM próprio.

Tela inicial de Inova Odontologia Integrada, projeto desenvolvido por André Gomes
Cliente
Clínica odontológica de dois especialistas no Eldorado, em Contagem
Onde
Eldorado, Contagem, MG
Tecnologia
Astro · Tailwind CSS · TypeScript · Next.js · Prisma · PostgreSQL · Docker · Google Analytics 4 · Google Ads · Hostinger
Situação
No ar · inovaodontologiaintegrada.com.br
Desenvolvimento
André Gomes · NexiaLabs

Em resumo

O site da Inova Odontologia Integrada apresenta uma clínica no bairro Eldorado, em Contagem, MG, com uma página própria para cada um dos onze tratamentos, vídeo gravado dentro da clínica e agendamento pelo WhatsApp. Cada pedido de contato é cadastrado num CRM em subdomínio da clínica, com a origem da visita guardada para medir os anúncios. Foi feito por André Gomes, da NexiaLabs, em Astro e Tailwind, com o CRM em Next.js, Prisma e PostgreSQL, tudo na Hostinger.

O cliente

A Inova é uma clínica odontológica no Eldorado, em Contagem, região metropolitana de Belo Horizonte. Nasceu da parceria entre a Dra. Débora Lobato, especialista em implantes dentários, e o Dr. Enzo Porto, especialista em reabilitação oral, e oferece também estética e harmonização facial. A clínica queria aparecer no Google para quem busca dentista na região e converter essa busca em avaliação marcada. Também investe em anúncios no Google, então precisava saber qual clique virou paciente.

O desafio

Quem procura dentista costuma chegar com dor ou com vergonha de sorrir, e não sabe o nome técnico do procedimento. Cada tratamento precisava de uma página própria, com texto único, para ranquear em buscas locais como implante dentário em Contagem. O agendamento acontece no WhatsApp, e clique em link de WhatsApp não deixa rastro: a clínica não sabia quem chegou por anúncio, por busca orgânica ou por indicação. E tudo isso tinha que rodar numa hospedagem compartilhada, sem servidor de aplicação para o site.

O que foi construído

André montou um site estático em Astro com home, página da clínica, contato e uma página por tratamento, geradas a partir de um único arquivo de dados com o texto de cada serviço. A home abre com a marca em destaque, cartões com leve efeito 3D e um vídeo curto gravado na clínica com a equipe real. Todo botão de WhatsApp passa por um modal que pede nome e telefone e cadastra o lead no CRM antes de abrir a conversa. Na primeira visita, o site guarda os parâmetros de campanha do Google e do Meta e os envia junto com o clique, e o CRM devolve um código de referência que vai no fim da mensagem. Assim, cada conversa no WhatsApp pode ser ligada ao anúncio que a gerou.

O que o sistema faz

  • Uma página por tratamento, onze no total, com texto próprio, perguntas frequentes e trilha de navegação.
  • Formulário de agendamento que monta a mensagem com nome, interesse e observação e abre o WhatsApp para a pessoa revisar antes de enviar.
  • Modal de contato rápido em todo botão de WhatsApp, que cadastra o lead no CRM da clínica.
  • Captura dos parâmetros de campanha (gclid, fbclid, utm) guardados por 90 dias e enviados ao CRM em cada clique.
  • Vídeo de bastidores e galeria com fotos reais da recepção e do consultório.
  • Acesso discreto da equipe ao login do CRM direto no cabeçalho do site.
  • Conversões do Google Ads e Google Analytics 4 instaladas nas páginas de entrada e de contato.

// Para quem avalia o código: arquitetura e decisões.

Por dentro

  • Astro
  • Tailwind CSS
  • TypeScript
  • Next.js
  • Prisma
  • PostgreSQL
  • Docker
  • Google Analytics 4
  • Google Ads
  • Hostinger

O site é Astro 7 com Tailwind 4 e TypeScript, compilado para HTML estático e publicado por rsync na hospedagem compartilhada da Hostinger. Os serviços vivem num arquivo de dados e uma rota dinâmica gera as páginas; nome, endereço e telefone ficam num arquivo único usado no rodapé e nos dados estruturados. O JSON LD inclui Dentist, Person para os dois profissionais, Service por tratamento, FAQPage e BreadcrumbList. O CRM é uma aplicação separada em Next.js com Prisma e PostgreSQL, rodando em Docker no VPS da Hostinger, num subdomínio da própria clínica. O site conversa com ele por uma API pública que registra cliques e leads.

Decisões técnicas

  1. Site 100% estático na hospedagem compartilhada e só o CRM no VPS, porque o site não precisa de servidor e fica mais barato e mais rápido assim.
  2. Chamada ao CRM com limite de 1,2 segundo: se a API não responder, o WhatsApp abre do mesmo jeito, e o paciente nunca fica esperando.
  3. A aba do WhatsApp abre em branco dentro do próprio clique e só recebe o endereço depois, para o Safari do iPhone não bloquear como popup.
  4. Vídeo com carregamento adiado até a seção chegar perto da tela, para não pesar na primeira exibição da página.

Seu negócio parece com esse?

Clínicas e consultórios que vivem de agendamento pelo WhatsApp e querem saber de onde vem cada paciente, além de aparecer nas buscas do próprio bairro.

Perguntas frequentes

Quem desenvolveu Inova Odontologia Integrada?

Inova Odontologia Integrada 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 Inova Odontologia Integrada?

Clínica odontológica de dois especialistas no Eldorado, em Contagem. Eldorado, Contagem, MG.

Com quais tecnologias Inova Odontologia Integrada foi feito?

Inova Odontologia Integrada usa Astro, Tailwind CSS, TypeScript, Next.js, Prisma, PostgreSQL, Docker, Google Analytics 4, Google Ads 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

Sistema sob medida começa numa conversa.

Conte rapidamente o que você precisa. A resposta parte de um caminho técnico real, não de um modelo pronto.