Saltar al contenido
Siete y Media, inicio
Diseño y desarrollo web

Brief para página web: qué preparar antes de diseñar

Por Alessandro Massoni 4 min de lectura

Fichas de planificación y un lápiz junto a un esquema web vacío, metáfora del brief antes del diseño

Un brief para página web evita el error más caro de un proyecto: diseñar antes de saber qué tiene que lograr el sitio. La mayoría de los sitios no se rehacen por mal diseño, sino por eso. Un buen brief lo resuelve en una o dos páginas: objetivos, público, contenido y restricciones, escritos antes de abrir cualquier herramienta de diseño. Aquí tienes qué debe incluir, en qué orden prepararlo y los errores que alargan un proyecto mucho más de lo previsto.

Por qué el brief va antes del diseño

El diseño es la parte más visible del proyecto y por eso tienta empezar por ahí. Pero cada decisión visual depende de preguntas previas: qué páginas existen, qué tiene que hacer el visitante y qué información hay disponible. Si esas respuestas cambian a mitad de camino, el diseño se rehace.

Es el mismo principio que aplicamos en software, donde partimos por los datos y no por las pantallas, como explicamos en data-first: empieza por la base de datos, no por el diseño. En un sitio web, el equivalente es el contenido y la estructura, y es la base de cada proyecto de diseño de páginas web en Chile que hacemos.

Qué debe incluir un brief para página web

Objetivo medible

Qué debe lograr el sitio y cómo vas a saber si lo logra: solicitudes de cotización, descargas, postulaciones o llamadas. "Tener una web moderna" no es un objetivo; "recibir solicitudes de cotización de empresas medianas" sí lo es.

Público y decisores

Quién visita el sitio y quién decide la compra. En B2B suelen ser varias personas con preguntas distintas, y el sitio tiene que responder a todas.

Mapa de páginas

La lista de páginas con una línea sobre el propósito de cada una. Este mapa define el alcance, y el alcance define el presupuesto, algo que se nota al revisar cuánto cuesta una página web en Chile.

Contenido disponible

Qué textos, fotos, casos y documentos existen y cuáles hay que crear. El contenido es la causa más común de retrasos, porque casi siempre depende de personas de la empresa con otras prioridades.

Restricciones técnicas

Integraciones con CRM u otros sistemas, dominio y hosting actuales, idiomas, accesos y quién aprobará cada etapa.

Cómo preparar el brief paso a paso

  1. Reúne a quienes van a aprobar el sitio y acuerden el objetivo.
  2. Lista las páginas actuales y marca cuáles se mantienen, cambian o desaparecen.
  3. Revisa qué contenido existe y quién escribirá lo que falta.
  4. Anota integraciones, accesos y restricciones técnicas.
  5. Comparte el borrador con la agencia y ajústenlo juntos.

Con ese documento, las cotizaciones que recibas van a ser comparables, porque todos los proveedores estarán respondiendo al mismo alcance.

Referencias: cómo pedir lo que te gusta sin copiar

Las referencias ayudan si explican por qué. "Me gusta este sitio" no orienta a nadie; "me gusta que la página de servicios muestre el proceso paso a paso" sí. Pide a tu equipo dos o tres referencias con una frase sobre lo que rescatan de cada una, e incluye también sitios que no les gustan. Lo que se descarta define el estilo tanto como lo que se elige. Si puedes, suma el sitio de un competidor directo y anota qué hace mejor que el tuyo y qué no.

El contenido define el diseño, no al revés

Diseñar con texto de relleno es la forma más rápida de llegar a un sitio que se ve bien en la presentación y mal con el contenido real. Un título de cuatro palabras y uno de doce no caben en el mismo espacio. Google tampoco evalúa el diseño sino la utilidad del contenido, como explica en su guía para crear contenido útil y confiable.

Por eso recomendamos tener al menos los textos de inicio y servicios en borrador antes de diseñar. No tienen que estar perfectos, pero sí tener la extensión y el mensaje reales.

Errores comunes al preparar el brief

  • Escribirlo una persona sola, sin validar con ventas ni con gerencia.
  • Describir el diseño en vez del objetivo.
  • Dejar el contenido para el final.
  • No nombrar quién aprueba cada etapa.
  • Confundir lo deseable con lo imprescindible.

El último es el más caro. Un brief útil separa lo que el sitio necesita para lanzarse de lo que puede llegar después, y esa separación permite publicar antes y mejorar con datos reales. Para el resto del proyecto, revisa cómo colaborar de manera efectiva con un diseñador.

Si estás por cotizar un sitio, cuéntanos tu proyecto y armamos el brief contigo antes de hablar de diseño. Es la reunión que más tiempo ahorra en todo el proceso.

Un brief para página web no es burocracia: es el documento que evita rehacer el diseño cuando ya está aprobado. ¿Tu equipo podría explicar hoy, en una frase, qué tiene que lograr su próximo sitio?

Preguntas frecuentes

Es un documento breve que define qué debe lograr el sitio, para quién, qué páginas tendrá, qué contenido existe y qué restricciones técnicas hay. Se prepara antes del diseño y sirve como referencia durante todo el proyecto.

Lo ideal es que lo prepare la empresa junto con la agencia, a partir de una reunión de levantamiento. Conviene validarlo con ventas y gerencia, porque son quienes después evaluarán si el sitio cumple su objetivo.

Al menos los textos de inicio y de las páginas de servicio en borrador, con su extensión real. El resto puede completarse durante el desarrollo, siempre que el mapa de páginas esté definido.

Artículos relacionados

Ver el blog
Dos ventanas web abstractas unidas por un puente de luz, metáfora de un sitio bilingüe

Diseño y desarrollo web

Página web bilingüe: cómo hacerla sin perder SEO

Traducir tu sitio con un plugin toma una tarde y puede costarte años de posicionamiento. Qué estructura elegir, cómo usar hreflang y qué errores evitar en una página web bilingüe.

¿Interesado en nuestros servicios?

Solicita un presupuesto ahora

Solicitar presupuesto

Empresas que han trabajado con nosotros

  • Adecco
  • BSF
  • Fundación Soymás
  • Unacem
  • Zyght
  • Santiago College Alumni Association
  • ATF Rental
  • Babyway
  • Unicon
  • Coocretal
  • Black Bear Builders
  • Dunlop
  • EIR Electromecánica
  • Epunto
  • Falken
  • iPyme
  • Itaú
  • Kangaroo Tours
  • Linzor Capital Partners
  • Cemento San Juan
  • Noriega Vanzulli
  • Hacknoid
  • RDG Ralei Development Group
  • Sumitomo Rubber
  • Texbag