Preparando seu ambiente

Estúdio de desenvolvimentoBrasil → Mundo

🎃 EVENTO DE HALLOWEEN · ATÉ 31/10

Códigos movem o mundo.Sites deoutro mundo.

MILWEB® · Desenvolvimento criativo · Brasil → Mundo

Projetos / ALVA Odontologia

COLEÇÃO DE RECOMPENSAS · 25 missões

08 de 25

PROCURA-SEALVA OdontologiaALVA OdontologiaMW/OS · CASO 08 / 25Clínica odontológica premium · um filme aberto pelo scroll

08 de 25 · EXPERIÊNCIA NO SCROLL

ALVA Odontologia

Clínica odontológica premium · um filme aberto pelo scroll

DEMONSTRAÇÃONO AR

ALVA Odontologia — tela inicial
ESTÚDIO
MILWEB
Tipo
Landing Page Premium
Stack
Next.js · TypeScript · GSAP · Lenis · Tailwind

CONTEXTO

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.

O QUE FOI FEITO

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.

FILME DE 7 PLANOS · SCRUB NO SCROLL

DETALHE TÉCNICO

  • 01O 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…

    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.

  • 02A 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 logotip…

    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.

TELAS

RESULTADO

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.

QUERO ALGO PARECIDO ↗ABRIR SITE ↗

Enter abre o primeiro resultado · Esc fecha · tecla / abre a busca

ALVA Odontologia — Clínica odontológica premium · um filme aberto pelo scroll | MilWeb