El briefing para la IA: describir un producto y recibir lo que tenías en la cabeza
La primera descripción determina el 80% de la calidad de tu web. Aprende el briefing de cinco bloques: quién es el usuario, qué páginas hay, qué lleva cada una, qué estilo y qué cuenta como éxito. Un buen briefing te ahorra veinte correcciones.
«Hazme una web bonita para mi negocio» es la receta del chasco: la IA construirá algo del montón. Compáralo con el briefing de aquí abajo.
La fórmula del briefing: 5 bloques
- Producto y usuario. «Un estudio de yoga para principiantes de 30 a 45 años que se cortan en las clases en grupo».
- Páginas. «Inicio, horarios, profesores, precios, contacto».
- La acción principal. «Reservar una clase de prueba. Formulario: nombre, teléfono, hora preferida».
- Estilo. «Tranquilo y cálido: fondo crema, acentos en verde salvia, tipografía grande y suave, mucho aire». O una referencia: «en la línea de Calm y Headspace».
- Criterio de éxito. «Quien entra pilla en 10 segundos que es yoga para principiantes y ve el botón de reserva sin bajar».
Cómo afinarlo
- Referencias: «cabecera como la de linear.app, tabla de precios como la de notion». La IA conoce las webs famosas.
- Antiejemplos: «nada de fotos de banco de imágenes con gente en traje, nada de degradados morados».
- Contenido real: dale tus textos y tus precios de verdad. Una web llena de texto de relleno siempre queda peor.
Un briefing entero, paso a paso
Metamos esos cinco bloques en un solo mensaje, tal cual se lo mandarás a la herramienta en el módulo siguiente, de una tacada:
Producto: «Suelo Cálido», un estudio de yoga para principiantes de 30 a 45 años que se sienten torpes en las clases en grupo y temen no seguir el ritmo. Páginas: inicio, horarios, profesores, precios, contacto. Acción principal: reservar una clase de prueba por 1 €. Formulario: nombre, teléfono, día de la semana preferido. Estilo: tranquilo y cálido — fondo crema, acento en verde salvia, tipografía grande y suave, mucho aire. En la línea de Calm y Headspace. Sin gente en traje de banco de imágenes. Criterio de éxito: en 10 segundos se entiende que esto es yoga para principiantes, y el botón de reserva se ve sin bajar.
Fíjate: ni una palabra sobre tecnología. Solo el producto, las personas y el resultado.
Mitos en los que cae todo el mundo
- «Cuanto más largo el prompt, mejor». No: cuanto más ordenado, mejor. Cinco bloques claros ganan a una página de divagación. La IA pierde el hilo en un muro de texto igual que una persona.
- «La IA ya sabe lo que quiero». Conoce miles de webs, pero no lee la mente. Si no dices el color de acento, te sale el azul por defecto. Si no dices quién es el usuario, te sale una «web para todo el mundo», que es una web para nadie.
- «Poner referencias es copiar». Una referencia es un idioma. «Cabecera como la de linear.app» es más rápido y más preciso que tres párrafos sobre «minimalista pero con vida». Es justo así como hablan los diseñadores de verdad en una reunión con cliente.
Un error clásico, destripado
Un principiante escribe: «Hazme una tienda online moderna que venda». La IA devuelve una plantilla genérica, la persona se decepciona y concluye que «esta herramienta es mala». El briefing era malo: sin producto, sin comprador, sin acción principal, sin estilo. La regla es sencilla: cada «bonito», «moderno» o «fácil de usar» es una señal de que falta algo concreto. Cambia la opinión por un hecho comprobable: no «fácil de usar», sino «se paga en tres clics y sin crear cuenta».
Pausa socrática
Piénsalo: ¿por qué funciona mejor «en la línea de Calm» que «que quede tranquilo y con pinta de caro»? Pon tu respuesta en palabras antes de seguir leyendo. La pista está en una palabra: comprobable. Calm existe; puedes abrirlo y comparar. «Caro» significa una cosa distinta para cada uno.
Lo que NO hay que hacer
No describas tecnología («móntalo en React con Postgres»): la herramienta elige el stack. Tu terreno es el qué y el para quién; el suyo, el cómo. En el módulo siguiente cogeremos este mismo briefing del estudio de yoga y montaremos con él una landing de verdad en Lovable. Cuanto mejor sea tu briefing ahora, menos correcciones después.
Antiejemplos: la jugada infravalorada
Decir lo que no quieres a veces sirve más que describir lo que sí. La IA tiene clichés favoritos hacia los que tira por defecto: fotos de archivo de gente sonriente en traje, degradados morados, tres columnas de iconos idénticas. Una línea — «sin gente de archivo, sin degradados morados, sin rejilla de tres columnas» — saca la web al instante del terreno «plantilla típica de IA». Piénsalo como una valla: no solo señalas por dónde ir, también cierras los callejones sin salida por los que el modelo se mete solo.
Hazlo ahora
Coge cualquier idea tuya, aunque la tengas borrosa, y escríbela en cinco bloques en tus notas: producto y usuario, páginas, acción principal, estilo con referencia, criterio de éxito. Añade una línea de antiejemplos. Dentro de un par de lecciones pegarás este texto en Lovable y lo verás convertirse en una web de verdad.
Short questions on the lesson — with an explanation for every answer.