Creación de Páginas Web en Barcelona: Del Briefing al Lanzamiento

Guía paso a paso del proceso de creación de páginas web profesionales en Barcelona. Desde la planificación hasta el lanzamiento, todo lo que tu negocio necesita saber.

Un taller de cerámica de Poblenou nos llamó en enero con un problema muy concreto: tenían Instagram con 4.000 seguidores pero cero web, y perdían encargos de empresas que pedían factura y catálogo antes de comprometer un pedido. No necesitaban "presencia digital", necesitaban un proceso claro que terminara en una web funcionando en seis semanas. Así que vamos a contarte ese proceso tal cual lo aplicamos, fase por fase.

Fase 1: Briefing y arquitectura (semana 1)

Antes de tocar ningún diseño nos sentamos con el cliente —presencial en su taller, mejor que por videollamada— y hacemos un mapa de páginas: qué necesita el usuario encontrar, en qué orden, y qué acción queremos que tome. En el caso del taller de Poblenou, el objetivo no era vender directo sino generar solicitudes de presupuesto B2B, así que la home apuntaba a un formulario específico, no a un botón genérico de "contacto".

Aquí también se decide el dominio, el hosting y si hace falta migrar contenido de una web antigua. Si el negocio ya tiene web y solo quiere renovarla, conviene auditar qué páginas traen tráfico orgánico antes de borrar nada: perder ese posicionamiento acumulado es un error que vemos a menudo en proyectos que llegan de otras agencias.

Fase 2: Diseño (semanas 2-3)

Trabajamos con wireframes de baja fidelidad primero y luego una propuesta visual completa de la home y una página interior. En Barcelona el gusto varía mucho según el sector: un despacho de abogados del Eixample pide sobriedad y tipografías serias, mientras que un estudio de tatuajes en Gràcia quiere algo más arriesgado. No hay plantilla única que funcione para todos, y desconfía de cualquier agencia que te enseñe el mismo layout para restaurante, gestoría y gimnasio.

• Mobile first de verdad: más del 65% del tráfico web en España entra desde móvil, así que el diseño se piensa primero en pantalla pequeña, no se "adapta" después.
• Velocidad desde el diseño: cada imagen y cada fuente que se añade en esta fase tiene un coste en tiempo de carga; lo decidimos con eso en mente, no como parche final.

Fase 3: Desarrollo (semanas 3-5)

Aquí se construye de verdad: maquetación, integración de formularios, conexión con CRM o calendario si aplica, y en muchos casos un chatbot que filtra consultas fuera de horario, algo que cada vez piden más pymes que no tienen recepcionista. Puedes ver cómo lo montamos en /chatbot-ia-barcelona si te interesa esa parte.

En esta fase también se configura el SEO técnico básico: metatítulos, estructura de encabezados, sitemap, velocidad de carga optimizada con imágenes en WebP. No es lo mismo que una estrategia de posicionamiento completa, pero sin esta base cualquier esfuerzo posterior de SEO local va a costar el doble.

Fase 4: Contenido y pruebas (semana 5)

Redactamos o revisamos los textos definitivos, subimos las fotos reales del negocio —nada de bancos de imágenes genéricos si se puede evitar, porque un cliente de Barcelona reconoce enseguida una foto de stock de una cafetería que no es la suya— y probamos formularios, velocidad y comportamiento en distintos móviles. Un fallo típico que pillamos en esta fase: formularios que no llegan al correo correcto porque nadie comprobó el SMTP.

Fase 5: Lanzamiento y seguimiento

El lanzamiento no es el final, es el arranque. Damos de alta la ficha de Google Business Profile si no existe, conectamos Google Analytics y Search Console, y programamos una revisión a los 30 días para ver qué páginas generan tráfico y cuáles no. El taller de Poblenou, por ejemplo, empezó a recibir solicitudes de presupuesto B2B a la tercera semana tras el lanzamiento, justo cuando Search Console empezó a indexar las páginas de producto.

Cuánto dura todo el proceso realmente

Seis semanas es el escenario típico para una web corporativa de 5-8 páginas. Un e-commerce con catálogo grande puede llevar 10-12 semanas. Y si el proyecto cae en agosto o en plena campaña de Navidad, cuenta con retrasos porque los clientes tardan más en aprobar contenidos y fotos.

Si quieres ver el detalle de precios según el tipo de proyecto, lo explicamos con rangos reales en /diseno-web-barcelona, y si lo que necesitas después es que esa web nueva empiece a aparecer en búsquedas locales, el trabajo de fondo lo cubrimos en /seo-local-barcelona. Para negocios que ya tienen web y solo quieren que deje de darles problemas, tenemos también /mantenimiento-web-barcelona.

Errores frecuentes que alargan el proceso sin necesidad

• Aprobar el diseño y luego pedir cambios estructurales en desarrollo, cuando esos cambios eran fáciles de resolver en la fase de wireframes.
• No tener las fotos reales listas cuando llega la fase de contenido, obligando a retrasar el lanzamiento semanas por algo que se podía haber previsto desde el briefing inicial.
• Elegir un dominio de última hora sin comprobar antes su disponibilidad ni si coincide con una marca ya registrada en Barcelona.
• Lanzar sin haber probado el formulario con un envío real desde un móvil distinto al del propio equipo de desarrollo.

Qué preguntar a una agencia antes de empezar

Un cliente informado suele preguntar quién será su punto de contacto durante el proyecto, qué pasa si necesita cambios después del lanzamiento y si el precio incluye redacción de textos o solo maquetación. Si la respuesta a estas preguntas es vaga o cambia según el día, es una señal de alarma tan válida como cualquier otra a la hora de elegir con quién trabajar.

Presupuesto orientativo por tipo de proyecto

Una web corporativa sencilla de 5 a 8 páginas suele moverse entre 900 y 1.800 euros en Barcelona, dependiendo de si incluye redacción de contenido o el cliente aporta los textos. Un catálogo con más de cien productos y pasarela de pago sube ese rango hasta los 2.500-4.000 euros, sobre todo si hay que integrar con un sistema de gestión de stock ya existente. Estos números varían según agencia, pero cualquier presupuesto muy por debajo de estas cifras suele significar plantillas sin personalizar o fases del proceso que se saltan directamente.

Qué pasa después del primer mes

El seguimiento a los 30 días que hacemos con cada proyecto suele revelar sorpresas: páginas que nadie visita y que conviene replantear, o al contrario, contenidos que generan más tráfico del esperado y merecen ampliarse. El taller de Poblenou, por ejemplo, descubrió que su página de "encargos personalizados" generaba el doble de solicitudes que la de catálogo estándar, así que reorganizamos la navegación para darle más protagonismo en el menú principal.