PineApp
- Healthcare
- Mobile UI
- Design system
- Shipped
- Figma
- Prototyping
- Component design
Diseñé el flujo Pre-Visit para PineApp de Baptist Health: una funcionalidad móvil que convirtió el prerregistro hospitalario en una experiencia digital clara.
Trabajo de agencia · 110 Theory para Baptist Health
Baptist Health
Mejora de flujo
Salud / Salud móvil
2023
App móvil · iOS y Android
Lanzado a producción
Senior Product Designer — 110 Theory
Enfoque de diseño
Antes de que existiera esta funcionalidad, los pacientes de Baptist Health tenían que completar los formularios de prerregistro manualmente en recepción: en papel, con estrés y cerca de la hora de su cita. El reto era llevar este proceso offline a la app de una forma que se sintiera simple, clara y confiable para adultos mayores con poca soltura con el smartphone, sin dejar de manejar una complejidad operativa real: varias citas el mismo día, distintos tipos de documento con diferentes estados y una confirmación final irreversible.
La investigación con usuarios apuntó de forma consistente a adultos mayores, muchos jubilados, que usan el smartphone principalmente para llamadas y mensajes. Esto definió cuatro principios de diseño centrales:
Revelación progresiva
En lugar de recrear un formulario de papel dentro de la app, la experiencia revela la información paso a paso. Los usuarios ven primero qué requiere atención y luego profundizan en cada elemento solo cuando es necesario.
Visibilidad del estado
Cada elemento de la checklist lleva un estado claro: Sin iniciar, Requiere revisión o Completado. El progreso es visible de un vistazo sin depender de instrucciones.
Irreversible por diseño
Una vez enviados, los datos no podían ser modificados por el paciente dentro del flujo. La UI lo deja explícito antes del paso final, reduciendo la confusión y los envíos accidentales.
Claridad con varias citas
Cuando los usuarios tenían varias citas el mismo día, el patrón de acordeón mostraba exactamente a qué visitas aplicaban los formularios, eliminando la ambigüedad en un escenario estresante.
Estructura UX
El flujo se construyó en torno a un único objetivo: llegar al hospital con todo ya completado. El sistema de diseño aseguró consistencia en cuatro pasos clave —desde el punto de entrada hasta la finalización— usando color funcional (el verde de Baptist Health para las acciones, ámbar para estados de atención), tipografía de alto contraste optimizada para adultos mayores y un layout móvil cómodo para el pulgar en todo momento.
Punto de entrada
CTA en la tarjeta de la cita con una pista contextual para guiar a los usuarios
Varias citas
Pantalla dedicada para varias citas el mismo día
Prerregistro
Checklist central donde los usuarios envían los documentos requeridos en cualquier orden, con un CTA fijo
Estado de éxito
Pantalla de éxito con instrucciones de llegada y notificaciones push
Rediseño de la tarjeta de Home
La tarjeta de la cita en la pantalla de Home se rediseñó para exponer el punto de entrada de Pre-Visit sin alterar la UI existente.
Un menú desplegable Manage consolidó las acciones secundarias —información de la cita, reprogramar, cancelar— liberando el área del CTA principal para Pre-Register y su pista contextual.
Una vez completado el prerregistro, la tarjeta se actualizaba para mostrar una insignia de Confirmado, el estado del registro, enlaces de dirección y teléfono pulsables, y un botón Review que reemplazaba al CTA de Pre-Register.
Resultado
El flujo Pre-Visit se lanzó a producción y reemplazó un proceso manual y presencial por una experiencia digital mobile-first disponible para los pacientes de Baptist Health antes de sus visitas al hospital.
Qué demuestra este proyecto
- Traducción de procesos complejos: convertir un flujo hospitalario offline en una experiencia móvil clara.
- Pensamiento de sistemas: diseñar una arquitectura de componentes multi-estado que soporta distintos tipos de documento, cantidades de citas y niveles de confianza del usuario.
- UX consciente de la accesibilidad: diseñar para baja alfabetización digital sin que el producto se sienta limitado para usuarios más capaces.
- Extensión del sistema de diseño: trabajar dentro de un sistema establecido y extenderlo con componentes que se sienten nativos.
- Trabajo de producto lanzado: entregar diseño listo para producción que llegó a usuarios reales.
Reflexión
Este proyecto me empujó a pensar con cuidado en la brecha entre el contexto real de un usuario y lo que una interfaz limpia suele asumir sobre él.
Diseñar para pacientes de 60 y 70 años —muchos gestionando ansiedad por su salud junto a una tecnología poco familiar— significó que la claridad no era un extra. Era el requisito central.
También mostró cómo una sola funcionalidad puede propagarse por todo un producto existente. El flujo Pre-Visit tocó la pantalla de Home, la tarjeta de la cita, el sistema de notificaciones, la lógica de confirmación, los componentes de documentos y el manejo de casos límite. Hacerlo bien exigió pensar en sistemas, no solo en pantallas.
Siguiente proyecto
BlockBind