Clínica EquipeDente — Odontologia em Belém
Papel
Design e desenvolvimento
Stack
Next.js · React · React Three Fiber · GSAP · Lenis · Framer Motion · CSS Modules · Vercel
Apresentar uma clínica com 20 anos de bairro como referência em implantes e protocolo em Belém: dar a cada tratamento uma página própria e encurtar a distância entre a dúvida e o agendamento.
O que fizemos
Desenhamos e desenvolvemos o site em Next.js com App Router, pré-renderizado e servido pela Vercel. O hero combina um carrossel de fotos da clínica com um dente em 3D renderizado em tempo real com React Three Fiber e iluminação HDRI, que gira, inclina e afunda conforme a rolagem, conduzido por GSAP ScrollTrigger e rolagem suave com Lenis. O modelo só carrega depois da página e não roda para quem pede movimento reduzido. Cada um dos cinco tratamentos tem página própria, e o menu Tratamentos abre todos com foto. O formulário de contato não envia nada a servidor: monta a mensagem e abre o WhatsApp da clínica. Dados estruturados de clínica odontológica e de FAQ, além de metadados geográficos, descrevem a clínica para a busca local.
Pusemos um dente 3D no scroll e fizemos do formulário uma conversa no WhatsApp, o canal onde a clínica já atende.
Produto
Cada tratamento ganhou um card e uma página própria, e todo caminho do site termina no WhatsApp da clínica.
No celular
No celular o dente segue no hero, com a rolagem mais amortecida, e a navegação vira um botão de menu.
Detalhes
Nos detalhes, o mesmo navy e bronze: um menu com fotos, a história que se revela e um rodapé que surge por baixo.
Tratamentos no celular
No celular não há hover: cada card já mostra a descrição e o link para o tratamento.
Sobre nós no celular
A mesma história em uma coluna, com a foto da clínica acima do texto.
Resultados
No ar em produção, pré-renderizado e servido pela Vercel
Dente em 3D guiado por rolagem, carregado só depois da página e desligado com movimento reduzido
Cinco tratamentos, cada um com página própria e acesso pelo menu com foto
Formulário que vira mensagem de WhatsApp, sem guardar dados em servidor
Créditos
- Design
- Ressolv
- Desenvolvimento
- Ressolv
Próximo projeto
Barbearia do Hulk — Riacho Fundo II, Brasília
