17 — Mapa de prototipo — VOLTA
1. Qué es “prototipo” en este case
| Capa | Rol |
|---|
| Paper | Hi-fi visual + UX process; no clicable nativo vía MCP |
| Angular app | Prototipo interactivo real (flujos E2E) |
| Docs | Flujos, IA, specs |
2. Paper → rutas
| Banda | Artboard | Ruta / estado |
|---|
| §2 | Home | / |
| §2 | Join | /apuntarme |
| §2 | Success | /ok |
| §3 | Login | /login |
| §3 | Inbox | /inbox |
| §3 | Detail | /inbox/:id |
| §4 | Mobile | mismas rutas, viewport 390 |
| §5 | Empty | /inbox sin rows |
| §5 | Error | API down / error flag |
Ver inventario completo: 00-paper-reference.md.
3. Flujos clicables en app
[Home] --Apuntarme--> [Join] --submit--> [Success] --inicio--> [Home]
[Home] --Coach------> [Login] --OK-----> [Inbox] --card--> [Detail] --status--> [Detail]
[Inbox] --Salir-----> [Login]
4. Datos del prototipo
| Fuente | Uso |
|---|
| Seed Neon | Inbox realista |
| POST create | Success con code nuevo |
| JWT | Barrera coach |
5. Limitaciones del prototipo v1
| Limitación | Nota |
|---|
| Paper no enlaza hotspots | Usar app para demo interactiva |
| Sin email real al coach | Contacto offline |
| Sin aforo | Confirmación manual |
| Token en localStorage | Demo |
6. Guión de demo (3 minutos)
- Home — eslogan, clases, promesa.
- Apuntarme — HIIT, día, 19:00, enviar.
- Success — mostrar
VO-….
- Login coach@volta.club / password123.
- Inbox — stats + lista seed + nueva.
- Detail Marc o la nueva — CONTACTED → CONFIRMED.
- (Opcional) empty/error si se demuestran estados.
7. Assets de prototipo
| Asset | Path |
|---|
| Hero case | 2026-08-08-volta/assets/hero.jpg |
| Hero app | volta-app/apps/web/src/assets/hero.jpg (o public) |
8. Criterio “prototype complete”
