Qué darle a tu diseñador web antes de empezar (con un brief para copiar)

Muchos proyectos web pierden sus dos primeras semanas en correos. El diseñador pregunta a qué se dedica el negocio. Luego, para quién. Luego, dónde están los textos y quién tiene el acceso al dominio, y cada respuesta trae otra pregunta.

Un brief resuelve todo eso antes de la primera llamada. Cabe en una página y se rellena en una tarde, y es difícil darle a un diseñador web algo más útil. Aquí tienes qué lleva, por qué importa cada parte y una versión en texto para copiar.

En resumen

• Un diseñador necesita datos que solo tú tienes: qué vendes, a quién y qué debe hacer quien visita la web.
• Los textos y las fotos son lo que más retrasa un lanzamiento. Indica cuáles existen y cuáles no.
• Envía el logo en SVG con los códigos de color, no como captura de pantalla.
• Tres webs de ejemplo con un motivo cada una dicen más que veinte enlaces.
• Nombra a una persona que decide y asegúrate de que alguien puede entrar en el dominio.

El brief, parte por parte

1. Qué hace el negocio y para quién

Empieza con una frase que entendería un desconocido y añade otra sobre tus clientes. «Reparamos bicicletas en el casco antiguo, sobre todo para gente que va en bici al trabajo y la necesita el mismo día» le dice a un diseñador más que un párrafo sobre pasión y calidad.

Todo en la web se elige para encajar con esa frase, desde las palabras de la portada hasta las fotos.

2. Qué debe hacer quien visita la web

Cada página pide algo al visitante. Llamar, reservar, comprar, pedir presupuesto, pasar por la tienda. Elige lo que más importa para el negocio y escríbelo.

Sé estricto. Una web que pide cinco cosas con el mismo peso suele no conseguir ninguna, y esa elección no la puede hacer el diseñador por ti.

3. Páginas y quién las escribe

Haz la lista de páginas que esperas, quizá con una por servicio. Al lado de cada una, apunta si el texto y las fotos ya existen.

En esa columnita se atascan los proyectos. El diseño está listo en dos semanas y luego espera un mes a los textos. Si quieres que los escriba el equipo del diseñador, dilo aquí, porque cambia todo el plan.

4. Archivos de marca

Envía el logo en SVG, un archivo vectorial que se ve nítido a cualquier tamaño. Añade una versión para fondos oscuros si la tienes, los códigos de color en HEX y los nombres de tus tipografías. Con una captura en JPG, el diseñador tiene que redibujar el logo o adivinar los colores. Si no sabes qué archivos tienes, nuestra guía de formatos de logo explica para qué sirve cada uno.

¿Aún no tienes logo, o solo un boceto? En nuestra página de inicio puedes ver el nombre de tu negocio en varios estilos de logo y descargar gratis el SVG y los códigos de color. Así el diseñador empieza al menos con archivos reales.

5. Funciones

Un formulario de contacto se añade enseguida. Las reservas en línea, una tienda con pagos o un segundo idioma cambian en cambio el tiempo y las herramientas, así que apúntalos ya, aunque al lado ponga «quizá más adelante».

Lo que se menciona al principio se puede planificar. Una función que aparece en la tercera semana suele obligar a rehacer trabajo.

6. Webs que te gustan y por qué

Manda tres enlaces y dale a cada uno un motivo. «El menú sigue visible al bajar.» «Fotos grandes, textos cortos.» «Reservar lleva dos clics.»

El motivo es la parte útil. Veinte enlaces sin motivo solo le dicen al diseñador que te gustan las webs.

7. Detalles prácticos

Indica la fecha de lanzamiento y de qué depende, como una apertura o una feria. Nombra a la persona que da el visto bueno y apunta quién puede entrar en el dominio y en el alojamiento.

Falta el presupuesto aproximado. Con una horquilla, el diseñador propone lo que encaja, en lugar de un plan que luego tendrás que recortar.

Quién aporta qué

Hay cosas que solo puedes aportar tú. Los datos del negocio son una, los textos y las fotos otra, y sobre todo las decisiones. El diseñador las convierte en una web que funciona. La primera reunión suele girar en torno a la columna central, donde decidís juntos qué páginas hay, qué pide cada una y cuándo se publica la web.

Los errores que más tiempo cuestan

• «Los textos los escribimos luego». El diseño espera, o se construye con texto de relleno y hay que ajustarlo cuando llegan las palabras reales.
• Varias personas opinan por separado. Una persona reúne los comentarios y envía una sola respuesta por ronda.
• Nadie tiene el acceso al dominio. A menudo sigue a nombre de un antiguo empleado o de la agencia que lo registró hace años. Resuélvelo antes de empezar, no el día del lanzamiento.
• Fotos de móvil con poca luz. Pueden servir en una web pequeña, pero si la web tiene que vender, planifica unas cuantas buenas fotos del local, del equipo y del trabajo.
• Un logo que solo existe como imagen. Pide los archivos vectoriales a quien lo diseñó, o haz que lo redibujen antes de construir la web a su alrededor.

El brief en texto para copiar

BRIEF DE LA WEB

1. Qué hacemos y para quién (una frase cada uno):

2. Lo principal que debe hacer quien visita la web:

3. Páginas (marca: texto listo / fotos listas / falta):
   - Inicio
   -
   -

4. Archivos de marca que podemos enviar (logo SVG, versión oscura, códigos de color, tipografías, fotos):

5. Funciones (formularios, reservas, tienda, idiomas, otras):

6. Tres webs que nos gustan, con un motivo cada una:
   -
   -
   -

7. Detalles prácticos
   Fecha de lanzamiento y de qué depende:
   Quién decide:
   Quién puede entrar en el dominio y el alojamiento:
   Presupuesto aproximado:

Envíalo antes de la primera llamada. Así la llamada podrá tratar de la web.

Cuando esté listo, envíanoslo: diseñamos y construimos la web en torno a tu marca y respondemos a cada brief con un presupuesto gratuito. Si lo que falta es el logo, nuestros diseñadores pueden dibujarlo primero, para que la web parta de archivos de marca terminados.

Antes de enviarlo

• La primera frase dice qué haces y para quién
• Hay una acción principal elegida para los visitantes
• Cada página tiene una nota: texto y fotos listos o pendientes
• El logo va adjunto en SVG, con los códigos de color
• Tres webs de ejemplo, cada una con su motivo
• Una persona decide y alguien puede entrar en el dominio