Investigación y documentación

Documentación · SENDA

22 archivos markdown del case de estudio (producto, UX research, IA, flujos, design system, handoff…).

En esta página Day brief — 2026-08-03 — ALS-2 0%

Day brief — 2026-08-03 — ALS-2

Restricciones (memory §8)

  • Complejidad: Nivel 2 (no L1 consecutivo tras MERIDIANA)
  • Sector: Personas mayores / acompañamiento a domicilio (cola #1; no salud AP clínica, no museos, no cocinas)
  • Craft techo: MERIDIANA post-polish en Must-have
  • UX Paper: ≥ 8 artboards proceso densos
  • Panel interno → JWT staff (saldar D-P1-05)
  • Anti-patrones: AP-01 craft, AP-04/05 canvas, AP-08 UX thin

Directivas P0 aplicadas

D-P0-01 nivel≠calidad · D-P0-02 portfolio hi-fi · D-P0-03 stack fijo · D-P0-04 bandas canvas · D-P0-05 media real

Concepto elegido

CampoValor
NombreSENDA
TipoWeb + panel staff (coordinación visitas a domicilio)
Nivel2
EstiloDusk clay × deep indigo × sand (no teal/rojo/naranja)
TipoNewsreader + Outfit (nueva)
Must-haveSolicitar visita · confirmación · login staff JWT · agenda del día · detalle/estado
No objetivosTelemedicina, HCE, app nativa, multi-tenant

Experimento del día

Auth JWT en panel desde el día 1 (no deuda de recepción abierta).

00-paper-reference.md

Abrir documento

Referencia Paper — SENDA

CampoValor
File ID01KZ36XZZ84RAGYCRFKM0GF6M1
URLhttps://app.paper.design/file/01KZ36XZZ84RAGYCRFKM0GF6M1
NombreSENDA — Daily UX 2026-08-03
Artboards~18 UI/UX + 5 etiquetas §N

Mapa canvas (CRON §5.2)

§BandaContenido
1UX PROCESSUX-00…UX-07 (8 boards)
2DESIGN + DESKTOPDS · Home · Solicitar · Confirmación
3MOBILEHome · Solicitar
4STAFF JWTLogin · Agenda
5STATESEmpty · Error red

Media

assets/heroes/home.jpg + people portraits

01-project-definition.md

Abrir documento

01 — Definición — SENDA

Identidad

CampoValor
NombreSENDA
SignificadoCamino/ruta de cuidado que llega a casa
Eslogan”Cuidado que llega a casa, con ruta y con calma.”
Una frasePlataforma para solicitar y coordinar visitas de acompañamiento a domicilio a personas mayores.
SectorPersonas mayores / servicio social de proximidad
TipoWeb responsive + panel staff (JWT)
PlataformaWeb (desktop + mobile)
MercadoEspaña (municipio demo)
Idiomaes-ES

Problema

Principal: Las familias no tienen un canal claro para pedir visitas de acompañamiento; la coordinación se hace por teléfono y WhatsApp y se pierden huecos. Secundarios: Staff sin agenda unificada; usuarios mayores confusos con jerga digital. Suposiciones (no estudio de campo propio): saturación telefónica de entidades locales; preferencia de familia como intermediaria digital. Hipótesis: Un formulario + agenda staff reduce llamadas de coordinación ≥ 25% en 90 días.

Objetivos

  • Negocio: captar solicitudes y cerrar visitas planificadas.
  • Usuario familia: solicitar en < 5 min.
  • Staff: ver y actualizar estado de la ruta del día.
  • No objetivos: HCE, telemedicina, pagos, multi-tenant.

Métricas

North Star: visitas COMPLETED / semana. Activación: % landing → form. Conversión: submit OK. Operativo: tiempo NEW → CONFIRMED. A11y: 0 críticos axe en form.

02-ux-research-strategy.md

Abrir documento

02 — UX research — SENDA

Artefactos de diseño; no entrevistas reales.

Stakeholders

StakeholderInfluenciaInterésNecesidad
Dirección entidadAltaAltaImagen y cobertura
Coordinación (staff)AltaMuy altaAgenda fiable
Trabajadores de campoMediaAltaRuta clara
FamiliasBaja formalAltaPedir ayuda sin fricción
Personas mayoresBajaAltaVisita humana, no app
Legal/RGPDAltaMediaMinimización datos

Personas

P1 — Marta, 48, hija cuidadora

Digital media-alta. Quiere dejar solicitud por la noche. “Que alguien vaya a ver a mi padre el jueves.”

P2 — Don Luis, 82

Digital baja; no usa la web; la hija gestiona. Necesita respeto y no infantilización en el copy.

P3 — Nuria, 39, coordinadora

Staff. Abre la agenda a las 7:30, confirma y reasigna. Odia Excel sueltos.

P4 — Iker, 28, acompañante

Ve visitas del día; marca en curso / completada desde el panel.

JTBD

Cuando mi padre se siente solo entre semana, quiero pedir una visita de acompañamiento con franja, para que alguien de confianza vaya sin que yo deje el trabajo.

Stories (Must)

  • E1: Como familia, solicito visita con datos de contacto y preferencias.
  • E2: Como staff, inicio sesión y veo visitas del día.
  • E3: Como staff, actualizo estado (CONFIRMED / IN_PROGRESS / COMPLETED / CANCELLED).
  • E4: Como visitante, entiendo el servicio y la confianza.

Journey Marta

Descubre → Lee servicio → Solicita → Espera llamada → Nuria confirma → Iker visita → COMPLETED.

Blueprint

Frontstage web · Backstage coordinación telefónica + ruta · Fallos: red, validación, no contesta → CANCELLED con nota.

03-information-architecture.md

Abrir documento

03 — IA — SENDA

/                     Home
/servicios            Qué ofrecemos
/solicitar            Formulario visita
/solicitar/enviada    Confirmación
/staff/login          Auth JWT
/staff                Agenda del día
/staff/visitas/:id    Detalle + estado

Nav pública: Inicio · Servicios · Solicitar visita (CTA). Nav staff: Agenda · Cerrar sesión.

Permisos

RolSolicitarVer agendaCambiar estado
AnónimoNoNo
STAFF
COORDSí + notas

04 — Flujos — SENDA

F1 Solicitar visita

Entry CTA → form (beneficiario, contacto familia, franja, tipo, notas) → POST → success page. Errores: validación, red.

F2 Staff login

/staff/login → JWT → /staff agenda.

F3 Actualizar visita

Lista → detalle → PATCH status.

Estados UI

Empty agenda, loading skeletons, error red, 401 login, validación form.

05 — Datos — SENDA

User: id, email, passwordHash, name, role (STAFF|COORD)

VisitRequest: id, beneficiaryName, beneficiaryAge?, address, city, contactName, contactPhone, contactEmail?, preferredDate?, preferredSlot (MORNING|AFTERNOON|ANY), visitType (COMPANY|ERRAND|WALK|OTHER), notes, status (NEW|CONFIRMED|IN_PROGRESS|COMPLETED|CANCELLED), assignedToId?, staffNotes?, createdAt, updatedAt

ER: User 1—N VisitRequest (assignedTo)

06 — Stack

Angular + Nest + Prisma + Neon + Tailwind + JWT (bcrypt). Stack fijo cron. Auth staff para saldar D-P1-05.

07-creative-direction.md

Abrir documento

07 — Dirección creativa

Mood: Atardecer de barrio — arena, indigo profundo, terracota suave. Humano, sereno, no clínico ni infantil. No: teal MERIDIANA, rojo ATRIO, naranja COMAL. Tipo: Newsreader (display) + Outfit (UI). Paleta: bg #F6F1EA · ink #1A1F2E · primary #2F3A6B · accent #C26B4A · soft #E8E4F0 · border #E4DCD2

08-design-system.md

Abrir documento

08 — DS

Tokens → CSS vars / Tailwind. Componentes: Button primary/secondary, Input, Card visit, Badge status, Alert, Nav, Staff shell. Radius 12–16, pills CTA. Spacing 4-base.

09-content-guide.md

Abrir documento

09 — Contenido

Tono cercano y adulto. “Solicitar visita” no “reservar”. No infantilizar a mayores. Éxito: “Hemos recibido la solicitud; coordinación te contactará.”

10-accessibility.md

Abrir documento

10 — A11y WCAG 2.2 AA

Contraste ink/bg; labels reales; focus visible; alt en fotos; errores asociados; touch 44px.

11-privacy-security.md

Abrir documento

11 — Privacidad

Datos de salud no clínicos pero sensibles (dirección, edad). JWT staff. No auth en form público. Retención propuesta 24m visitas CLOSED. No certificar RGPD.

12 — Analítica

visit_form_submit_success, staff_login, visit_status_change. Sin PII en eventos.

13 — QA

1 Form OK crea NEW. 2 Validación teléfono. 3 Login staff. 4 Agenda lista. 5 PATCH status. 6 401 sin token. 7 Error red UI. 8 Mobile form usable.

14 — Handoff

API: GET/POST /api/visits, GET /api/visits/today (auth), PATCH /api/visits/:id (auth), POST /api/auth/login. Tokens DS → Tailwind. Assets en assets/.

15 — Roadmap

v1: form + JWT agenda. v1.1: asignación a trabajador. v2: app móvil trabajador. v3: multi-entidad.

16-interaction-specs.md

Abrir documento

16 — Interacciones

CTA sticky mobile. Form disable on submit. Staff badges color por estado. Confirm no modal en COMPLETED (directo).

17-prototype-map.md

Abrir documento

17 — Prototipo = Angular app.

18-completeness-audit.md

Abrir documento

18 — Auditoría SENDA

EntregableEstado
Docs 00-20
Paper UI+UX
JWT staff
Neon+GitHub
SCORE ALS-2✅ al cierre

19-backlog-completo.md

Abrir documento

19 — Backlog

Must: form, confirm, login, agenda, status — implementados. Should: filtros por zona. Could: SMS. Won’t: HCE.

20-implementation.md

Abrir documento

20 — Implementación

Neon morning-term-01133240. Repo senda-app. JWT access token 8h demo.