Diseño completo sobre el mockup V1 aprobado: las 16 pantallas de la app (MVP + Fase 2), navegables, con estados de éxito, notificaciones, campañas, biblioteca con detalle, mensajería y perfil. Abajo, la hoja de sistema de diseño para construir.
16 pantallasMVP y Fase 2 marcadasSistema de diseño abajo ↓V1 intacto como referencia
Novedades vs V1: onboarding de 3 pasos · centro de notificaciones con campaña de Fiestas Patrias · historial de sesiones · artículo educativo completo (cuidados de FAV con signos de alarma) · mensajes con el centro (con leyenda "no es urgencias") · perfil con botón "Llamar a mi centro", texto grande y privacidad.
9:41▪▪▪ ⌁ ▮
Bienvenido a NefroSys Paciente
Tu centro te acompaña, también entre una diálisis y otra.
Escaneaste el código QR de tu centro. Ahora confirma tu identidad.
La activación se hace junto a tu equipo del centro, una sola vez. Código válido por 48 horas.
📅
Tu diálisis, siempre a mano
Ve tu próxima sesión, tus datos y recibe recordatorios para que ninguna se te pase.
📄
Tus documentos, sin papeles perdidos
Recibe, lee y firma los documentos de tu centro desde el teléfono. Todo queda guardado con comprobante.
NefroSyn te acompaña
Pregúntale por tus datos o aprende a cuidarte. Para tu tratamiento, siempre te conectará con tu equipo.
Hola,
Don José 👋
Centro de Diálisis — Turno mañana
TU PRÓXIMA DIÁLISIS
Jueves 10 de julio 08:00 hrs
Sillón 7Turno mañana
⏰ Faltan 16 horas
Mis datos
⚖️
Peso seco
72,5 kg
Prescrito
🩺
Última presión (post diálisis)
128/74 mmHg
Mar 08 jul
💪
Tu acceso vascular
Fístula brazo izquierdo
Últimos exámenes · publicados por tu equipo
Hemoglobina10,8g/dL¿qué es?
Potasio4,9mEq/L¿qué es?
Fósforo5,2mg/dL¿qué es?
🪞 Estos datos son un espejo de tu ficha en el centro. Tu equipo es quien mejor puede orientarte sobre lo que significan.
Mis últimas sesiones
08jul
Sesión completa · 3 h 30 min
Peso: 74,6 → 72,6 kg · sin novedades
✓
05jul
Sesión completa · 3 h 30 min
Peso: 75,1 → 72,7 kg · sin novedades
✓
03jul
Sesión completa · 3 h 30 min
Peso: 74,8 → 72,5 kg · sin novedades
✓
01jul
Sesión completa · 3 h 30 min
Peso: 74,9 → 72,6 kg · calambre leve al final
✓
👏 Llevas 12 sesiones seguidas sin faltar. ¡Excelente, Don José! Tu constancia cuida tu salud.
Mis documentos
✍️
Consentimiento informado de hemodiálisis
Versión 3 · te lo entregó tu centro hoy
POR FIRMAR
📘
Derechos y deberes del paciente
Firmado el 02 de julio de 2026
FIRMADO
🧤
Cuidados de tu fístula en casa
Firmado el 02 de julio de 2026
FIRMADO
🚨
Plan de emergencia del centro
Firmado el 02 de julio de 2026
FIRMADO
🔒 Cada firma queda registrada con fecha, versión y comprobante verificable.
Firmar documento
Consentimiento informado de hemodiálisis
Versión 3 · Centro de Diálisis · julio 2026
La hemodiálisis es un tratamiento que reemplaza parte de la función de sus riñones. Durante el procedimiento, su sangre pasa por un filtro que retira líquidos y toxinas…
Firma aquí, con tu dedo
✓
¡Documento firmado!
Tu firma quedó registrada de forma segura. El comprobante ya está en tus documentos.
Comprobante F-2026-01847 09 jul 2026 · 16:45 · verificable con código QR
No podré asistir
💙 Avisar con anticipación ayuda a tu centro a reprogramarte. Cada sesión cuenta.
Jueves 10 de julio · 08:00Tu próxima sesión
Sábado 12 de julio · 08:00Sesión siguiente
¿Cuál es el motivo?
⚠️ Si no asistes, es muy importante recuperar tu sesión. Tu centro se contactará contigo para reagendar.
✓
Aviso enviado
Tu centro ya fue notificado. Te contactarán para ayudarte a recuperar la sesión del jueves 10.
Aviso registrado 09 jul 2026 · 16:45 · con 16 h de anticipación
Avisos
✍️
Tienes un documento por firmar
Consentimiento informado de hemodiálisis (versión 3). Toca para firmarlo.
⏰
Recordatorio: diálisis mañana
Jueves 10 de julio, 08:00 hrs. Sillón 7, turno mañana.
🇨🇱
Se acercan las Fiestas Patrias
Recuerda cuidar el consumo de líquidos y sal. Mantén tus sesiones programadas y avisa al centro si tienes dificultades para asistir.
Campaña de tu centro · hace 2 días
✓
Documento firmado correctamente
Derechos y deberes del paciente — comprobante F-2026-01698.
02 de julio
🔕 Las notificaciones nunca muestran datos de tu salud en la pantalla bloqueada. Tu privacidad, primero.
Aprender a cuidarme
✔ Contenido validado por el equipo clínico de tu centro.
Artículo
💪
Mensajes con mi centro
⚠ Este canal NO es para urgencias. En una emergencia llama al 131.
Buenas tardes, ¿me pueden confirmar si mi hora del sábado sigue a las 8?Ayer · 17:20
Hola Don José 👋 Sí, su sesión del sábado 12 se mantiene a las 08:00, sillón 7. ¡Lo esperamos!Ayer · 18:05 · Enfermera del centro
NefroSyn
Tu compañero de diálisis
¡Hola Don José! 👋 Puedo responderte con tus propios datos del centro, o explicarte cosas de tu tratamiento en palabras simples. ¿Qué necesitas?
Documento completo
Consentimiento informado de hemodiálisis
Versión 3 · Centro de Diálisis · julio 2026
¿Qué es la hemodiálisis? Es un tratamiento que reemplaza parte de la función de sus riñones. Su sangre pasa por un filtro que retira líquidos y toxinas, y regresa limpia a su cuerpo. Cada sesión dura varias horas y se realiza según la indicación de su médico.
Beneficios Controla los líquidos y las sustancias que sus riñones ya no eliminan, mejora los síntomas y protege su salud mientras se mantenga en tratamiento.
Molestias y riesgos Durante la sesión pueden ocurrir baja de presión, calambres o náuseas, que el equipo sabe manejar. Existen complicaciones menos frecuentes que su equipo le explicará y vigilará en cada sesión.
Alternativas Existen otras formas de tratamiento (como la diálisis peritoneal o el trasplante). Puede conversarlas con su médico cuando lo desee.
Sus derechos Usted puede hacer todas las preguntas que necesite antes de firmar, y puede revocar este consentimiento cuando lo estime, conforme a la Ley 20.584 de derechos y deberes del paciente.
Sus datos Su información de salud es confidencial y solo la conoce usted y su equipo tratante, según la ley chilena de protección de datos personales.
Comprobante de firma
NEFROSYS · Comprobante
VIGENTE
Consentimiento informado de hemodiálisis
Folio F-2026-01847 · Versión 3 del documento
Paciente
J*** M*** · RUT 12.***.***-9
Centro
Centro de Diálisis
Fecha y hora de firma
09 de julio de 2026 · 16:45
Método
Firma en app + declaración de recepción
Entregado por
E. González · Enfermera
Verifica la autenticidad escaneando este código o en nefrosys.cl/verificar. El comprobante nunca muestra tus datos de salud.
Privacidad y mis datos
👁️ Qué ve esta app
Solo lo necesario para acompañarte: tu próxima sesión, tu peso seco, tu última presión, tu acceso vascular, tus exámenes ya revisados y tus documentos. La app no accede a tu ficha clínica completa.
🔒 Quién puede ver tus datos
Solo tú y el equipo de salud de tu centro. Nadie más: ni otros pacientes, ni otros centros, ni terceros. Nunca vendemos ni compartimos tu información.
⚖️ Tus derechos
Según la ley chilena de protección de datos personales, puedes pedir una copia de tus datos, corregirlos si hay un error, y retirar tu autorización cuando quieras hablando con tu centro.
Mi perfil
JM
José Martínez
Centro de Diálisis · Turno mañana · Sillón 7
🔤Texto grande
🔔Recordatorios de sesión
📚Consejos educativos
👥Mi cuidador o familiarPróximamente›
🔒Privacidad y mis datos›
🚪Cerrar sesión›
🛡️ Tus datos están protegidos según la ley chilena de datos personales. Solo tú y tu centro pueden verlos.
Diseño completo navegable · toca todo · datos ficticios de demostración.
PRIMERA VEZ
MVP · NÚCLEO
FASE 2
Los 3 carriles de NefroSyn:
🟢 Tus datos — desde NefroSys, sin IA.
🔵 Educación — IA solo sobre biblioteca validada.
🔴 Derivación — tratamiento se bloquea y deriva. Nunca indica tratamiento.
Hoja de sistema de diseño — para construir
Especificación que el frontend sigue tal cual cuando se autorice la construcción. Hereda los tokens de theme.css del sistema; lo nuevo es solo la capa de componentes de la app paciente.
COLOR
Navy identidad
#0b2c46 · headers, títulos
Primary (theme.css)
#0b4a6f · tarjeta hero, énfasis
Teal acento
#12a7bd / ink #0d7f90 · CTA, NefroSyn
Fondo
#f4f7fa · superficie #ffffff
Semánticos
ok/warn/crit de theme.css — SOLO estado, nunca decoración
TIPOGRAFÍA (sistema nativo)
ROL
TAMAÑO / PESO
Título pantalla
20–24px · 800 · navy
Dato clave
19–25px · 800 · tabular-nums
Cuerpo
14.5–15.5px · 400–600 · #1f2933
Secundario
12.5–13.5px · 600 · #5b6b78
CTA
17px · 800 · blanco
ACCESIBILIDAD (no negociable)
Táctil ≥48px; CTA de 56px de alto.
Contraste AA mínimo en todo texto.
Modo texto grande (toggle en perfil, escala 1.15×).
Icono siempre con texto, nunca solo.
Un objetivo por pantalla; máx. 2 toques a cualquier acción clave.
COMPONENTES
Hero sesión: gradiente primary, countdown, 1 por home.
Botón home: 104px min, icono tintado + texto 2 líneas + badge rojo si hay pendiente.
Fila de dato: icono + etiqueta + valor grande + tag estado.
Documento: estado POR FIRMAR (warn) / FIRMADO (ok) con fecha.
Firma: canvas + declaración obligatoria → CTA se habilita con ambas.
Éxito: anillo verde + folio verificable QR (sello NefroSys).
Notificación: sin PII en pantalla de bloqueo, JAMÁS.
NefroSyn: mascota real (imagen mascota.png), nunca emoji; badges de carril 🟢🔵🔴 visibles en cada respuesta.
VOZ Y TONO
Humano y directo: "No podré asistir", no "Gestionar ausencia".
Refuerzo positivo (rachas de asistencia), nunca culpa.
La app nunca interpreta: "espejo de tu ficha" + derivar al equipo.
Emergencias: siempre 131 visible en mensajería y síntomas.