M-07 · W8a — Storyboard escena-a-escena (la dramaturgia del paper)
QUÉ ES ESTO: el thinking creativo detrás del storyboard de la landing. No es el diseño final ni el build (eso es M-08); es la decisión escena-a-escena de cómo el paper de visión se convierte en una experiencia de scroll que un CHRO y un inversor recorren en un solo aliento. El entregable hermano es
landing/planning/storyboard.md.FASE DEL PROCESO: M-07, COMBO W8a. SKU
P-decompose(descomposición del argumento en escenas). Planning, no build. La técnica de animación (R3F vs GSAP, shaders, físicas) se decide en W8b.
El encargo, en una frase
Convertir paper/momentum-vision-paper.md (§1-§5) en un storyboard de scroll que dramatice, no repita — y que supere en ambición narrativa la live paper de Lovable (bloom-canvas-13.lovable.app). La vara: Awwwards/FWA, no “demo bonita”.
Decisión 0 — el arco emocional manda sobre el conteo de escenas
El draft de A traía 7 beats (0-6). El mandato me da 6 (0-5) con un beat_map mucho más rico. No fuerzo un número: la calidad de cada escena pesa más que su cantidad. Reconcilio así:
- El antiguo beat 6 (“Cierre enterprise / AI adoption you can audit”) no es una escena propia — es la salida del beat 5. El moat construido (§5) y el CTA enterprise son el mismo momento emocional: inevitabilidad estratégica → acción. Meterlo como escena 7 diluiría el clímax. Lo fundo en BEAT 5 + un epílogo-CTA que respira dentro de él.
Resultado: 6 escenas dramáticas (0-5) + un CTA-epílogo que no compite con el clímax sino que lo cobra.
Decisión 1 — el arco es una sola tesis emocional, no seis ideas sueltas
Lo que separa esto de la Lovable (que es un paper bonito pero plano: scrollea y lee) es que aquí cada beat retira una objeción de due diligence en orden, y el orden es el del comprador escéptico:
- TOCABLE (beat 0) — “enséñame algo que corra, no un eslogan”.
- REAL Y MEDIDO (beat 1) — “¿este dolor es mío o es tu pitch?”.
- HONESTO (beat 2) — “¿no me estás vendiendo humo de capacidad?”.
- DEFENDIBLE (beat 3) — “¿quién verifica al verificador?”.
- LEGAL (beat 4) — “¿esto me explota en la cara con mi works council?”.
- DURADERO (beat 5) — “¿dónde está el moat? ¿no es copiable?”.
Para cuando el visitante llega al CTA, ya no hay objeción viva. El wedge se ha vuelto inevitable porque la única alternativa honesta a “vídeos y certificados de asistencia” es “un artefacto verificado sobre tu herramienta real”. Eso es lo que la Lovable no hace: no construye la inevitabilidad, solo la enuncia.
Decisión 2 — el sello que se GANA (no se regala) es la regla del juego desde el frame 1
El hero de la Lovable presenta una promesa. El nuestro presenta evidencia construyéndose en vivo: output → corre → criterio → sello. La primera sensación del visitante tiene que ser “esto es prueba, no marketing”. Por eso amplío el beat 0: el sello «verificado» no aparece de golpe; se ensambla frente a los ojos en 4 micro-pasos. Es la metáfora de interacción de toda la marca: aquí la evidencia se construye, no se reclama. (Eco directo del cierre del paper: moat construido, no reclamado.)
Decisión 3 — la honestidad es un activo VISIBLE, no una nota al pie
Tres movimientos que en una landing normal serían suicidio comercial y aquí son el diferencial:
- Slots ROI vacíos en pantalla (beat 1). El hueco
[a validar]se ve — un marco vacío que se niega a rellenarse con una cifra inventada. En una sala de DD, esto es lo que pasa el filtro. El paper es explícito: “una sola cifra fabricada suspende la DD; un slot etiquetado la pasa”. - Autocrítica en voz alta (beat 2): la escena admite el punto más débil de la tesis (“ejecución asistida ≠ capacidad”, el construct collapse que el panel marcó). Quien señala su propia costura gana credibilidad de instrumento de medición.
- Barras de error sobre cada nodo (beat 3): capability = estimación, jamás binario. El rigor es del producto, no del copy.
La honestidad temprana (beat 1-2) es la que compra la confianza técnica del beat 3. Sin ella, el “ajá” del firewall no aterriza.
Decisión 4 — el léxico líder es estrecho y se respeta a rajatabla
Lead vocab en TODA la landing: Verified Output (la unidad), Verified Execution (lo que afirmamos hoy), Transfer Probe (lo que convierte adjetivo en medición). Verification Economy y Verified Capability Graph aparecen SOLO en el cuerpo del beat 5 (nunca titular) — exactamente como el paper los reserva para §2 cuerpo. El H1 de la landing es el wedge literal: “Tu primer output verificado sobre tu herramienta real. No vídeos.”
Decisión 5 — mapeo §→escena explícito (trazabilidad de dramaturgia)
| Escena | Idea-fuerza | Paper (fuente) |
|---|---|---|
| BEAT 0 — Hero/Wedge | output verificado, no vídeos | §1 H1 + “wedge en una frase” (§1) |
| BEAT 1 — El cuello de botella se movió | generar es barato, verificar es escaso | §1 “lo que el colapso te permite medir” + cifras D1D5 |
| BEAT 2 — Ejecución ≠ capacidad | la deuda nombrada en voz alta | §2 construct collapse + §3 “el juez Wittgenstein” |
| BEAT 3 — El motor: Verified Output + Transfer Probe | dos mecanismos construibles hoy + firewall | §2 dos mecanismos + Loop + §3 firewall + “formar no es transferir” |
| BEAT 4 — Residuo de verificación, agregado | defendible porque es agregado | §4 governance-by-design + §3 nodos con barras de error |
| BEAT 5 — Se construye, no se reclama | el grafo + el moat | §2 end-state 2027 + §5 moat + circularidad B2C→B2B |
Decisión 6 — qué es candidato R3F (3D real) y qué es GSAP/Framer
Marco tres piezas como candidatas R3F (W8b decide la técnica final) porque su idea-fuerza es intrínsecamente espacial/orgánica y CSS no la vende:
- Escalera líquida (beat 2) — guided→assisted→verified→autonomous, donde el salto a “verified” retira el andamiaje físicamente. Material líquido + el scaffold que se desvanece = R3F.
- Execution-to-Capability Loop (beat 3) — loop de 4 nodos con barras de error que respiran. Profundidad + partículas de evidencia que viajan el loop = R3F.
- El grafo que se teje (beat 5) — nodos que emergen con el uso, aristas que se tejen solas, ponderadas por evidencia de transferencia. Crecimiento generativo = R3F.
El resto (hero, embudo del beat 1, mapa agregado del beat 4) lo resuelve GSAP ScrollTrigger + Framer: más barato, igual de potente para pin/parallax/morph, y respeta el bundle floor.
Guardarraíles canon-v2 — checklist que aplico a cada línea de copy
- H1 = wedge literal (“…output verificado sobre tu herramienta real. No vídeos.”)
- Lead vocab Verified Output + Transfer Probe en titulares; Verification Economy / Verified Capability Graph solo cuerpo beat 5.
- Nivel AGREGADO siempre (proceso/rol/equipo); cero individuo. Etiqueta visible “no es scoring”.
- Cero “rol expuesto → rol desplazado” (D3-015: el quintil MÁS expuesto +0,30 p.p. vs +0,94 del menos expuesto).
- Slots ROI =
[a validar]SIN rellenar. - Cifras de dolor con su id (D1D5-001 MEDIDO, D1D5-002 MEDIDO, D1D5-003 MEDIDO, D1D5-004 ILUSTRATIVO etiquetado).
- Verbos observacionales (“el proceso aún requiere verificación humana”), nunca normativos.
- “mapa de reemplazabilidad” PROHIBIDO como titular.
- Español de España, sin voseo.
- Cumplimiento auditable = tailwind regulatorio (EU AI Act / GDPR como viento de cola), no freno.
Por qué esto supera a la Lovable
La Lovable es un documento legible con scroll. Esto es una demostración con dramaturgia: el sello se construye, los slots se niegan a mentir, el firewall desactiva la objeción de un plumazo, el grafo se teje solo. La diferencia no es de píxeles — es de argumento puesto en movimiento. Cada animación prueba una línea del paper en lugar de decorarla.
Estado
- Storyboard escrito en
landing/planning/storyboard.md(6 escenas + CTA-epílogo, mapeo §→escena, copy candidato anclado al paper con ids, candidatas R3F marcadas). - COMBO W8a:
P-decomposeregistrado (artifact72fcbc07-a3ac-499d-bcd1-0f7eb13e7646, combo_statea3e08d20-6563-46c2-b2ef-ac294e71a441), sinCOMBO_SEQUENCE_VIOLATION. freeze.lockausente.- Siguiente (W8b): dirección de arte fina (paleta, tipografía, referencia Awwwards norte) + técnica de animación por escena.
W8a · A-retro + verdict (APPROVE)
Semáforo: VERDE. COMBO W8a cerrado limpio. El storyboard dramatiza el paper (no lo repite) y respeta el canon-v2 línea a línea.
Qué se entregó
landing/planning/storyboard.md— 6 escenas dramáticas (BEAT 0-5) + CTA-epílogo fundido en el clímax, con mapeo §→escena explícito y copy candidato anclado al paper con ids verificables.- Tres piezas marcadas como candidatas R3F (escalera líquida, Execution-to-Capability Loop, grafo que se teje); el resto a GSAP/Framer. La técnica final se decide en W8b — esto es planning, no build.
Guardarraíles canon-v2 — auditados, todos verdes
- H1 = wedge literal: “Tu primer output verificado sobre tu herramienta real. No vídeos.” ✓
- Lead vocab Verified Output + Transfer Probe en titulares; Verification Economy / Verified Capability Graph SOLO cuerpo beat 5. ✓
- Nivel AGREGADO siempre (proceso/rol/equipo), cero individuo, etiqueta “no es scoring” visible. ✓
- Cero “rol expuesto → rol desplazado” (D3-015). ✓
- Slots ROI
[a validar]SIN rellenar — el hueco se ve en pantalla como activo de honestidad. ✓ - Cifras de dolor con su id (D1D5-001/002/003 MEDIDO, 004 ILUSTRATIVO etiquetado). ✓
- Español de España, sin voseo. ✓
Disciplina de scope
- NO se construyó la landing (build = M-08). NO se inventó la estética por el CEO. Cero invención de cifras o fuentes: todo copy candidato cita el paper.
Trazabilidad COMBO
- SKUs registrados:
P-decompose(W8a OPEN),A-heartbeat(artifact09c818fd-1524-48bd-9af6-634e3dedda6c),A-retro(artifact334c5392-c536-4f8e-9e69-12f28a48efe7). SinCOMBO_SEQUENCE_VIOLATION. combo_statea3e08d20-6563-46c2-b2ef-ac294e71a441. - V-review id
b375e849-3592-4df5-89ce-b4dd9dc21c9f, gaps=[]. - Advisor verdict APPROVE id
38707d30-fe47-4a69-af6c-d86fafe1b5b7. freeze.lockausente — commit autorizado.
Verdict: APPROVE. El argumento del paper queda puesto en movimiento; cada animación prueba una línea en lugar de decorarla. Listo para W8b (dirección de arte + técnica de animación).