M-07 · Entrada 11 de 25

W8a · Storyboard escena-a-escena

Qué es esto

Thinking creativo del storyboard de la landing (decisión escena-a-escena), no el build.

Fase del Bridge

COMBO W8 (M-07) · dirección creativa.

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:

  1. TOCABLE (beat 0) — “enséñame algo que corra, no un eslogan”.
  2. REAL Y MEDIDO (beat 1) — “¿este dolor es mío o es tu pitch?”.
  3. HONESTO (beat 2) — “¿no me estás vendiendo humo de capacidad?”.
  4. DEFENDIBLE (beat 3) — “¿quién verifica al verificador?”.
  5. LEGAL (beat 4) — “¿esto me explota en la cara con mi works council?”.
  6. 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)

EscenaIdea-fuerzaPaper (fuente)
BEAT 0 — Hero/Wedgeoutput 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 ≠ capacidadla deuda nombrada en voz alta§2 construct collapse + §3 “el juez Wittgenstein”
BEAT 3 — El motor: Verified Output + Transfer Probedos mecanismos construibles hoy + firewall§2 dos mecanismos + Loop + §3 firewall + “formar no es transferir”
BEAT 4 — Residuo de verificación, agregadodefendible porque es agregado§4 governance-by-design + §3 nodos con barras de error
BEAT 5 — Se construye, no se reclamael 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:

  1. 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.
  2. 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.
  3. 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-decompose registrado (artifact 72fcbc07-a3ac-499d-bcd1-0f7eb13e7646, combo_state a3e08d20-6563-46c2-b2ef-ac294e71a441), sin COMBO_SEQUENCE_VIOLATION.
  • freeze.lock ausente.
  • 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 (artifact 09c818fd-1524-48bd-9af6-634e3dedda6c), A-retro (artifact 334c5392-c536-4f8e-9e69-12f28a48efe7). Sin COMBO_SEQUENCE_VIOLATION. combo_state a3e08d20-6563-46c2-b2ef-ac294e71a441.
  • V-review id b375e849-3592-4df5-89ce-b4dd9dc21c9f, gaps=[].
  • Advisor verdict APPROVE id 38707d30-fe47-4a69-af6c-d86fafe1b5b7.
  • freeze.lock ausente — 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).