Advanced Woman’s Care · Caso de estudio
Un camino más sereno hacia la atención para una clínica de Miami.
- Resumen del proyecto
- Una reconstrucción en pruebas de advancedwomanscare.com como sitio a medida en Next.js: el mismo contenido y las mismas URL, en los dos idiomas, con la marca de la clínica en lugar de un tema comprado.
- Servicios
- Primero, mantener
- Leer la visita, no la página
- Reconstruir con paridad
- Devolverlo con honestidad
- Fecha
- Enero de 2019
- Cliente
- Advanced Woman’s Care
- Ubicación
- Miami, FL
Qué tenía que lograr la reconstrucción.
Advanced Woman’s Care ofrece atención de aborto y ginecología en Miami desde 1987. Su sitio funciona con WordPress y un tema comprado, y LER se encarga de su mantenimiento.
Quien llega aquí lo hace en un momento difícil, casi siempre desde un teléfono, muchas veces con prisa y a veces necesitando privacidad. Esa lectura del encargo guió toda la reconstrucción: nada se mueve en la página, el teléfono es la primera acción en todas partes y las palabras de la clínica se conservan tal cual.
- 1987Atendiendo pacientes desde
- 39Páginas, todas prerenderizadas
- 2Idiomas, URL por URL
- 6.0:1Contraste del color de acento
Qué cambió y qué no.
Cada URL del sitio actual se reproduce exactamente, con su barra final incluida, así que esta versión podría reemplazar al sitio en WordPress sin una sola redirección y sin perder una página que ya posiciona.
El texto se conserva palabra por palabra. Se corrigieron cuatro cosas, y cada una era un error de hecho en el sitio actual.
Los años de experiencia, calculados
El sitio actual dice 32 años. Esa línea se escribió en 2019 y nunca se actualizó, así que resta siete años a la práctica. Ahora se calcula desde la fundación en 1987.
El año del pie de página, calculado
El aviso de copyright está congelado en 2023 en inglés y en 2019 en español.
Un servicio mal traducido
La portada en español listaba «Pastilla Abortiva» sobre una descripción de anticoncepción. Ahora dice «Control de la Natalidad», que coincide con su propia descripción y con la página en inglés. Esto queda para que la clínica lo confirme.
Una página de reservas que funciona
En el sitio actual, /book-online/ imprime un shortcode de Bookly como texto visible, porque el plugin no está activo. Ahora es una página centrada en la llamada, con un formulario de solicitud de cita.
Pantallas
Cada página, un solo sistema.
La portada, los servicios, las páginas de cada servicio, el artículo comparativo y el sitio en español comparten una retícula y una escala tipográfica, así que lo que cambia entre ellas son las palabras y no el sitio.
Hecho para un teléfono, en un mal día.
Sin efectos de scroll, sin apariciones, sin parallax: solo transiciones al pasar el cursor y al enfocar. Nada se mueve bajo alguien que intenta leer una comparación médica.
El artículo comparativo es el ejemplo más claro. En el sitio actual es una tabla de dos columnas imposible de leer en un teléfono. Aquí cada pregunta es un título con sus dos respuestas debajo, en paralelo solo cuando hay espacio, y los nombres de cada método quedan fijos mientras se desplaza.
Wireframes
La estructura de fondo.
Las mismas páginas sin el estilo visual: una retícula, una escala tipográfica y el mismo conjunto de componentes en cada ruta.
Sistema visual.
Los colores se tomaron del propio logotipo de la clínica, no del tema anterior. El rosa de marca es demasiado claro para sostener texto, así que se oscureció hasta superar el nivel AA de la WCAG sobre blanco, con 6.0:1. El morado del tema nunca fue de la marca y ya no está.
- #272E4A
- #A63D68
- #F1BCD8
- #FAF7F8
- #15120F
En qué punto está.
La reconstrucción está terminada y revisada en local: 39 páginas, los dos idiomas, la solicitud de cita y el formulario de contacto de principio a fin. Nunca se ha desplegado, y el sitio en producción de la clínica sigue igual.
Dos cosas dependen de la clínica y no del desarrollo: las once páginas de servicio necesitan su revisión antes de publicarse, y parte del texto médico heredado del sitio actual es anterior a los límites vigentes en Florida.
Cómo se armó este proyecto.
Cuatro pasos, y lo que cada uno tenía que resolver.
Primero, mantener
LER tomó el mantenimiento del sitio en WordPress, recuperó las imágenes perdidas en una migración anterior de hosting e hizo las correcciones de contenido que pidió la clínica.
Leer la visita, no la página
Quién llega, desde qué dispositivo, en qué estado y qué necesita decidir en el primer minuto.
Reconstruir con paridad
Una compilación estática en Next.js, una sola tabla de rutas, cada URL actual reproducida exactamente y 22 páginas de servicio que el sitio nunca tuvo.
Devolverlo con honestidad
Solo en pruebas, con las preguntas abiertas por escrito: textos de servicio por confirmar, detalle médico por actualizar y hosting por decidir.