A Hialeah Woman’s Care Center · Caso de estudio
Una página por servicio, en dos idiomas.
Una reconstrucción de ahialeahwomanscarecenter.com como sitio estático en Next.js: los once servicios de la clínica, cada uno en su propia página en inglés y español, con el teléfono siempre a un toque.
Qué tenía que lograr el sitio.
A Hialeah Woman’s Care Center ofrece atención de aborto y ginecología en Hialeah desde 1986. Su sitio funcionaba con WordPress y un tema comprado, en el servidor de LER.
La mayoría de las visitas llegan desde un teléfono, tanto en español como en inglés, buscando una de dos cosas: el número al que llamar, o si la clínica hace lo que necesitan. El sitio mantiene las dos al alcance del pulgar en todas las páginas y dice con claridad qué pasa después.
- 1986Atendiendo pacientes desde
- 32Páginas, todas prerenderizadas
- 11Servicios, cada uno en su página
- 2Idiomas, cada página en ambos
Qué cambió y qué no.
El sitio anterior tenía seis páginas. Cada servicio de la clínica era una línea de texto en una sola página de servicios, así que ninguno podía posicionar, y su carpeta de cargas estaba vacía: el logotipo, la portada y las fotografías de la clínica devolvían un 404.
El contenido y las rutas de conversión se conservaron: los enlaces al teléfono, el formulario de contacto, las tres reseñas de Google. Se corrigieron cuatro cosas en lugar de reescribirlas.
Todas las imágenes, de vuelta
Los originales se recuperaron del archivo del cliente: el logotipo, el caduceo, la sala de espera y el pasillo. Quien visita vuelve a ver la clínica.
Una página por servicio
Once páginas de servicio en cada idioma, para que una búsqueda de la píldora abortiva, un DIU o una prueba de embarazo llegue a una respuesta y no a una lista.
Dos URL mal escritas
/schedule-appoinment/ y /es/nostros/ aparecían en los resultados de búsqueda. Ambas están corregidas, y las direcciones anteriores redirigen a las nuevas.
Una solicitud de cita en dos pasos
La página de citas empieza con el teléfono y sigue con un formulario corto de dos pasos, entregado directamente al correo de la clínica.
Pantallas
Cada página, un solo sistema.
La portada, los servicios, las páginas de cada servicio, la reserva 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, con prisa.
El botón de llamar y el de reservar están en la cabecera de todas las páginas y en la portada de la primera. Quien vino por el número nunca tiene que desplazarse para encontrarlo.
La página de citas pone primero el teléfono, luego el horario y después el formulario, porque el teléfono es la forma más rápida de conseguir una cita y la mejor para preguntar lo que se prefiere no poner por escrito.
Sistema visual.
Los colores se tomaron del propio logotipo de la clínica, no se eligieron: el ciruela del caduceo para marcas y botones, el rubor del disco que lo rodea para las superficies, un ciruela profundo para la franja de cabecera y el pie. El ciruela interactivo se oscureció hasta superar el nivel AA de la WCAG sobre blanco, con 5.5:1. Instrument Sans lleva los titulares y el texto; Geist Mono, en mayúsculas y con tracking, marca cada etiqueta y botón, así que se distingue de un vistazo qué es prosa y qué es un control.
- #4C2439
- #AF547F
- #A34A76
- #FBE0E5
- #2A1F27
En qué punto está.
La reconstrucción está en producción en el dominio de la clínica: 32 páginas estáticas en los dos idiomas, la solicitud de cita y el formulario de contacto llegando a la clínica, y cada dirección anterior aterrizando en su reemplazo.
El texto de los servicios está en revisión por parte de la clínica, y una fotografía de servicio todavía muestra un panel de marca en lugar de una imagen.
Cómo se armó este proyecto.
Cuatro pasos, y lo que cada uno tenía que resolver.
Primero, mantener
LER tomó el sitio en WordPress y lo mantuvo en marcha mientras se construía el reemplazo.
Leer la visita, no la página
Quién llega, desde qué dispositivo, en qué idioma y qué necesita decidir en el primer minuto.
Reconstruir con paridad
Una compilación estática en Next.js, 32 páginas, cada URL que posicionaba conservada y las dos mal escritas redirigidas.
Cambiar y comprobar
En producción en el dominio de la clínica, con las 32 páginas, los dos formularios y cada redirección comprobados la misma mañana.
