Introducción
Objetivo: facilitar un documento reproducible para pedir, estimar y supervisar el desarrollo de una página web. Siguiendo esta guía obtendrás plantillas listas, checklists y un flujo lógico para transformar necesidades de negocio en requisitos técnicos y de diseño.
Requisitos previos
Define roles (propietario, product owner, diseñador, desarrollador). Reúne información básica: modelo de negocio, objetivos, público, dominios y acceso a herramientas: Google Drive, Figma y un gestor de proyecto (Trello, Jira).
Paso 1: Objetivo y métricas
Formula objetivos SMART y selecciona KPIs: conversiones, leads, ventas, visitas. Decide alcance: MVP, fase 1 o lanzamiento completo.
Paso 2: Público y buyer personas
Segmenta demografía y psicografía. Dibuja user journeys y define requisitos de lokalización e idiomas.
Paso 3: Alcance y funcionales
Lista funcionalidades priorizadas (MUST / SHOULD / CAN). Incluye CRUD, formularios, blog, e-commerce y flujos de usuario por feature.
Paso 4: Requisitos no funcionales
Define objetivos de rendimiento (TTFB, carga < 2s), SEO técnico, seguridad (autenticación, cifrado), accesibilidad (WCAG) y SLA para disponibilidad.
Paso 5: Arquitectura y diseño
Crea sitemap, wireframes (home, ficha, checkout) y guía de estilo con componentes reutilizables. Decide CMS/stack: WordPress, Shopify, headless o custom.
Comparativa rápida de stacks
| Opción | Ventaja | Cuando usar |
|---|---|---|
| WordPress | Rápido, ecosistema | Contenidos, pymes |
| Shopify/Retail | E-commerce out‑of‑the‑box | Tiendas sencillas |
| Headless | Flexibilidad y escala | Experiencias personalizadas |
Paso 6: Contenido y SEO on‑page
Plan editorial, estructura H, metatítulos y URLs limpias. Prepara redirecciones en migraciones y schema para SEO local.
Paso 7: Integraciones
Define pasarelas (Redsys, Stripe, PayPal) con comisiones esperadas en EUR. Conecta CRM/Email (HubSpot, Mailchimp), Analytics, GTM y ERP/stock.
Paso 8: Hosting y despliegue
Especifica CPU, RAM, SSD, backups (RTO/RPO) y entornos (dev, staging, prod). Añade CDN y SSL/TLS.
Paso 9: Seguridad y legal
Incluye RGPD (bases jurídicas, encargados), LSSI (cookies y banner), política de privacidad y medidas técnicas: WAF, escaneos y logs.
Paso 10: Cronograma y presupuesto
Divide en hitos/sprints, estima por módulo con rangos en EUR y reserva margen para cambios y mantenimiento.
Paso 11: Aceptación y pruebas
Define criterios de aceptación por requisito, plan de pruebas (unitarias, integración, UAT, carga), flujo de bugs y checklist de sign‑off.
Paso 12: Entregables y plantillas
Incluye plantilla de brief (DOC/Google Docs), checklist pre‑lanzamiento, sitemap/wireframe editable (Figma/PDF) y lista de preguntas para la agencia.
Paso 13: Ejemplo práctico
Prepara un caso ficticio con objetivos, funcionalidades MUST, SLA 99.9%, presupuesto orientativo y notas sobre decisiones técnicas.
Paso 14: Presentar el brief y contratar
Envía por email o Drive, compara propuestas técnicas/económicas y usa preguntas clave en entrevistas. Añade cláusulas sobre entregables, propiedad intelectual y soporte.
Paso 15: Lanzamiento y optimización
Checklist pre‑lanzamiento, monitoriza KPIs, implementa pruebas A/B y programa mantenimiento periódico.
Regla práctica: prioriza funcionalidades que muevan métricas clave; posterga lo ornamental al roadmap.
Recursos, glosario y FAQs
Adjunta plantillas descargables (DOC, PDF, Figma), checklist imprimible y una versión resumida para clientes. Incluye glosario: CMS, CRUD, SLA, UAT, RGPD, LSSI.
Preguntas frecuentes
- ¿Qué debe incluir obligatoriamente un brief?
- ¿Cómo calcular un presupuesto aproximado en EUR?
- ¿Es necesario especificar accesibilidad desde el inicio?
- ¿Qué pasarelas elegir según público?
- ¿Cómo incorporar RGPD y LSSI en el documento?
Si quieres, puedo generar la plantilla de brief en Google Docs y un sitemap ejemplo listo para editar en Figma.