Premium dental clinic · a film driven by scroll
ALVA Odontologia
Problem
Dental clinic sites look the same everywhere: a list of treatments, stock photos and no reason to choose that clinic.
Solution
A 7-shot film tied to the scroll opens the site: scrolling moves through the clinic as the morning rises. The daybreak concept drives the whole identity, from the name to the light of every scene, and the brand's arch returns in three different uses. Past the film, the site presents the clinic and sends booking straight to WhatsApp.
How it was built
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.
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.
More screens
Stack
- Next.js
- TypeScript
- GSAP
- Lenis
- Tailwind