Clínica EquipeDente — Odontología en Belém
Rol
Diseño y desarrollo
Stack
Next.js · React · React Three Fiber · GSAP · Lenis · Framer Motion · CSS Modules · Vercel
Presentar una clínica de barrio con 20 años de historia como referencia en implantes y prótesis protocolo en Belém: dar a cada tratamiento su propia página y acortar la distancia entre la duda y la cita.
Qué hicimos
Diseñamos y desarrollamos el sitio en Next.js con App Router, prerenderizado y servido desde Vercel. El hero combina un carrusel de fotos de la clínica con un diente en 3D renderizado en tiempo real con React Three Fiber e iluminación HDRI, que gira, se inclina y se hunde con el scroll, guiado por GSAP ScrollTrigger y el desplazamiento suave de Lenis. El modelo solo carga después de la página y no se ejecuta para quien pide movimiento reducido. Cada uno de los cinco tratamientos tiene su propia página, y el menú Tratamientos los abre todos con foto. El formulario de contacto no envía nada a un servidor: redacta el mensaje y abre el WhatsApp de la clínica. Datos estructurados de clínica odontológica y de FAQ, junto con metadatos geográficos, describen la clínica para la búsqueda local.
Pusimos un diente 3D en el scroll e hicimos del formulario un chat de WhatsApp, el canal donde la clínica ya atiende.
Producto
Cada tratamiento ganó una tarjeta y una página propia, y todo camino del sitio termina en el WhatsApp de la clínica.
En el móvil
En el móvil el diente sigue en el hero, con un scroll más amortiguado, y la navegación pasa a un botón de menú.
Detalles
En los detalles, el mismo azul marino y bronce: un menú con fotos, una historia que se revela y un pie desde abajo.
Tratamientos en el móvil
En el móvil no hay hover: cada tarjeta ya muestra su descripción y el enlace al tratamiento.
Sobre nosotros en el móvil
La misma historia en una columna, con la foto de la clínica sobre el texto.
Resultados
En producción, prerenderizado y servido desde Vercel
Diente en 3D guiado por scroll, cargado solo después de la página y desactivado con movimiento reducido
Cinco tratamientos, cada uno con su propia página y acceso desde un menú con fotos
Un formulario que se vuelve mensaje de WhatsApp, sin guardar datos en un servidor
Créditos
- Diseño
- Ressolv
- Desarrollo
- Ressolv
Siguiente proyecto
Barbearia do Hulk — Riacho Fundo II, Brasilia
