Porto Alegre · Brazil · Gynecologic oncology surgery

Dr. Marcelo Lontra

A cancer surgeon in Porto Alegre dedicated to gynecologic cancers and deep endometriosis. People usually arrive with a hard report in hand, wondering whether they really need surgery.

drmarcelolontra.com.br
What the client wanted

A single page, with WhatsApp as the way to book, in the tone the briefing asked for: authentic, welcoming and trustworthy.

The challenge

The current WordPress site loads slowly, uses hard-to-read third-person text and covers the doctor's face with a green layer.

The solution

A page that walks through a clinical decision: the first screen holds still like a curtain, the hero rises over it and the blocks show when to operate, when to wait and why.

Highlights

Decide before operating: the page shows the chosen path and the discarded one, with the reason for each.

01

Curtain opening

The first screen holds still and the hero rises over it, followed by a slow zoom into the photo.

02

The fork

An SVG line shows both options: the chosen path closes and the discarded one shows the reason in writing.

03

Living WebGL background

Hand-written animated noise brings the decision blocks to life, with a CSS version for simpler devices.

04

Privacy by default

A map without an iframe, a form that delivers through WhatsApp and cookie-free analytics.

Inside the website
drmarcelolontra.com.br
drmarcelolontra.com.br
drmarcelolontra.com.br
drmarcelolontra.com.br
What was achieved

Twenty of the twenty-two blocks are ready. The site is in the final round of approvals before going to the doctor's domain.

How the project evolved
  1. Aug 2026

    Dossier and direction

    Review of the current site and visual direction approved.

  2. Sep 2026

    Crossing approved

    The curtain opening, with the hero rising as you scroll, was approved.

  3. Sep 2026

    Preview for review

    Robotic surgery section ready and a preview published for the doctor to review.

Technologies
Next.js 16Framer MotionWebGLTailwind CSS 4Landing pageStorytellingWebGL
Let's talk

Want a project like this for your clinic?

Leave your name and WhatsApp. We'll get back to you to understand what you need.