17 — Mapa de prototipo y navegación · COMAL

Especificación de prototipo clicable de extremo a extremo.
En Paper: artboards hi-fi. Donde el MCP de Paper esté limitado, los mockups complementarios están en ui-mockups/.

Flujo maestro (cocinero)

[01 Landing]
    ├─ CTA Explorar ──────────────────────────────► [05 Explorar]
    ├─ CTA Soy operador ──────────────────────────► [01b Landing operadores]
    ├─ Entrar ────────────────────────────────────► [02 Login]
    └─ Crear cuenta ──────────────────────────────► [03 Registro]

[02 Login]
    ├─ Entrar OK ─────────────────────────────────► [05 Explorar] | deep link
    ├─ ¿Olvidaste? ───────────────────────────────► [02b Recuperar]
    ├─ Google OK ─────────────────────────────────► [05] o [04 Onboarding] si nuevo
    ├─ Crear cuenta ──────────────────────────────► [03 Registro]
    └─ Error validación ──────────────────────────► [18 Error validación]

[02b Recuperar] ── Enviar ──► [02c Email enviado] ── Volver ──► [02 Login]

[03 Registro]
    ├─ Cocinero + OK ─────────────────────────────► [04 Onboarding]
    └─ Operador ──────────────────────────────────► onboarding ops (concierge / 01b)

[04 Onboarding] ── Continuar / Saltar ────────────► [05 Explorar]

[05 Explorar]
    ├─ Card cocina ───────────────────────────────► [06 Detalle]
    ├─ Filtros sin resultados ────────────────────► [13 Empty]
    ├─ Carga ─────────────────────────────────────► [15 Loading]
    ├─ Error red ─────────────────────────────────► [20 Error red]
    └─ Bottom: Reservas|Acceso|Perfil ────────────► [09]|[10]|[11]

[06 Detalle] ── Reservar ──► [07 Reserva] (auth gate → 02 si hace falta)

[07 Reserva]
    ├─ Continuar al pago ─────────────────────────► [08b Checkout]
    └─ Sin huecos día ────────────────────────────► [19 Sin huecos]

[08b Checkout]
    ├─ Pagar OK ──────────────────────────────────► [08 Confirmación]
    └─ Pago fail ─────────────────────────────────► [14 Error pago] ⇄ reintentar

[08 Confirmación]
    ├─ Ver acceso ────────────────────────────────► [10 Check-in]
    └─ Mis reservas (implícito) ──────────────────► [09]

[09 Mis reservas]
    ├─ Empty ─────────────────────────────────────► [16 Empty reservas]
    ├─ Detalle ───────────────────────────────────► [09b Detalle reserva]
    └─ Check-in ──────────────────────────────────► [10]

[09b Detalle]
    ├─ Check-in ──────────────────────────────────► [10]
    └─ Cancelar ──────────────────────────────────► [09c Cancelar] ── confirmar ──► [09]

[10 Check-in] ── Reportar problema ───────────────► soporte (mailto / form futuro)

[11 Perfil]
    ├─ Ver planes ────────────────────────────────► [11b Planes]
    ├─ Notificaciones ────────────────────────────► [11c]
    ├─ Facturas / pagos ──────────────────────────► [11d]
    ├─ Privacidad ────────────────────────────────► copy + export/delete (doc)
    └─ Cerrar sesión ─────────────────────────────► [02]

[17 Sesión expirada] ── Entrar ───────────────────► [02] + restore deep link

Flujo operador

[01b Landing operadores]
    ├─ Publicar / Solicitar ──────────────────────► lead form (copy en landing)
    └─ Entrar ────────────────────────────────────► [02] rol operador

[Op-01 Dashboard]
    ├─ Bloquear ──────────────────────────────────► [Op-03 Bloquear]
    └─ Nav ───────────────────────────────────────► Op-02 | Op-04 | Op-05

[Op-02 Calendario] ── + Bloquear ─────────────────► [Op-03]
[Op-04 Precios y estaciones]
[Op-05 Check-in recepción] (tablet)

Orden de demo stakeholder (15 min)

1. 01 Landing → 05 Explorar → 06 Ficha → 07 Reserva → 08b Checkout → 08 Confirmación → 10 Check-in
2. 09 Mis reservas → 09b → 09c (cancelación)
3. 11 → 11b Planes
4. 01b Operadores → Op-01 → Op-02 → Op-03 → Op-04 → Op-05
5. Estados: 13, 14, 15, 16, 17, 18, 19, 20

Hotspots mínimos por artboard

Criterio de “prototipo completo”

• Camino feliz cocinero documentado y diseñado
• Auth + recuperación
• Cancelación con confirmación
• Membresía
• Estados empty / loading / error / sesión / validación / red / sin huecos
• Ops: dash, calendario, bloqueo, precios, check-in recepción
• Landing operadores
• Enlaces hotspots nativos en Paper (cuando la herramienta lo permita; mapa aquí es fuente de verdad)