14 — Handoff de diseño (UX/UI) · COMAL
Alcance actual: entrega de producto, UX y UI de alta fidelidad.
Fuera de alcance ahora: implementación de código, repos de app o pipelines.
Referencias
| Recurso | Ubicación |
|---|---|
| Paper hi-fi | https://app.paper.design/file/01KYX2GFM9EGHF4EG0AQZJPZ5G |
| File ID | 01KYX2GFM9EGHF4EG0AQZJPZ5G |
| Inventario artboards | 00-paper-reference.md (35 pantallas) |
| Definición producto | 01-project-definition.md |
| Flujos | 04-user-flows.md |
| Interacciones | 16-interaction-specs.md |
| Datos (orientativo) | 05-data-model.md |
| Stack recomendado (futuro) | 06-tech-stack.md |
| Tokens | Paper + 08-design-system.md |
| Contenido | 09-content-guide.md |
| Accesibilidad | 10-accessibility.md |
Artboards entregados (35 — completos en Paper)
Marketing: Landing cocineros · Landing operadores
Auth: Login · Registro · Recuperar contraseña · Email enviado · Validación error · Sesión expirada
Cocinero: Onboarding · Explorar m/d · Ficha · Reserva · Sin huecos · Checkout · Confirmación · Mis reservas · Empty reservas · Detalle · Cancelar · Check-in · Perfil · Planes · Notificaciones · Facturas
Estados: Empty filtros · Loading · Error pago · Error red
Operador: Dashboard · Calendario · Bloquear franja · Precios/estaciones · Check-in recepción (tablet)
Sistema: Design System
Especificaciones de interacción (resumen)
| Elemento | Comportamiento |
|---|---|
| Slot select | Contiguo; mínimo 2 h |
| Hold pago | Countdown en pantalla error |
| Sticky CTA ficha | fixed bottom + safe-area |
| Bottom nav | Explorar · Reservas · Acceso · Perfil |
| Filtros mobile | bottom sheet |
| Ops | filas ≥48px; badges de estado |
Detalle completo: 16-interaction-specs.md.
Cuando se implemente (futuro)
- Exportar desde Paper (
get_jsx/ computed styles), no desde capturas. - Orden sugerido: Auth → Catálogo → Booking → Check-in → Ops → Membresía.
- DoD por pantalla: tokens, empty/loading/error, a11y, analytics, e2e.
Definition of Done — entrega UX/UI (esta fase)
- Flujo cocinero end-to-end en hi-fi
- Flujo operador principal en hi-fi
- Auth + recuperación + onboarding
- Cancelación, membresía, facturas, notificaciones
- Estados empty, loading, error, red, sesión, sin huecos
- Responsive mobile + desktop + tablet ops
- Design system en Paper
- 35 artboards con contenido en Paper
- Documentación de producto y UX
- Spec de interacciones + mapa de prototipo
- Auditoría de completitud
