Renovación

Planes --> Decisión Post-Ciclo

Propósito: Presentar las opciones de continuidad después de completar un ciclo de 90 días.
JTBD: “Quiero decidir si sigo con datos claros, no con presion”
Ruta: /paciente/plan/renovación
Módulo: PAM-4

Features

States

Loading

• Visual: Skeleton shimmer en resumen de ciclo + 4 cards de opciones (500ms)
• Duración: <800ms
• Copy: “Preparando tus opciones…”

Loaded – Ciclo Exitoso (>60% adherencia)

• Trigger: Adherencia superior al 60%, labs finales cargados
• Visual: Badge celebratorio en resumen + Opción A destacada con borde azul
• Copy resumen: “Completaste tu ciclo con [X]% de adherencia. Tu Health Score paso de [inicio] a [fin].”
• Copy recomendación: “Tus resultados sugieren que un segundo ciclo puede consolidar tu progreso.”
• Opciones:
  • A: Iniciar Ciclo 2 (destacada) – “Mismo plan, nuevo baseline, tus datos se mantienen”
  • B: Cambiar de plan – “Revisa otros planes antes de continuar”
  • C: Pausar – “Tu cuenta sigue activa. Tus datos quedan accesibles. Reactiva cuando quieras.”
  • D: Cancelar suscripción – Texto discreto, no botón prominente

Loaded – Ciclo Incompleto (<50% adherencia)

• Trigger: Adherencia inferior al 50%
• Visual: Sin badge, tono empatico, ninguna opción destacada sobre otra
• Copy resumen: “Completaste [X] días de 90. Tu adherencia fue del [X]%.”
• Copy empatico: “A veces la vida se interpone. Tu próximo ciclo puede ser diferente.”
• Opciones: Las mismas 4, sin jerarquía visual

Sin Labs Finales

• Trigger: Ciclo terminado pero labs finales no cargados
• Visual: Banner informativo arriba de las opciones, opciones A y B deshabilitadas
• Copy: “Carga tus exámenes finales para ver tu reporte completo y decidir los siguientes pasos.”
• CTA banner: [Subir resultados] --> laboratorios/subir-resultados
• Disponible: Solo opciones C (Pausar) y D (Cancelar)

Confirmación Renovar

• Trigger: Tap en Opción A
• Visual: Bottom sheet con resumen: plan, precio, fecha de inicio del nuevo ciclo
• Copy: “Tu Ciclo 2 inicia el [fecha]. Se cobrara [precio] a tu método de pago actual.”
• CTA: [Confirmar] / [Volver]

Confirmación Pausar

• Trigger: Tap en Opción C
• Visual: Bottom sheet con detalles de la pausa
• Copy: “Tu cuenta seguira activa. Podras ver tus datos pero no recibiras plan ni check-ins. Reactiva cuando quieras.”
• CTA: [Pausar mi ciclo] / [Volver]

Confirmación Cancelar (Doble)

• Trigger: Tap en Opción D
• Visual: Pantalla completa (no bottom sheet) – decisión seria merece espacio
• Copy paso 1: “Al cancelar, tendras 30 días para exportar tus datos. Después de eso, tu cuenta se cerrara.”
• CTA paso 1: [Entiendo, quiero cancelar] / [Volver]
• Copy paso 2: “Antes de irte: quieres contarnos por qué? (opcional)”
• Opciones: Precio / No vi resultados / No tengo tiempo / Otra razón
• CTA paso 2: [Cancelar suscripción] / [Mejor no]

Renovación Procesando

• Trigger: Confirmo renovación, procesando pago
• Visual: Indicador de carga centrado
• Copy: “Preparando tu nuevo ciclo…”

Cancelación en Proceso

• Trigger: Confirmo cancelación
• Visual: Countdown de 30 días de gracia + botón de reactivar
• Copy: “Tu suscripción se cancelara el [fecha]. Puedes reactivar en cualquier momento antes de esa fecha.”
• CTA: [Reactivar mi cuenta]

Error

• Trigger: Fallo de pago o servidor
• Copy: “No pudimos procesar tu solicitud. Intenta de nuevo.”
• CTA: [Reintentar]

Datos Mostrados

Acciones

Navegación

• Viene de: Reporte 90 Días (flujo natural), Mi Ciclo (ciclo terminado)
• Va a: Nuevo ciclo (confirmación), Seleccionar Plan (cambio), Dashboard (pausa/cancelación)
• Back: Reporte 90 Días