Briefing web con plantilla y ejemplo

Prepara un encargo web con propósito, páginas, funciones, materiales y decisiones abiertas. Incluye un ejemplo completo y formatos reutilizables.

Ricardo HuertasRevisado el 10/9/2026Proponer una corrección

Un briefing web permite que tú y quien vaya a desarrollar la web habléis del mismo encargo. Esta plantilla organiza lo decidido, las preferencias y las preguntas pendientes. Puedes usarla aunque todavía no sepas qué plataforma necesitas.

Cómo utilizar la plantilla

  1. Escribe para quién es la web y qué debería poder hacer esa persona.
  2. Separa las páginas de las funciones. “Servicios” es contenido; enviar una consulta y confirmar su entrega es funcionamiento.
  3. Indica qué materiales existen y cuáles necesita preparar alguien.
  4. Marca cada decisión como decidida, preferida o pendiente.
  5. Añade qué queda fuera y qué comprobarás antes de aceptar la entrega.
  6. Exporta el documento y revisa con el proveedor las preguntas que condicionan alcance, coste o fecha.

No necesitas responder todo. Un pendiente explícito es útil; una suposición presentada como requisito puede confundir la propuesta.

Un ejemplo completo

El ejemplo de Estudio Ladera describe una web de servicios de interiorismo ficticia: tres servicios, dos propuestas visuales ilustrativas, proceso y contacto de demostración. No representa un cliente ni una validación comercial.

Puedes leer el briefing cumplimentado por secciones y cargarlo en el constructor para ver cómo se convierte en un resultado. Si empiezas tu propio encargo, utiliza la plantilla vacía; no arrastres servicios o funciones del ejemplo que no necesites.

Qué incluye

La plantilla recoge propósito, destinatario, acción principal, páginas, funciones, materiales, edición, restricciones, cuentas, alcance, dudas y criterios de revisión. No solicita contraseñas ni requiere añadir datos personales para ser útil.

Por ejemplo, “formulario de contacto” deja abierta una decisión importante: quién recibe la consulta y qué sucede si falla. La plantilla permite registrar ese destino como pendiente sin inventar una integración.

Formatos y continuidad

La versión HTML permite leer y revisar el documento. Puedes descargar Markdown para editarlo como texto y JSON para reutilizar la estructura en el constructor de briefing. La impresión conserva las secciones y estados.

El archivo exportado es una copia: guarda la que quieras conservar y revisa la versión antes de enviarla. Un documento guardado en este navegador no es una copia en otro dispositivo ni una copia de seguridad externa.

Antes de compartirlo

Comprueba que el documento describe tu proyecto, distingue las incógnitas y no contiene claves, propuestas confidenciales de terceros ni datos innecesarios. El briefing orienta una conversación y una propuesta; no sustituye un contrato acordado.

La guía para crear y encargar una web explica el recorrido completo. El artículo de briefing cumplimentado comenta las decisiones del ejemplo.

Los textos y la plantilla originales de este recurso pueden reutilizarse conforme al permiso indicado en sus archivos. Ese permiso no se extiende a materiales de terceros enlazados.

Plantilla y ejemplo, listos para usar

Tu propio encargo

Empieza en blanco, sin servicios ni funciones del ejemplo.

Completar en el constructor

El ejemplo cumplimentado

Conserva las respuestas y sus estados para revisarlos o probar el constructor.

Abrir el ejemplo en el constructor

Material original de Ricardo Huertas: CC BY 4.0. Conserva la atribución e indica los cambios al compartir una adaptación. Tus respuestas no se licencian automáticamente.

Plantilla en blanco

Completa lo que conozcas. Cada respuesta puede quedar decidida, preferida o pendiente.

Propósito y destinatarios

Nombre de trabajo (opcional)
Espacio para tu respuestaEstado: decidido / preferido / pendiente
Propósito
Espacio para tu respuestaEstado: decidido / preferido / pendiente
Destinatario principal
Espacio para tu respuestaEstado: decidido / preferido / pendiente
Tarea principal
Espacio para tu respuestaEstado: decidido / preferido / pendiente

Páginas y contenido

Nombre de la entrada · Qué necesitas o qué falta saber · Estado.
Añade una entrada por cada elemento que quieras incluir.

Funciones y recorrido

Nombre de la entrada · Qué necesitas o qué falta saber · Estado.
Añade una entrada por cada elemento que quieras incluir.

Materiales y edición

Nombre de la entrada · Qué necesitas o qué falta saber · Estado.
Añade una entrada por cada elemento que quieras incluir.

Restricciones y decisiones abiertas

Responsable (opcional)
Espacio para tu respuestaEstado: decidido / preferido / pendiente
Fecha (opcional)
Espacio para tu respuestaEstado: decidido / preferido / pendiente
Presupuesto (opcional)
Espacio para tu respuestaEstado: decidido / preferido / pendiente

Dentro, fuera y pendiente

Dentro de la primera entrega
Espacio para tu respuestaEstado: decidido / preferido / pendiente
Fuera de la primera entrega
Espacio para tu respuestaEstado: decidido / preferido / pendiente
Pendiente de decidir
Espacio para tu respuestaEstado: decidido / preferido / pendiente

Criterios para revisar

Nombre de la entrada · Qué necesitas o qué falta saber · Estado.
Añade una entrada por cada elemento que quieras incluir.

Próximas decisiones

Nombre de la entrada · Qué necesitas o qué falta saber · Estado.
Añade una entrada por cada elemento que quieras incluir.

Ejemplo completo: Estudio Ladera

Ejemplo ficticio para aprender a encargar una web. No representa un cliente, estudio ni resultado real.

Propósito y destinatarios

Nombre de trabajodecidido
Estudio Ladera
Propósitodecidido
Que una persona que está preparando una reforma comprenda las tres formas de ayuda del estudio, vea propuestas ilustrativas y pueda explicar qué necesita.
Destinatario principaldecidido
Personas propietarias de una vivienda que necesitan ordenar decisiones de distribución, materiales y ejecución antes de contratar trabajos.
Acción principaldecidido
Consultar un servicio, revisar un ejemplo y enviar una consulta indicando el servicio y la fase del proyecto.

Páginas y contenido

Iniciodecidido
Presentación del estudio ficticio, acceso a los tres servicios, dos propuestas ilustrativas y explicación del siguiente paso.
Serviciosdecidido
Asesoría de una estancia; proyecto de interiorismo; acompañamiento de ejecución. Cada servicio explica situación, entregables, aportaciones y límites.
Propuestas ilustrativasdecidido
Luz de mañana y Patio interior. Dos ejercicios visuales originales, señalados como ficticios, con problema, decisión y alternativa descartada.
Cómo se trabajadecidido
Conversación inicial, definición de alcance, propuesta, desarrollo, revisión y entrega. Sin plazos cerrados ni experiencia inventada.
Contactodecidido
Formulario por servicio, explicación del destino y estados de error/éxito. En el demostrador no envía a nadie.
Información legalpendiente
Identidad y textos aplicables a una operación real por definir con su responsable. La demo avisa de que es ficticia y no solicita datos reales.

Funciones y recorrido

Navegacióndecidido
Acceder a servicios, detalle, propuestas y contacto; volver atrás sin perder orientación, con menú móvil operable por teclado.
Consulta por serviciodecidido
Seleccionar servicio y describir necesidad. Campos mínimos y mensajes de corrección junto al error; el servicio seleccionado acompaña la consulta.
Destino en una web realpendiente
Buzón responsable y proveedor de entrega todavía por elegir. No se presupone que existe una integración contratada.
Destino de la demostracióndecidido
Validación local y confirmación explícita de simulación. Cero correos, contactos, cobros o mensajes reales.
Edición de contenidospreferido
Poder añadir una nueva propuesta y corregir un servicio sin tocar la navegación a mano.
Búsqueda y filtrosdecidido
No se incluyen en esta primera web: dos propuestas y tres servicios se encuentran con navegación directa.

Materiales y edición

Textosdecidido
Se redactan contenidos ficticios completos para los tres servicios, proceso y dos propuestas; no testimonios.
Material visualdecidido
Composiciones geométricas originales de distribución y paletas. No fotografías atribuidas a proyectos reales.
Marcapreferido
Nombre didáctico Estudio Ladera, tipografía editorial y tonos cálidos. La elección visual es una preferencia revisable.
Revisióndecidido
La persona responsable del proyecto revisará oferta, textos y derechos antes de una web real. La demo se revisa como material formativo.
Frecuencia de cambiopreferido
En el ejemplo se prevé añadir una propuesta por trimestre y corregir servicios cuando cambie el alcance. Es un supuesto de diseño, no una obligación operativa.

Restricciones y decisiones abiertas

Idiomadecidido
Español de España. Un idioma en primera entrega.
Plataforma de contenidopendiente
Elegir tras comprobar quién editará, qué debe editar y con qué frecuencia. No fijar CMS por costumbre.
Fechapendiente
Sin fecha contractual. Acordarla cuando estén definidos contenido, alcance y responsables.
Presupuestopendiente
Pendiente de propuesta desglosada sobre este alcance; ninguna cifra de la demo constituye una tarifa.
Dominio y cuentaspendiente
No hay cuentas reales del estudio ficticio. En una web real se haría inventario de cuentas, titulares y acceso delegado, sin poner contraseñas aquí.
Web anteriorpendiente
El ejercicio de rediseño usa cinco rutas antiguas hipotéticas. Antes de migrar una web real hay que comprobar inventario, tráfico, enlaces y contenidos.

Dentro fuera y pendientes

Dentro de la primera entregadecidido
Web responsive con servicios y detalles, dos propuestas ilustrativas, proceso, contacto demo, navegación accesible y comprobación de enlaces/estados.
Fuera de la primera entregadecidido
Tienda, pagos, reservas con disponibilidad, área privada, CRM, catálogo masivo, traducción y campañas. Cada ampliación requiere su propio alcance.
Pendiente para una operación realdecidido
Titular legal, dominio/alojamiento, destinatario del formulario, política de datos, CMS/editor y presupuesto/plazo.

Criterios para revisar

Entender y encontrardecidido
Desde inicio se llega al servicio correspondiente, se entiende qué incluye y se puede revisar una propuesta sin enlaces rotos.
Probar el formulariodecidido
Vacío muestra campos a corregir; una consulta válida muestra confirmación explícita de demo sin petición externa.
Móvil y tecladodecidido
El recorrido completo cabe en 320 y 390 px y se recorre con teclado, foco visible y etiquetas comprensibles.
Revisar el contenidodecidido
Todos los ejemplos ficticios lo indican; no hay testimonios, ubicaciones, datos de clientes ni experiencia inventados.
Entregardecidido
Origen de código, instrucciones, pruebas, capturas y vídeo real de uso disponibles en el caso.

Próximas decisiones

Resolver primerodecidido
Elegir quién editará las propuestas y probar una tarea de edición antes de cerrar plataforma.
Confirmar antes de publicar una web realdecidido
Titularidad, textos legales, entrega del formulario, accesos y presupuesto/plazo.
Observar despuésdecidido
Separar solicitudes entregadas de mensajes cualificados o ventas; no interpretar la demo como señal comercial.