Skip to content
webvise
· 6 min de lectura

Cómo creamos sitios web: el proceso webvise del brief al lanzamiento

¿Qué ocurre realmente entre 'necesitamos un nuevo sitio web' y un sitio en producción que rinde? Aquí está nuestro proceso, paso a paso - sin promesas vagas de agencia.

Temas

Web DevelopmentProcessCase Study
Compartir

Una de las frustraciones más comunes de los empresarios con las agencias web es la caja negra. Entregas un brief), ocurren cosas en segundo plano y eventualmente aparece algo. A veces es lo que querías. A menudo no.

Creemos que la transparencia aquí es una ventaja competitiva - para ambas partes. Cuando entiendes nuestro proceso antes de empezar, las expectativas están alineadas, se necesitan menos rondas de revisión y el sitio final es mejor. Aquí está exactamente lo que hacemos.

Fase 1: Descubrimiento (Semana 1)

Cada proyecto comienza con una sesión de descubrimiento estructurada. No un vago 'cuéntanos sobre tu marca' - un conjunto específico de preguntas diseñadas para extraer las decisiones que darán forma a toda la construcción:

  • ¿Para quién es el sitio? ¿Qué tipos concretos de clientes hay que persuadir?
  • ¿Qué acción deben realizar los visitantes y en qué orden?
  • ¿Qué hace bien tu sitio actual que debemos conservar?
  • ¿Cuál es el problema de negocio más importante que debe resolver el nuevo sitio?
  • ¿Cómo es el éxito, en números, 6 meses después del lanzamiento?

También realizamos una auditoría técnica de tu sitio actual en esta fase: puntuaciones de rendimiento, referencia SEO, revisión de analíticas, inventario de contenido. Esto nos dice con qué estamos trabajando y dónde están las mayores oportunidades.

Resultado: un documento de descubrimiento que define el alcance, los criterios de éxito y la estrategia de contenido para el nuevo sitio. Lo revisas y apruebas antes de que escribamos una sola línea de código.

Fase 2: Arquitectura y Diseño (Semanas 2–3)

Antes del diseño, mapeamos la arquitectura de la información: qué páginas existen, cómo se conectan, cómo es el recorrido del usuario en cada etapa. La mayoría de las agencias omiten este paso. Nosotros no, porque un diseño bonito sobre un sitio mal estructurado sigue siendo un sitio de bajo rendimiento.

El diseño comienza con wireframes - maquetas estructurales sin estilo visual. Esto mantiene las revisiones centradas en '¿tiene sentido esta jerarquía de contenido?' en lugar de 'no me gusta ese tono de azul'. Una vez aprobada la estructura, aplicamos tu sistema de marca.

Trabajamos en Figma. Puedes comentar directamente en los diseños en tiempo real. Sin intercambio de capturas de pantalla por email. Los ciclos de feedback son rápidos.

También definimos la biblioteca de componentes en esta fase: los bloques reutilizables (secciones hero, cuadrículas de tarjetas, layouts de testimonios, CTAs) que componen cada página. Esto agiliza las futuras actualizaciones de contenido y garantiza automáticamente la coherencia visual.

Fase 3: Desarrollo (Semanas 3–6)

Construimos sobre Next.js con un CMS headless (normalmente Sanity). Es una elección técnica deliberada con consecuencias reales para tu negocio:

  • Rendimiento: Las páginas se pre-renderizan y se sirven desde una CDN global. Los tiempos de carga son típicamente inferiores a un segundo. Google premia esto directamente en los rankings.
  • Seguridad: Sin panel de administración público, sin vulnerabilidades de plugins, sin ejecución PHP. La superficie de ataque que expone WordPress sencillamente no existe.
  • Mantenibilidad: El código es limpio, documentado y construido para durar. Sin spaghetti de temas. Sin conflictos de plugins. Los desarrolladores que contrates en dos años podrán leerlo y modificarlo.
  • Experiencia editorial: Tu equipo edita el contenido en el editor estructurado de Sanity. Es más rápido y predecible que el editor de bloques de WordPress, y el contenido puede estructurarse para reutilizarse en varias páginas.

El desarrollo ocurre en dos fases: primero la arquitectura central (esquema del CMS, plantillas de página, biblioteca de componentes en código), luego la integración de contenido (rellenar las plantillas con contenido real, construir layouts específicos de página, QA en todos los dispositivos y navegadores).

Tienes acceso a un entorno de staging desde la semana 3. Es una vista previa funcional y en vivo del sitio en cada etapa del desarrollo - no una captura de pantalla o maqueta estática. Puedes navegar por él, probar formularios y revisar en móvil antes de que nada se ponga en producción.

Fase 4: Contenido y Redacción (Semanas 4–5, en paralelo)

El contenido es a menudo el elemento de mayor duración en la construcción de un sitio web. Lo gestionamos de dos formas según el alcance del proyecto:

Contenido suministrado por el cliente: Proporcionamos un brief de contenido detallado para cada página - exactamente qué escribir, cuánto y en qué formato. Este brief se genera a partir de nuestra sesión de descubrimiento y se basa en investigación de palabras clave y análisis competitivo. Tú escribes; nosotros editamos y estructuramos para la web.

Contenido redactado por webvise: Para proyectos donde nos encargamos de la redacción, entrevistamos a los stakeholders clave, revisamos los materiales de ventas existentes y escribimos textos optimizados tanto para el buscador como para la conversión. Hemos comprobado que los textos escritos con intención SEO clara y estrategia de persuasión superan significativamente al contenido genérico generado por IA o basado en plantillas.

El desarrollo de contenido corre en paralelo al desarrollo técnico - llenamos el CMS mientras los ingenieros construyen las plantillas. Esto mantiene el calendario ajustado.

Fase 5: QA y Preparación del lanzamiento (Semana 6)

Antes de publicar nada, el sitio pasa por una checklist de calidad sistemática:

  • Auditoría de rendimiento: las puntuaciones de PageSpeed deben superar 90 en móvil y escritorio
  • Pruebas cross-browser y cross-device (Chrome, Firefox, Safari, Edge; iPhone, Android, tablet, escritorio)
  • Todos los formularios probados de extremo a extremo - envío, confirmación y entrega por email
  • Checklist SEO: etiquetas title, meta descripciones, URLs canónicas, sitemap, robots.txt, datos estructurados
  • Analíticas verificadas: GA4, Search Console, seguimiento de objetivos de conversión - todo funciona correctamente
  • Revisión del contenido: títulos, cuerpo del texto, CTAs, páginas legales, todos los idiomas en sitios multilingüe
  • Mapa de redirecciones: cada URL antigua que importaba apunta a la URL nueva correcta

Nada se lanza sin pasar esta checklist. Hemos visto demasiados sitios que se pusieron en producción con formularios rotos, sin analíticas o sin redirecciones - todos problemas que le cuestan dinero al negocio desde el primer día sin que nadie se dé cuenta.

Fase 6: Lanzamiento y entrega (Fin de semana 6)

El día del lanzamiento está planificado, no es espontáneo. Lo programamos en una ventana de bajo tráfico, monitorizamos el sitio durante las primeras 24 horas y tenemos un plan de reversión listo. En la práctica nunca lo hemos necesitado - pero siempre lo tenemos.

Tras el lanzamiento entregamos:

  • Una guía grabada sobre cómo usar el CMS para actualizar contenido
  • Documentación de la biblioteca de componentes (qué existe y cómo usarlo)
  • El archivo de diseño completo en Figma
  • Acceso a todas las cuentas: hosting, analíticas, Search Console, CMS
  • Una ventana de soporte de 30 días post-lanzamiento para cualquier problema que surja en producción

Qué ocurre después del lanzamiento

La mayoría de los clientes continúan trabajando con nosotros de dos formas: una retención mensual para contenido, SEO y trabajo de desarrollo continuo, o un acuerdo bajo demanda para proyectos específicos. No imponemos retenciones - creemos que el trabajo debe hablar por sí mismo.

Para los clientes con retención, proporcionamos informes de rendimiento mensuales: tendencias de tráfico orgánico, Core Web Vitals, evolución de rankings y datos de tasa de conversión. No métricas de vanidad - los números que se conectan con los resultados de negocio.

¿Es este proceso adecuado para ti?

Este proceso funciona mejor para empresas que:

  • Invierten en su sitio web en serio - no buscan la opción más barata
  • Quieren entender lo que reciben y por qué se tomó cada decisión
  • Tienen un objetivo de negocio claro que el nuevo sitio debe apoyar
  • Están dispuestas a participar en el descubrimiento y la revisión de contenido (requiere 3-5 horas de tu tiempo en total)

Si actualmente estás en WordPress y no estás seguro de si tu sitio rinde tan bien como debería, empieza con un análisis gratuito. Nuestra herramienta comprueba tus Core Web Vitals, tu puntuación PageSpeed y la salud técnica en 60 segundos. Lánzala en webvise.io/wp-health-report - desde ahí podemos tener una conversación concreta sobre lo que una nueva construcción representaría para tu situación.