Clínica odontológica premium · um filme aberto pelo scroll
ALVA Odontologia
Problema
Site de dentista costuma ser igual em todo lugar: lista de tratamentos, foto de banco de imagem e nenhum motivo pra escolher aquela clínica.
Solução
Um filme em 7 planos amarrado ao scroll abre o site: rolar atravessa a clínica enquanto a manhã nasce. O conceito da alvorada guia a identidade inteira, do nome à luz das cenas, e o arco da marca volta em três usos diferentes. Depois do filme, o site apresenta a clínica e leva o agendamento direto pro WhatsApp.
Como foi construído
O hero é um vídeo de verdade cujo tempo pertence ao scroll: nada de autoplay, cada rolada avança a câmera pela clínica. Pra esse scrub ficar liso, o vídeo é codificado com todo frame como keyframe, porque buscar um tempo específico num vídeo comum engasga. E teve uma lição de produção aqui: a versão que rodava perfeita no ambiente local quebrou na CDN, então o corte final foi validado contra a URL pública, não contra o localhost.
A marca sustenta o resto: ALVA vem de alvorada, e a luz de manhã cedo atravessa as cenas, os textos e as cores. O arco que desenha o logotipo reaparece em três papéis diferentes ao longo da página, costurando filme e conteúdo numa identidade só. O funil termina simples, como clínica precisa: conhecer, confiar e agendar pelo WhatsApp.
Mais telas
Stack
- Next.js
- TypeScript
- GSAP
- Lenis
- Tailwind