Una cita que se pide sin llamar por teléfono.
Sana Centro Médico no existe. El sitio sí: es la muestra con la que un consultorio ve cómo se vería el suyo —con su nombre, sus especialidades y su equipo— antes de decidir.
Enseñar el sitio en vez de explicarlo.
A un médico no se le vende una propuesta: se le enseña. Así que en lugar de un documento con rangos de precio, construimos la clínica completa —nombre, especialidades, equipo, reseñas y agenda— y la pusimos en línea. El dueño de un consultorio abre el enlace, reconoce su propio negocio y la conversación deja de ser sobre diseño para ser sobre fechas.
Todo el contenido es inventado, pero verosímil: cinco especialidades con precio de entrada, cuatro médicos con su consejo y el horario real de una clínica de San Pedro. Si el ejemplo no resiste una lectura seria, no sirve como ejemplo.
Azul para lo que se toca, gris para lo que se lee.
El sitio se sostiene con una sola familia tipográfica y una regla de color estricta: el azul de marca se reserva para lo accionable —agendar, elegir especialidad, pedir cita— y todo lo demás vive en una escala de grises fríos sobre blanco. En una página de salud, el color de más se lee como ruido.
Las especialidades se presentan numeradas, con su precio desde el primer vistazo, porque el precio es la pregunta que el paciente no hace por teléfono. El equipo médico va con foto, consejo y una etiqueta de disponibilidad: confianza antes de la sala de espera.
Estático por fuera, animado por dentro.
La página está hecha en Astro y se sirve como HTML estático: el navegador no espera a ningún framework para pintar el primer texto. El movimiento corre sobre GSAP —titulares que se revelan por palabra, tarjetas que entran en cascada al asomar la rejilla— y respeta prefers-reduced-motion: sin una sola animación, el sitio se entiende igual.
Vive en una sola página con anclas, se despliega con integración continua desde el repositorio y personalizarla para una clínica real es cambiar textos, fotos y precios. La estructura ya probó que funciona.
Un demo que se manda por mensaje y se explica solo.
El sitio vive en sana-clinica-demo.netlify.app y hace el trabajo que no hace un portafolio: en lugar de describirle a un médico cómo sería su página, el médico la ve. Especialidades con precio, agenda, equipo y reseñas; lo único que falta es su nombre.
