Porto Alegre · Brasil · Cirugía oncológica ginecológica

Dr. Marcelo Lontra

Cirujano oncológico en Porto Alegre, dedicado a los cánceres ginecológicos y a la endometriosis profunda. Quien llega suele traer un informe difícil y la duda de si realmente necesita operarse.

drmarcelolontra.com.br
Lo que quería el cliente

Una página única, con WhatsApp como camino a la consulta, en el tono que pedía el briefing: auténtica, acogedora y confiable.

El desafío

El sitio actual, en WordPress, tarda en cargar, tiene el texto en tercera persona y difícil de leer, y cubre el rostro del médico con una capa verde.

La solución

Una página que conduce una decisión clínica: la primera pantalla queda quieta como un telón, la portada sube por encima y los bloques muestran cuándo operar, cuándo esperar y por qué.

Destacados

Antes de operar, decidir: la página muestra el camino elegido y el descartado, con el motivo de cada uno.

01

Apertura en telón

La primera pantalla queda quieta y la portada sube por encima, seguida de un acercamiento lento a la foto.

02

La bifurcación

Un trazo en SVG muestra las dos opciones: el camino elegido se cierra y el descartado muestra el motivo por escrito.

03

Fondo vivo en WebGL

Un ruido animado escrito a mano da movimiento a los bloques de decisión, con una versión en CSS para equipos más simples.

04

Privacidad por defecto

Mapa sin iframe, formulario que llega por WhatsApp y métricas sin cookies.

Por dentro del sitio
drmarcelolontra.com.br
drmarcelolontra.com.br
drmarcelolontra.com.br
drmarcelolontra.com.br
Lo que se logró

Veinte de los veintidós bloques están listos. El sitio está en la recta final de aprobaciones antes de pasar al dominio del médico.

Cómo evolucionó el proyecto
  1. Ago 2026

    Dosier y dirección

    Relevamiento del sitio actual y dirección visual aprobada.

  2. Sep 2026

    Travesía aprobada

    La apertura en telón, con la portada subiendo al desplazarse, fue aprobada.

  3. Sep 2026

    Vista previa para revisión

    Sección de cirugía robótica lista y vista previa publicada para que el médico la revise.

Tecnologías
Next.js 16Framer MotionWebGLTailwind CSS 4Landing pageStorytellingWebGL
Conversemos

¿Quieres un proyecto así para tu clínica?

Déjanos tu nombre y WhatsApp. Te contactamos para entender lo que necesitas.