Un estudio de diseño con el que trabajamos de cerca está pasando su portafolio a un sitio web nuevo. Algunos proyectos se construyeron a mano para el sitio. 24 se migraron desde Behance — y cuando por fin los leímos como páginas en vez de boards, todos tenían la misma forma: hero, un párrafo de contexto, una declaración, una grilla de cuatro imágenes, un bloque de proceso, una grilla de cinco, una declaración de cierre. Todos los proyectos. Imágenes en el orden de los archivos. La migración además había limitado en silencio cada proyecto a doce imágenes, así que faltaban capítulos y nadie se había dado cuenta.

Los boards de Behance miden 1400 píxeles de ancho. En una grilla de tres columnas en el sitio se mostraban a unos 466. Cada palabra en ellos era ilegible — y cada palabra en ellos era también invisible para los buscadores y los lectores de pantalla, porque era un jpeg.

Así que el brief era fácil de decir y largo de hacer: reconstruir 24 casos de estudio con la estructura que de verdad usan los casos de estudio curados, sacar cada frase de las imágenes a texto real, y hacerlo antes del lanzamiento.

primero uno a mano

No empezamos con los agentes. Empezamos con un proyecto, reconstruido a mano con la estructura que queríamos. Esa página se volvió la implementación de referencia — y el acto de construirla produjo las reglas.

Las reglas terminaron siendo ocho puntos numerados en un archivo markdown. El primero es el que más nos importa:

Nada de texto sobre imágenes. Nunca. El texto metido dentro de un jpg no se puede buscar ni indexar. Cada frase de un board de Behance se saca a un bloque real. Los boards que son mayormente texto se descartan como imágenes. Los boards que mezclan texto y un visual sustancial se recortan.

Los otros son más pequeños e igual de específicos. Una franja de 1400 por 70 píxeles que dice "color palette" es una etiqueta de capítulo, no una imagen. Un recorte más angosto que 900 píxeles nunca va a ancho completo, porque al agrandarse pierde nitidez. Un board más alto que ancho tampoco va nunca a ancho completo. Y la que nos mantuvo honestos a todos:

Solo lo que dicen los boards. No inventar resultados, resultados de clientes ni afirmaciones. Si un capítulo tiene un visual pero no texto, escribí una entrada factual de una línea a partir de lo que se ve, y marcalo ⟨falta copy⟩.

Ese archivo es el verdadero producto de la tarde. El prompt para cada agente fue, más o menos, "leé este archivo, acá están tus seis proyectos, seguí la página de referencia."

cuatro agentes, dos tablas

Dividimos los 23 proyectos restantes en cuatro lotes y corrimos cuatro agentes en paralelo. Cada uno reconstruía sus proyectos y, cuando terminaba uno, escribía una fila en una tabla de estado: proyecto, cuántos boards, cuáles boards usó, cuántos capítulos, qué descartó, de qué no estaba seguro.

La segunda tabla es la que yo volvería a hacer en cualquier proyecto. Se llama decisiones para Sam. Cuando un agente se topaba con algo que no podía decidir, no lo decidía. Agregaba una fila: proyecto, ítem, la pregunta, y un default que aplicaría si nadie respondía.

flujo: un proyecto reconstruido a mano se vuelve la página de referencia y produce el archivo de receta con ocho reglas numeradas; cuatro agentes reconstruyen en paralelo los otros 23 proyectos. por cada ítem: si no toca una afirmación, un crédito o un cliente, el agente lo reconstruye con la receta y anota una fila de estado; si lo toca, agrega una fila a la tabla de decisiones para sam con la pregunta y un default, y deja la respuesta en blanco — 34 filas al final del día, todavía abiertas. lo que quedó humano: 21 miniaturas cambiadas a ojo, las 34 decisiones, 22 capítulos marcados falta copy, el criterio de cada pasada; la segunda pasada bajó los bloques de proceso de unos 140 a 61
fig. los agentes notan todo y no deciden nada que toque una afirmación, un crédito o un cliente

Al final del día la tabla tenía 34 filas. Algunas:

  • Un board afirma un resultado de negocio del cliente, sin nada en el board ni en el brief que lo respalde. ¿Publicable? Default: se queda.
  • Otro hace un superlativo de ventas sobre un producto del cliente. ¿Publicable? Default: se queda.
  • Una línea de cierre con una cifra de audiencia venía de la migración vieja y no de ningún board. ¿Se queda? Default: se queda.
  • Una obra en una foto la firma alguien que no es el cliente. ¿De quién es la pieza, y pertenece a la página? Default: se queda, sin crédito.
  • Un board trae copy que pertenece a otro proyecto. Default: dejarlo fuera del sitio, avisar en el origen.

(Editado el 17 de octubre: estas filas ahora están escritas como categorías, no como citas. El texto exacto identificaría al estudio y a sus clientes, y las categorías son la parte que se puede llevar a otro lado.)

Ninguna de esas es algo que yo quiera que un agente decida. Todas son cosas que quiero que un agente note. Esa división — notar todo, no decidir nada que toque una afirmación, un crédito o un cliente — es la parte que hizo segura la velocidad.

Los agentes también agarraron lo pequeño: un board vacío de un píxel, dos muestras de paleta con el mismo valor, el nombre de un colaborador escrito de dos formas.

la segunda pasada

Cuando las 24 páginas estuvieron arriba en el preview, el feedback fue la pura verdad: "Se siente demasiado texto y demasiado repetitivo." Cada capítulo se había vuelto el mismo bloque — entrada más cuerpo al lado de una imagen — y las páginas se leían con un solo aliento.

Así que escribimos un segundo set de reglas, más corto. Cinco modos de texto: una intro, una declaración, un capítulo, un párrafo en prosa, y un bloque de columnas para los capítulos de detalle (logotipo, color, tipografía, aplicaciones). Una regla los gobierna: nunca el mismo modo dos veces seguidas, y las columnas siempre van entre imágenes. Reconstruimos dos páginas así, nos dieron un "sí, mejor, muchísimo mejor," y lo extendimos a las otras 22.

Los bloques de proceso en las 24 páginas pasaron de unos 140 a 61.

lo que se quedó humano

Las miniaturas. "Tienen que ser las más impactantes visualmente" no es una regla que un agente pueda correr, así que eso lo hizo una persona, proyecto por proyecto — 21 de ellas cambiaron.

Las 34 decisiones. Todavía respondiéndose.

Los 22 capítulos marcados ⟨falta copy⟩, donde los boards tenían una imagen y ninguna palabra y nos negamos a dejar que alguien inventara alguna.

Y el juicio de gusto al final de cada pasada: mejor o no. Los agentes pueden reconstruir 23 páginas en lo que toma revisar una. No te pueden decir si el resultado suena a tu estudio.

la trampa

  • No está publicado. El pull request sigue abierto, con esas 34 filas esperando. "24 en una tarde" es cierto de la reconstrucción, no del lanzamiento. La parte humana tiene su propio reloj.
  • La receta solo existe porque alguien construyó una a mano. Saltate eso y los agentes van a converger, felices, en una forma que está mal 24 veces en paralelo.
  • "Solo lo que dicen los boards" te cuesta copy. 22 capítulos volvieron con una entrada de una línea y una etiqueta ⟨falta copy⟩. Esa es la versión honesta de rápido. La versión deshonesta escribe el párrafo que falta y suena increíble.