Porto Alegre · RS · Cirurgia oncológica ginecológica

Dr. Marcelo Lontra

Cirurgião oncológico em Porto Alegre, dedicado aos cânceres ginecológicos e à endometriose profunda. Quem chega costuma trazer um laudo difícil e a dúvida se precisa mesmo operar.

drmarcelolontra.com.br
O que o cliente queria

Uma página única, com o WhatsApp como caminho para a consulta, no tom pedido no briefing: autêntica, acolhedora e confiável.

O desafio

O site atual, em WordPress, demora a carregar, traz o texto em terceira pessoa e difícil de ler e cobre o rosto do médico com uma camada verde.

A solução

Uma página que conduz uma decisão clínica: a primeira tela fica parada como uma cortina, o herói sobe por cima dela e os blocos mostram quando operar, quando esperar e por quê.

Destaques

Antes de operar, decidir: a página mostra o caminho escolhido e o descartado, com o motivo de cada um.

01

Abertura em cortina

A primeira tela fica parada e o herói sobe por cima dela, seguido de uma aproximação lenta da foto.

02

A bifurcação

Um traço em SVG mostra as duas opções: o caminho escolhido se fecha e o descartado mostra o motivo por escrito.

03

Fundo vivo em WebGL

Um ruído animado escrito à mão dá movimento aos blocos de decisão, com versão em CSS para aparelhos mais simples.

04

Privacidade por padrão

Mapa sem iframe, formulário que entrega pelo WhatsApp e métricas sem cookies.

Por dentro do site
drmarcelolontra.com.br
drmarcelolontra.com.br
drmarcelolontra.com.br
drmarcelolontra.com.br
O que foi cumprido

Vinte dos vinte e dois blocos estão prontos. O site está na reta final de aprovações antes de ir para o domínio do médico.

Como o projeto evoluiu
  1. Ago/2026

    Dossiê e direção

    Levantamento do site atual e direção visual aprovada.

  2. Set/2026

    Travessia aprovada

    A abertura em cortina, com o herói subindo na rolagem, foi aprovada.

  3. Set/2026

    Prévia para revisão

    Seção de cirurgia robótica pronta e prévia publicada para o médico revisar.

Tecnologias
Next.js 16Framer MotionWebGLTailwind CSS 4Landing pageStorytellingWebGL
Vamos conversar

Quer um projeto assim para a sua clínica?

Deixe seu nome e WhatsApp. A gente retorna para entender o que você precisa.