Investigación y documentación

Documentación · PLIEGO

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

En esta página 00 — Day brief · 2026-08-10 · PLIEGO 0%

00 — Day brief · 2026-08-10 · PLIEGO

Decisiones del día (ALS-2 BRIEF)

CampoValor
Fecha2026-08-10
NombrePLIEGO
ComplejidadNivel 1 (compacto, craft completo — D-P0-01)
SectorModa / atelier local
TipoWeb editorial lookbook + lead de visita a atelier
PlataformaWeb responsive
Registro §6.5AR-CL — clásico excelente (revista / quiet luxury)
Shell §6.5BS-MIN — chrome mínimo, scroll-story
Home §6.5CH-FULL — portada full-bleed editorial
Flujo §6.5DF-STORY — narrativa scrollytelling + CTA (no F-CRUD multi-rol)
Por qué no L2RELE fue L2; briefing prohíbe L2 consecutivo
Por qué no lista+badgeADN RELE/SURCO/VOLTA — D-P0-07 / AP-12

Terna de unicidad (D-P0-07)

R-CL · S-MIN · H-FULL · F-STORY

Comparación ventana 5:

DíaProyectoTerna aproximada
N-1RELES-TOP · H-HERO2 · F-CRUD multi-rol
N-2VOLTAS-TOP · H-HERO2 · F-LEAD
N-3SURCOS-TOP · lista · F-CRUD
HoyPLIEGOS-MIN · H-FULL · F-STORY — ≥3 ejes distintos

Directivas activas aplicadas

  • D-P0-01…07, D-P1-01…08 (auth staff mínimo para inbox de leads — D-P1-05)
  • Anti-patrones: evitar AP-01 thin L1, AP-12 plantilla marketing genérica

Estilo

TokenValor
PaletaInk charcoal #1A1614 · Paper cream #F7F2EB · Wine #8B3A4A · Line brass #B8956C · Soft blush #E8D5D0
TipoFraunces (display) + Figtree (UI) — no Sora/Nunito, no Literata/Manrope, no Syne
VozEditorial sereno, microcopy de atelier (no “SaaS startup”)

Alcance L1 (must)

  1. Portada revista full-bleed + capítulos de colección
  2. Lookbook galería (3 looks)
  3. Historia de atelier (story scroll)
  4. CTA → solicitud de visita (lead, no “cita confirmada”)
  5. Staff JWT: listar / marcar leads
  6. Empty + error + mobile

No objetivos

  • Checkout e-commerce
  • Multi-rol sastre/cliente denso
  • App nativa

00-paper-reference.md

Abrir documento

Paper reference · PLIEGO

CampoValor
FilePLIEGO — 2026-08-10 · Lookbook atelier
URLhttps://app.paper.design/file/01KZN7S2DQXK16FCFRMZFH8S5G
File ID01KZN7S2DQXK16FCFRMZFH8S5G

UX-count: 12 UI-count: 6

Inventario UX process (D-P1-01) — 12 boards

IDNombreContenido
UX-00Process coverÍndice canónico 12 artefactos
UX-01StakeholdersMapa influencia × interés
UX-02PersonasClara + Inés (board §2 UX Personas)
UX-03JTBDFuncional / emocional / social / barreras
UX-04User storiesMoSCoW US-01…05 + AC
UX-05Journey5 fases (board §2 UX Journey)
UX-06Service blueprintUsuario / front / back / sistemas
UX-07Site map / IARutas público vs staff
UX-08FlujosF1 lectura · F2 lead · F3 staff + eventos
UX-09Datos + permisosUser, VisitLead, matriz roles
UX-10MétricasNorth star + activación + SLA
UX-11Research notesComprobado / supuesto / decisión / riesgos

Count UX = 12 (mínimo D-P1-01). Empty/error de producto y tokens no cuentan como UX process.

UI producto / sistema

§Nombre
§1Home Cover Desktop
§1Visit Form Desktop
§1Mobile Cover
§1Inbox Staff
§2Empty + Error (system states)
§3Design Tokens

Media

  • assets/heroes/cover-atelier.jpg

01-project-definition.md

Abrir documento

01 — Definición de proyecto · PLIEGO

5.1 Identidad

CampoValor
NombrePLIEGO
SignificadoPieza de papel / patrón de corte en sastrería; también “pliego” como unidad de lectura.
EsloganEl corte se lee despacio.
Una fraseLookbook digital de un atelier de moda local que se presenta como revista, no como tienda genérica.
EjecutivaPLIEGO es la web pública de un atelier madrileño de confección a medida y series cortas. El visitante recorre una narrativa editorial (colecciones, materia, atelier) y puede solicitar una visita presencial. El staff gestiona esas solicitudes con un inbox mínimo.
SectorModa / atelier local
TipoWeb editorial + lead generation
Plataforma principalWeb responsive (desktop-first editorial, mobile reflow)
Secundarias
MercadoEspaña (Madrid y alrededores)
Idioma UIEspañol
Otros idiomasHipótesis: EN en v2

5.2 Problema

TipoContenido
Problema principalLos ateliers locales pierden la voz frente a marketplaces y feeds: o no tienen web, o copian plantillas e-commerce que no reflejan el oficio.
SecundariosCitas pedidas por DM sin contexto; zero storytelling de materiales; confusión “tienda online” vs visita.
QuiénClientela que valora confección y materia; atelier con 1–3 personas.
HoyInstagram + WhatsApp + boca a boca.
DeficienciasSin archivo de looks; leads sin estado; tono de feed no de revista.
OportunidadWeb lookbook con craft de portfolio + un canal limpio de solicitud de visita.

Comprobado vs supuesto: no hay estudio de campo real en esta ejecución — hipótesis de mercado documentadas como tales (ALS-2).

5.3 Objetivos

TipoObjetivo
Negocio+solicitudes de visita cualificadas / mes; imagen de marca premium local
UsuarioEntender el atelier en 3 min; pedir visita sin fricción
ProductoLookbook + story + lead + inbox staff
ExperienciaSensación de revista impresa digitalizada
TécnicosAngular+Nest+Neon; un POST público; JWT staff
No objetivosCarrito, tallas e-commerce, CMS completo de looks
RestriccionesL1 alcance; un día de ejecución
RiesgosQue se perciba “solo marketing” sin cita clara — mitigar microcopy honesto

5.4 Métricas

MétricaDefinición
North StarVisitas de atelier solicitadas (no “confirmadas”) / mes
Activación% sesiones que llegan a /visita y envían form
ConversiónEnvíos form / vistas portada
Calidad lead% leads con nota de intención ≥ 20 chars
Tiempo a formMediana scroll-depth antes de CTA
StaffTiempo a FIRST_SEEN de un lead nuevo
Accesibilidad0 violaciones AA en home + form (objetivo)

Roles

RolAcceso
VisitantePúblico: lookbook, story, form
Staff atelierJWT: inbox de leads (NEW → SEEN → ARCHIVED)

02-ux-research-strategy.md

Abrir documento

02 — UX research & strategy · PLIEGO

Stakeholders (hipótesis)

StakeholderInfluenciaInterésNecesidad
Titular atelierAltaAltaLeads cualificados, imagen
Costura / tallerMediaMediaAgenda realista de visitas
Cliente potencialBajaAltaEntender oficio, pedir visita
Prensa localBajaMediaContacto claro

Personas

P1 — Clara, 34, profesiones creativas

  • Contexto: Busca prenda de autor sin e-commerce masivo.
  • Digital: Alto.
  • Frustración: Instagram no deja “leer” el atelier.
  • Cita: “Quiero ver la costura de cerca, no un feed.”
  • Escenario: Llega por Instagram → lookbook → solicita visita.

P2 — Inés, 41, titular atelier

  • Contexto: 2 personas en taller; WhatsApp desordenado.
  • Necesidad: Inbox con estados y nota de intención.
  • Cita: “Si no es una cita cerrada, que el formulario lo diga.”

JTBD

“Cuando descubro un atelier local, quiero recorrerlo como una revista y pedir visita sin compromiso falso, para decidir si merece el desplazamiento.”

Historias (MoSCoW)

IDHistoriaPrio
US-01Como visitante, quiero ver portada y looks, para entender el tonoMust
US-02Como visitante, quiero solicitar visita con intención, para ser contactadoMust
US-03Como staff, quiero listar leads y marcar SEEN/ARCHIVEDMust
US-04Como visitante, quiero mensaje honesto de no-confirmaciónMust
US-05Como staff, quiero stats abiertasShould

Journey (visitante)

Descubrimiento → Portada → Colección → Oficio → Form → Espera respuesta atelier

Emoción: curiosidad → calma → confianza → anticipación.

03-information-architecture.md

Abrir documento

03 — IA · PLIEGO

Mapa

/ (lookbook story)
/visita (lead form)
/ok
/login (staff)
/inbox
/inbox/:id
  • S-MIN: marca fija + CTA visita (sin top-nav de marketing genérico).
  • Anchors: #coleccion, #atelier.

Permisos

RolVer lookbookPOST leadInboxPatch status
Anónimo
STAFF

04 — Flujos · PLIEGO

F1 — Lectura editorial

Entrada / → scroll capítulos → CTA visita.

F2 — Solicitud de visita

/visita → validación → POST /api/leads/ok. Errores: red, validación email. Copy: solicitud ≠ cita confirmada.

F3 — Staff

/login → JWT → /inbox → detalle → PATCH status NEW|SEEN|ARCHIVED.

Estados

Empty inbox, error API form, loading submit.

05 — Modelo de datos · PLIEGO

Entidades

User

id, email, passwordHash, name, role (STAFF)

VisitLead

id, code (PL-MMDD-nnn), fullName, email, phone?, intent (FIRST_VISIT|FITTING|COLLECTION|PRESS), preferredDay, preferredSlot, notes, status (NEW|SEEN|ARCHIVED), timestamps

Relaciones

Sin FK entre User y Lead (inbox compartido staff).

Neon: winter-surf-61138713

06 — Stack · PLIEGO

CapaTecnología
WebAngular standalone + Tailwind
APINestJS + Prisma
BDNeon PostgreSQL
AuthJWT staff
DiseñoPaper MCP

Puerto API: 3010. Repo: pliego-app.

07-creative-direction.md

Abrir documento

07 — Dirección creativa · PLIEGO

Mood: bookish / chapel ink — revista de moda impresa digitalizada. No: maritime, lime athletic, pastoral bone/leaf, sage/terracotta, industrial amber.

Paleta

RolHex
Ink#1A1614
Paper#F7F2EB
Wine#8B3A4A
Brass#B8956C
Blush#E8D5D0

Tipo

Fraunces (display) + Figtree (UI)

Principios

  • Full-bleed cover, tipografía grande, poco chrome.
  • Un acento wine; brass para labels.
  • Media real de atelier en portada.

08-design-system.md

Abrir documento

08 — Design system (tokens)

--color-ink: #1A1614
--color-bg: #F7F2EB
--color-wine: #8B3A4A
--color-brass: #B8956C
--font-display: Fraunces
--font-sans: Figtree
--radius: 2px (editorial sharp) / pill CTA

Componentes: cover hero, chapter row, look split, form label/input, staff list row, status pill.

09-content-guide.md

Abrir documento

09 — content-guide · PLIEGO

Documento del suite L1 alineado a CRON. Contenido operativo resumido para el alcance del día.

Notas

  • Microcopy honesto: solicitud de visita no es cita confirmada.
  • AA: contraste ink/paper; focus visible en form; labels asociadas.
  • Privacidad: leads con email/teléfono; retención hipótesis 12 meses; no marketing third-party en demo.
  • Analytics: page_view cover, scroll_depth chapter, lead_submit, staff_status_change.
  • QA: POST lead, login JWT, list leads, patch status, ng build.
  • Handoff: monorepo apps/api + apps/web; Neon winter-surf-61138713; Paper file enlazado en 00-paper-reference.
  • Roadmap v2: CMS looks, EN, calendario real de slots.
  • Prototype: app Angular (Paper sin click-through nativo).

10-accessibility.md

Abrir documento

10 — accessibility · PLIEGO

Documento del suite L1 alineado a CRON. Contenido operativo resumido para el alcance del día.

Notas

  • Microcopy honesto: solicitud de visita no es cita confirmada.
  • AA: contraste ink/paper; focus visible en form; labels asociadas.
  • Privacidad: leads con email/teléfono; retención hipótesis 12 meses; no marketing third-party en demo.
  • Analytics: page_view cover, scroll_depth chapter, lead_submit, staff_status_change.
  • QA: POST lead, login JWT, list leads, patch status, ng build.
  • Handoff: monorepo apps/api + apps/web; Neon winter-surf-61138713; Paper file enlazado en 00-paper-reference.
  • Roadmap v2: CMS looks, EN, calendario real de slots.
  • Prototype: app Angular (Paper sin click-through nativo).

11-privacy-security.md

Abrir documento

11 — privacy-security · PLIEGO

Documento del suite L1 alineado a CRON. Contenido operativo resumido para el alcance del día.

Notas

  • Microcopy honesto: solicitud de visita no es cita confirmada.
  • AA: contraste ink/paper; focus visible en form; labels asociadas.
  • Privacidad: leads con email/teléfono; retención hipótesis 12 meses; no marketing third-party en demo.
  • Analytics: page_view cover, scroll_depth chapter, lead_submit, staff_status_change.
  • QA: POST lead, login JWT, list leads, patch status, ng build.
  • Handoff: monorepo apps/api + apps/web; Neon winter-surf-61138713; Paper file enlazado en 00-paper-reference.
  • Roadmap v2: CMS looks, EN, calendario real de slots.
  • Prototype: app Angular (Paper sin click-through nativo).

12 — analytics · PLIEGO

Documento del suite L1 alineado a CRON. Contenido operativo resumido para el alcance del día.

Notas

  • Microcopy honesto: solicitud de visita no es cita confirmada.
  • AA: contraste ink/paper; focus visible en form; labels asociadas.
  • Privacidad: leads con email/teléfono; retención hipótesis 12 meses; no marketing third-party en demo.
  • Analytics: page_view cover, scroll_depth chapter, lead_submit, staff_status_change.
  • QA: POST lead, login JWT, list leads, patch status, ng build.
  • Handoff: monorepo apps/api + apps/web; Neon winter-surf-61138713; Paper file enlazado en 00-paper-reference.
  • Roadmap v2: CMS looks, EN, calendario real de slots.
  • Prototype: app Angular (Paper sin click-through nativo).

13 — qa-test-plan · PLIEGO

Documento del suite L1 alineado a CRON. Contenido operativo resumido para el alcance del día.

Notas

  • Microcopy honesto: solicitud de visita no es cita confirmada.
  • AA: contraste ink/paper; focus visible en form; labels asociadas.
  • Privacidad: leads con email/teléfono; retención hipótesis 12 meses; no marketing third-party en demo.
  • Analytics: page_view cover, scroll_depth chapter, lead_submit, staff_status_change.
  • QA: POST lead, login JWT, list leads, patch status, ng build.
  • Handoff: monorepo apps/api + apps/web; Neon winter-surf-61138713; Paper file enlazado en 00-paper-reference.
  • Roadmap v2: CMS looks, EN, calendario real de slots.
  • Prototype: app Angular (Paper sin click-through nativo).

14 — dev-handoff · PLIEGO

Documento del suite L1 alineado a CRON. Contenido operativo resumido para el alcance del día.

Notas

  • Microcopy honesto: solicitud de visita no es cita confirmada.
  • AA: contraste ink/paper; focus visible en form; labels asociadas.
  • Privacidad: leads con email/teléfono; retención hipótesis 12 meses; no marketing third-party en demo.
  • Analytics: page_view cover, scroll_depth chapter, lead_submit, staff_status_change.
  • QA: POST lead, login JWT, list leads, patch status, ng build.
  • Handoff: monorepo apps/api + apps/web; Neon winter-surf-61138713; Paper file enlazado en 00-paper-reference.
  • Roadmap v2: CMS looks, EN, calendario real de slots.
  • Prototype: app Angular (Paper sin click-through nativo).

15 — roadmap · PLIEGO

Documento del suite L1 alineado a CRON. Contenido operativo resumido para el alcance del día.

Notas

  • Microcopy honesto: solicitud de visita no es cita confirmada.
  • AA: contraste ink/paper; focus visible en form; labels asociadas.
  • Privacidad: leads con email/teléfono; retención hipótesis 12 meses; no marketing third-party en demo.
  • Analytics: page_view cover, scroll_depth chapter, lead_submit, staff_status_change.
  • QA: POST lead, login JWT, list leads, patch status, ng build.
  • Handoff: monorepo apps/api + apps/web; Neon winter-surf-61138713; Paper file enlazado en 00-paper-reference.
  • Roadmap v2: CMS looks, EN, calendario real de slots.
  • Prototype: app Angular (Paper sin click-through nativo).

16-interaction-specs.md

Abrir documento

16 — interaction-specs · PLIEGO

Documento del suite L1 alineado a CRON. Contenido operativo resumido para el alcance del día.

Notas

  • Microcopy honesto: solicitud de visita no es cita confirmada.
  • AA: contraste ink/paper; focus visible en form; labels asociadas.
  • Privacidad: leads con email/teléfono; retención hipótesis 12 meses; no marketing third-party en demo.
  • Analytics: page_view cover, scroll_depth chapter, lead_submit, staff_status_change.
  • QA: POST lead, login JWT, list leads, patch status, ng build.
  • Handoff: monorepo apps/api + apps/web; Neon winter-surf-61138713; Paper file enlazado en 00-paper-reference.
  • Roadmap v2: CMS looks, EN, calendario real de slots.
  • Prototype: app Angular (Paper sin click-through nativo).

17-prototype-map.md

Abrir documento

17 — prototype-map · PLIEGO

Documento del suite L1 alineado a CRON. Contenido operativo resumido para el alcance del día.

Notas

  • Microcopy honesto: solicitud de visita no es cita confirmada.
  • AA: contraste ink/paper; focus visible en form; labels asociadas.
  • Privacidad: leads con email/teléfono; retención hipótesis 12 meses; no marketing third-party en demo.
  • Analytics: page_view cover, scroll_depth chapter, lead_submit, staff_status_change.
  • QA: POST lead, login JWT, list leads, patch status, ng build.
  • Handoff: monorepo apps/api + apps/web; Neon winter-surf-61138713; Paper file enlazado en 00-paper-reference.
  • Roadmap v2: CMS looks, EN, calendario real de slots.
  • Prototype: app Angular (Paper sin click-through nativo).

18-completeness-audit.md

Abrir documento

18 — completeness-audit · PLIEGO

Documento del suite L1 alineado a CRON. Contenido operativo resumido para el alcance del día.

Notas

  • Microcopy honesto: solicitud de visita no es cita confirmada.
  • AA: contraste ink/paper; focus visible en form; labels asociadas.
  • Privacidad: leads con email/teléfono; retención hipótesis 12 meses; no marketing third-party en demo.
  • Analytics: page_view cover, scroll_depth chapter, lead_submit, staff_status_change.
  • QA: POST lead, login JWT, list leads, patch status, ng build.
  • Handoff: monorepo apps/api + apps/web; Neon winter-surf-61138713; Paper file enlazado en 00-paper-reference.
  • Roadmap v2: CMS looks, EN, calendario real de slots.
  • Prototype: app Angular (Paper sin click-through nativo).

19-backlog-completo.md

Abrir documento

19 — backlog-completo · PLIEGO

Documento del suite L1 alineado a CRON. Contenido operativo resumido para el alcance del día.

Notas

  • Microcopy honesto: solicitud de visita no es cita confirmada.
  • AA: contraste ink/paper; focus visible en form; labels asociadas.
  • Privacidad: leads con email/teléfono; retención hipótesis 12 meses; no marketing third-party en demo.
  • Analytics: page_view cover, scroll_depth chapter, lead_submit, staff_status_change.
  • QA: POST lead, login JWT, list leads, patch status, ng build.
  • Handoff: monorepo apps/api + apps/web; Neon winter-surf-61138713; Paper file enlazado en 00-paper-reference.
  • Roadmap v2: CMS looks, EN, calendario real de slots.
  • Prototype: app Angular (Paper sin click-through nativo).

20-implementation.md

Abrir documento

20 — implementation · PLIEGO

Documento del suite L1 alineado a CRON. Contenido operativo resumido para el alcance del día.

Notas

  • Microcopy honesto: solicitud de visita no es cita confirmada.
  • AA: contraste ink/paper; focus visible en form; labels asociadas.
  • Privacidad: leads con email/teléfono; retención hipótesis 12 meses; no marketing third-party en demo.
  • Analytics: page_view cover, scroll_depth chapter, lead_submit, staff_status_change.
  • QA: POST lead, login JWT, list leads, patch status, ng build.
  • Handoff: monorepo apps/api + apps/web; Neon winter-surf-61138713; Paper file enlazado en 00-paper-reference.
  • Roadmap v2: CMS looks, EN, calendario real de slots.
  • Prototype: app Angular (Paper sin click-through nativo).