Investigación y documentación

Documentación · FIRME

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

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

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

Restricciones

  • Complejidad: Nivel 3 (no L2 consecutivo tras SENDA)
  • Sector: Legal freelancers (cola memory)
  • No: mayores, salud AP, museos, cocinas; no indigo SENDA, no teal MERIDIANA, no naranja COMAL, no rojo ATRIO
  • Craft ≥ MERIDIANA/SENDA; UX Paper ≥ 8; JWT multi-rol

Concepto

CampoValor
NombreFIRME
Eslogan”Tu despacho freelance, en firme.”
TipoSaaS B2B ligero para abogados independientes
RolesLAWYER + CLIENT (JWT)
EstiloParchment × forest green × brass
TipoPlayfair Display + Source Sans 3

Must-have

Home · Login · Agenda casos abogado · Detalle caso · Portal cliente · Crear caso · estados empty/error

00-paper-reference.md

Abrir documento

Referencia Paper — FIRME

CampoValor
File ID01KZ6540H4FSKAKHDX8BMGKQT3
URLhttps://app.paper.design/file/01KZ6540H4FSKAKHDX8BMGKQT3
NombreFIRME — Daily UX 2026-08-04
EstadoDensificado L3 (MCP) · ~790 nodos
Artboards11 UI + 8 UX process + 5 etiquetas §N

Mapa canvas (CRON §5.2)

§BandaContenido
1UX PROCESSUX-00…UX-07
2DESIGN + PUBLICDS · Home · Login
3APP MULTI-ROLCases lawyer · Detail · New · Cases client
4MOBILELogin · Cases
5STATESEmpty · Error red

Nota de sesión

En la primera pasada del cron, paper__create_file falló con Could not find Paper. Tras open -a Paper (computer-use / shell) el MCP volvió a responder y se creó el file real.

Computer-use (2026-08-04, re-verificación)

PasoResultado
open -a PaperOK — app running com.todesktop.2601167vjw8xe
list-windowsOK (título a veces Dashboard / archivo previo)
get-app-state / click / hotkeyFAILno accessibility window (permisos AX granted; Paper Electron no expone AX)
Paper MCP open_file + canvasOK — 24 artboards FIRME vivos

Conclusión: computer-use sirve para lanzar Paper; el trabajo de diseño va por Paper MCP.

Densificación L3 (post-cierre)

BandaQué se completó
§1 UXCover, stakeholders×4, personas Elena/Carlos, JTBD+E1–E4, journey 5 pasos, blueprint capas, IA+flujos, matriz permisos
§2DS tokens/type/buttons/badges/case card · Home nav+hero+how+roles+footer · Login split brand/form
§3Cases lawyer KPIs+filtros+5 filas · Detail timeline+PATCH estado · New case form · Client portal llano
§4Login + Cases mobile con lista y CTA
§5Empty onboarding · Error 503 con request_id

01-project-definition.md

Abrir documento

01 — FIRME

Identidad

NombreFIRME
SignificadoSolidez jurídica; “en firme” = decisión/estable
EsloganTu despacho freelance, en firme.
SectorLegal / abogados independientes
TipoSaaS multi-rol (abogado + cliente)
PlataformaWeb responsive
ComplejidadNivel 3
Idiomaes-ES

Problema

Los abogados freelance gestionan expedientes en email y Excel; el cliente no ve estado sin llamar. Suposición: fricción de comunicación y pérdida de contexto. Hipótesis: portal compartido reduce llamadas de estado ≥30%.

Objetivos

  • Abogado: crear y actualizar casos.
  • Cliente: ver sus casos y estado.
  • No: facturación completa, e-signature, multi-despacho tenant.

Métricas

North Star: casos activos con al menos 1 actualización/semana. Activación: 1er caso creado. CSAT portal cliente.

02-ux-research-strategy.md

Abrir documento

02 — UX

Artefactos de diseño; no entrevistas reales.

Personas

  • Elena V., 41, abogada freelance — necesita control de expedientes y menos WhatsApp.
  • Carlos M., 55, cliente particular — quiere saber “en qué va mi caso” sin jerga.
  • Admin despacho mini — fuera de alcance v1.

JTBD

Cuando tengo varios clientes a la vez, quiero un solo sitio con estado de cada caso, para no perder hilos en el email.

Stories Must

E1 Login JWT · E2 Abogado lista/crea casos · E3 Abogado actualiza estado · E4 Cliente ve solo sus casos.

Journey Elena

Login → Dashboard → Nuevo caso → Cliente recibe acceso → Actualiza IN_PROGRESS → Cliente consulta.

03-information-architecture.md

Abrir documento

03 — IA

/                    Marketing
/login               Auth
/app                 Redirect por rol
/app/cases           Lista (lawyer/client filtered)
/app/cases/new       Crear (lawyer)
/app/cases/:id       Detalle

Permisos

Ver propiosCrearEditar estado
LAWYERtodos los suyos
CLIENTsolo asignadosnono

04 — Flujos

F1 Login · F2 Crear caso · F3 Listar · F4 Actualizar estado · F5 Cliente consulta. Estados: empty, loading, 401, error red, validación.

05 — Datos

User: id,email,passwordHash,name,role(LAWYER|CLIENT) LegalCase: id,title,reference,summary,status(OPEN|IN_PROGRESS|WAITING_CLIENT|CLOSED),lawyerId,clientId,createdAt,updatedAt

06 Stack fijo: Angular+Nest+Prisma+Neon+Tailwind+JWT

07-creative-direction.md

Abrir documento

07 Creativa

Parchment #F7F3EB · forest #1B4332 · brass #B08D57 · ink #14201A Playfair Display + Source Sans 3. Serio, cálido, no fintech neón.

08-design-system.md

Abrir documento

08 DS tokens, buttons, badges status, cards case, tables, alerts.

09-content-guide.md

Abrir documento

09 Tono profesional claro. “Caso” no “ticket”. Cliente: lenguaje llano.

10-accessibility.md

Abrir documento

10 WCAG 2.2 AA labels focus contraste.

11-privacy-security.md

Abrir documento

11 Datos de clientes sensibles. JWT. No logs de summary en cliente. No certificar RGPD.

12 case_created, status_change, login_success.

13 Login lawyer/client · create case · client no ve ajenos · patch status · build.

14 API auth + cases. Demo: lawyer@firme.legal / client@example.com password123

15 v1 casos+roles · v1.1 notas · v2 facturas · v3 e-sign.

16-interaction-specs.md

Abrir documento

16 Status select con confirm ligera. Empty CTA crear caso.

17-prototype-map.md

Abrir documento

17 Prototipo = Angular.

18-completeness-audit.md

Abrir documento

18 Checklist docs Paper JWT Neon GitHub SCORE.

19-backlog-completo.md

Abrir documento

19 Must implementado. Could: adjuntos.

20-implementation.md

Abrir documento

20 Neon round-math-78169374. Repo firme-app.