ALVA Odontologia

Premium dental clinic · a film driven by scroll

Dental clinic sites look the same everywhere: a list of treatments, stock photos and no reason to choose that clinic.

• 01The hero is a real video whose time belongs to the scroll: no autoplay, every scroll advances the camera through the clinic. For that scrub …+

  READ THE TECHNICAL DETAIL

  The hero is a real video whose time belongs to the scroll: no autoplay, every scroll advances the camera through the clinic. For that scrub to stay smooth the video is encoded with every frame as a keyframe, because seeking into a regular video stutters. And there was a production lesson here: the version that ran perfectly locally broke on the CDN, so the final cut was validated against the public URL, not localhost.

• 02The brand carries the rest: ALVA comes from the Portuguese word for daybreak, and early morning light runs through the scenes, the copy and …+

  READ THE TECHNICAL DETAIL

  The brand carries the rest: ALVA comes from the Portuguese word for daybreak, and early morning light runs through the scenes, the copy and the colors. The arch that draws the logo returns in three different roles along the page, stitching film and content into a single identity. The funnel ends the way a clinic needs it to: know, trust, and book via WhatsApp.

BUILT WITH — Next.js · TypeScript · GSAP · Lenis · Tailwind

7-shot film · scroll scrub

PERSONAL PROJECT · LIVE

[ I WANT SOMETHING LIKE THIS ]