CatSalut
PropuestadeappparaelServeidePediatriadeCatalunya,presentadaporQuantionaunalicitacióndeCatSalut.Arquitectura,wireframes,prototiposyguíadeestilo,hechosenunasemana.
(SCROLL) ↓
01
Visión general
Un servicio de pediatría para toda la familia.
Las familias con hijos pequeños se mueven entre visitas, informes, urgencias y trámites, a menudo para más de un menor. La licitación de CatSalut pedía una app del Servei de Pediatria de Catalunya que lo reuniera, con acceso seguro y un perfil para cada niño. Entré en el equipo de Quantion con la propuesta ya en marcha y, en una semana, hice la arquitectura, los wireframes, los prototipos y la guía de estilo.
Fitxa
RolUI/UX Designer
Año2021
SectorPublic Health
ClienteCatSalut · Generalitat de Catalunya
AgenciaQuantion
02
Experiencia de usuario
Todas las gestiones, en un solo mapa.
Antes de dibujar ninguna pantalla mapeé el servicio entero: acceso con DNI, CIP o certificado digital, selección del menor, La Meva Salut, calendario y gestor de visitas, eConsulta, cuadro médico, urgencias pediátricas y Canal Salut. Cada rama con sus decisiones (primer acceso, más de un perfil, una visita que se quiere repetir), para que el documento técnico explicara cómo funcionaría la app, no solo cómo se vería.
Mi aportación
- Arquitectura de la información: diagrama de flujo de todo el servicio, del login a las preguntas frecuentes.
- Gestión de perfiles: selección del menor al entrar y cambio de perfil desde la cabecera de cada vista.
- Acceso: DNI o CIP con contraseña, o certificado digital.
- Navegación: menú con las ocho secciones del servicio y un buscador.
03
Prototipado
Escritorio y móvil para cada pantalla.
Con la arquitectura cerrada, cada sección pasó a wireframe en escritorio y en móvil, y de ahí a prototipos navegables con la entrada animada incluida. Las pantallas iban anotadas componente a componente (cabecera, alertas, tarjetas de hospital, mapa, pie), para que la mesa de contratación pudiera entender cada decisión solo leyendo el documento.
Mi aportación
- Wireframes: todas las secciones del servicio, en escritorio y en móvil.
- Prototipos: bienvenida, acceso y selección de usuario, con la entrada animada de los logotipos.
- Pantallas anotadas: cada componente explicado junto a la vista, para el documento técnico.
04
Diseño de interfaz
Sobre el manual de la Generalitat.
La app tenía que ser reconocible como un servicio de la Generalitat. Partí de su manual de identidad visual, con la Helvetica Now Display, y lo adapté a una interfaz que a menudo se usa con prisa: azul primario para las acciones, una escala de alertas para los avisos, tarjetas blancas sobre fondo claro y el perfil del menor siempre a la vista.
Mi aportación
- Guía de estilo: arquitectura, colores, tipografía, botones, alertas, formularios y navegación en un solo documento.
- Componentes: tarjetas de cita, de hospital y de informe, calendario y formularios reutilizables.
- Urgencias pediátricas: ficha de cada hospital con el horario destacado y el mapa.
La propuesta de Quantion no se adjudicó. Pero se entregó a tiempo y completa, con la arquitectura, los prototipos y la guía de estilo que pedía el pliego, y a mí me abrió la puerta a los siguientes proyectos de la agencia.
Comparte este proyecto
Sigue desplazándote para ver el siguiente caso práctico.
PADLL