Hacer obvio el siguiente paso para un paciente con prisa.
Un paciente que decide a dónde ir necesita tres cosas rápido: qué trata la clínica, si puede ser atendido ahora y cómo registrarse o pagar. Diseñamos el sitio en ese orden, con una jerarquía más tranquila y señales de confianza más claras.
Atención urgente, telesalud y la lista de condiciones tratadas ahora comparten una estructura, así que un visitante nuevo puede leer la oferta sin buscar.
Lo que tenía que cambiar.
- La oferta necesitaba ser más fácil de leer para pacientes nuevos.
- La telesalud y la atención sin cita necesitaban entradas igual de claras.
- El registro y el pago debían ser fáciles de encontrar desde un teléfono.
- El sitio necesitaba una estructura capaz de sostener nuevas condiciones, contenido y campañas.
Pantallas
Cada página, un mismo sistema.
Inicio, telesalud, condiciones tratadas, pago y contacto comparten una jerarquía, así que un paciente pasa del síntoma a la visita en pocos desplazamientos.
La misma claridad en un teléfono.
La mayoría de los pacientes llega desde un teléfono: los servicios, la opción de telesalud y el botón de registro mantienen el mismo orden en móvil.
Sistema visual.
Verde azulado clínico y verde profundo sobre un campo menta suave, Poppins para títulos con Open Sans para el texto, y pantallas reales del sitio en vivo en lugar de escenas de stock.
Tipografía · Poppins, de fina a seminegrita
TNCWalk InClinic
Resultado.
TNC Walk In Clinic ahora tiene una puerta digital más clara: jerarquía más fuerte, señales de confianza más claras y un camino directo del síntoma a la visita.
El trabajo unió diseño web de salud, UX de registro en línea y presentación de pagos en una experiencia consistente para el paciente.
Cómo se construyó.
Los cuatro pasos detrás de este proyecto y lo que cada uno tuvo que resolver.
Iniciar un proyecto
-
Paso 01
Descubrimiento
Aclaramos la audiencia, las opciones de atención y las preguntas prácticas que el sitio debía responder.
-
Paso 02
Estructura de página
Organizamos el flujo de páginas en torno a la claridad de la atención, la confianza y la siguiente acción del paciente.
-
Paso 03
Diseño responsive
Definimos el sistema visual y las pantallas principales para que la experiencia se sostenga en escritorio y en los teléfonos que usa la mayoría de pacientes.
-
Paso 04
QA y refinamiento
Revisamos la consistencia, el comportamiento responsive y las rutas de registro y pago antes de la entrega.