Preparing your environment

Development studioBrazil → World

🎃 HALLOWEEN EVENT · UNTIL OCT 31

Code moves the world.Otherworldlywebsites.

MILWEB® · Creative development · Brazil → World

Projects / ALVA Odontologia

THE BOUNTY COLLECTION · 25 missions

08 of 25

WANTEDALVA OdontologiaALVA OdontologiaMW/OS · CASE 08 / 25Premium dental clinic · a film driven by scroll

08 of 25 · SCROLL EXPERIENCE

ALVA Odontologia

Premium dental clinic · a film driven by scroll

DEMOLIVE

ALVA Odontologia — home screen
STUDIO
MILWEB
Type
Premium Landing Page
Stack
Next.js · TypeScript · GSAP · Lenis · Tailwind

CONTEXT

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

WHAT WAS DONE

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.

7-SHOT FILM · SCROLL SCRUB

TECHNICAL DETAIL

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

    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 …

    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.

SCREENS

RESULT

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.

I WANT SOMETHING SIMILAR ↗OPEN SITE ↗

Enter opens the first result · Esc closes · press / to search

ALVA Odontologia — Premium dental clinic · a film driven by scroll | MilWeb