Proceso creativo
Diseño web a medida:
plazos y precios
Sabemos que elegir el estudio al que confías tu proyecto web es una decisión importante. Aquí te explicamos cómo diseñamos y desarrollamos nuestros proyectos, con plazos y precios, para que valores si se ajustan a lo que esperas.
01 · El proyecto
Qué incluye un proyecto de diseño web a medida
Cada proyecto se diseña desde cero,
sin plantillas ni temas comprados a terceros.
Diseño a medida
Arquitectura de contenidos, prototipado y diseño visual creados para tu proyecto. Cuatro rondas de revisión incluidas.
Desarrollo WordPress
Maquetación responsive en HTML5, CSS3, JavaScript y PHP, sin plantillas comerciales ni page builders. Montamos el gestor con bloques nativos y bloques a medida para que tu equipo edite el contenido sin depender de nosotros.
Motion Design
Cuando el diseño lo pide, programamos animaciones y microinteracciones con GSAP. No son efectos decorativos: resuelven jerarquía y guían la lectura.
SEO y GEO
Dejamos el sitio preparado para que los rastreadores de IA puedan leerlo y citarlo.
Arquitectura de contenidos optimizada para buscadores, enlazado interno, datos estructurados, metadatos y sitemap. Alta en Google Search Console y Analytics.
Accesibilidad
Auditoría y validación contra las WCAG 2.2 nivel AA antes de publicar, en línea con la European Accessibility Act.
Certificado SSL
Instalación del certificado y configuración de seguridad del servidor.
Formación
Una sesión con tu equipo de marketing o comunicación para que trabajen con el gestor desde el primer día. Presencial en Barcelona, por videollamada si estáis fuera.
Garantía
Corregimos sin cargo cualquier error de programación que aparezca en los seis meses siguientes a la entrega.
02 · El proceso
Cómo trabajamos, fase por fase
1. Primer contacto
Nos cuentas el proyecto, los objetivos y qué necesitas conseguir. Te recomendamos la solución que mejor se ajuste y te enviamos un presupuesto detallado al día siguiente.
2. Diseño
Con el proyecto confirmado, analizamos los contenidos, definimos objetivos y construimos la arquitectura. Después llega el primer boceto de diseño y look & feel.
A partir de ahí trabajamos con vuestros comentarios en iteraciones sucesivas hasta la aprobación. Incluimos cuatro rondas de revisión. Una ronda es cada conjunto de cambios solicitados sobre una propuesta presentada. La mayoría de proyectos aprueba antes de agotarlas.
3. Maquetación y programación
Con el diseño aprobado, lo convertimos en código y montamos WordPress: Bloques nativos, bloques a medida, custom post types y campos personalizados que el proyecto requiera.
Aquí se resuelve también la base técnica: HTML semántico, accesibilidad, datos estructurados, rendimiento y acceso de los rastreadores de buscadores y de IA. Y si el proyecto lo incluye, se programan las animaciones con GSAP.
4. Carga de contenidos
Con la web programada, se sustituyen los contenidos provisionales por los definitivos, ya sea por nuestra parte o por vuestro equipo.
Los motores de IA no leen una web de arriba abajo: extraen fragmentos. Por eso revisamos que cada bloque se entienda por sí solo, que los titulares respondan a preguntas reales y que la información importante esté en el texto y no dentro de una imagen, además de ajustar textos alternativos y metadatos.
5. Revisión
Subimos la web a una dirección privada en nuestro servidor de desarrollo y la revisamos con vosotros. Comprobamos el comportamiento en móviles, tablets y todos los tamaños de pantalla, y corregimos lo que aparezca.
6. Lanzamiento
Con vuestro visto bueno, publicamos. Y formamos a vuestro equipo para que pueda gestionar el contenido desde el primer día.
03 · Plazos
Cuánto tardamos
Entre 8 y 12 semanas, según el tamaño y la complejidad del proyecto. La fase de diseño ocupa unas cuatro semanas hasta la aprobación, mientras que la maquetación y programación entre dos y cuatro.
Son plazos reales y los cumplimos. Para mantenerlos, en la fase de diseño necesitamos vuestra implicación: revisar cada propuesta y enviarnos comentarios con agilidad. Cuanto antes nos llegan vuestras valoraciones, antes avanzamos a la siguiente ronda. El ritmo del proyecto lo marcamos entre los dos.
¿Necesitabas la web para ayer?
Pasa. Un evento con fecha cerrada, una convocatoria que abre, una marca que se presenta, o un nuevo responsable de marketing que necesita mover «algo visible» antes de su primera reunión de dirección.
En esos casos partimos el proyecto en dos. Publicamos primero una página de presentación con tu logo, un texto breve, datos de contacto y enlaces a redes, lista en pocos días. Y desarrollamos la web completa después, sin sacrificar el proceso.
Si estás en esa situación, dínoslo en el primer contacto.
04 · Contenidos
Qué necesitamos de vuestra parte
No hace falta tener los textos cerrados para empezar
Es lo que más retrasa los proyectos, y casi siempre por precaución innecesaria.
Podemos arrancar el diseño con contenidos provisionales y sustituirlos más adelante. En los apartados sin material definitivo cargamos textos e imágenes de prueba para que la estructura funcione desde el primer día, y los reemplazáis cuando los tengáis.
Lo que sí necesitamos definido es la longitud y el mensaje de cada bloque. Un titular de tres palabras y otro de quince no se diseñan igual.
Coordinación con un rebranding en curso
Si tenéis un proceso de identidad visual abierto, conviene que cierre antes de que empecemos el diseño. Trabajar sobre una marca que va a cambiar significa rehacer pantallas y volver a presentarlas.
Si el rebranding aún no ha empezado y buscáis a alguien, podemos recomendaros.
El material que necesitamos
- Identidad visual. Logo en vectorial (Illustrator, PDF o SVG), tipografía corporativa, paleta de colores y manual de estilo.
- Textos. En documento editable. No hace falta que estén pulidos, pero sí definidos en extensión y mensaje.
- Imágenes. Para diseñar bastan las principales. El resto al terminar la programación.
- Vídeo. Si el diseño lo incorpora. Te damos las especificaciones de formato y duración.
Preparamos una guía con las especificaciones técnicas de cada cosa: formatos, medidas, qué funciona mejor en una cabecera y qué evitar. Podéis descargarla y compartirla con vuestro equipo.
05 · Resultado
Cómo queda por dentro
Bloques
La web funcionará con el editor de bloques nativo de WordPress. Cada elemento de contenido es un bloque: un párrafo, una imagen, un botón. Y cada uno trae sus propios controles de color, ancho, espaciado y alineación.
Bloques nativos y bloques a medida
La biblioteca combina los bloques que vienen de serie con los que programamos cuando el diseño lo requiere, para resolver componentes e interacciones que los nativos no cubren.
Patterns
Un pattern es un grupo de bloques dispuestos en un diseño: desde una fila de botones hasta una sección entera. Para cada proyecto creamos una biblioteca con los que más se repiten, para que montar una página nueva sea cuestión de minutos.
Custom post types y campos personalizados
Los custom post types son formatos de contenido creados a medida: fichas de artistas, de restaurantes, proyectos de un portfolio.
Los campos personalizados se definen según el diseño de cada ficha, para que la carga de contenidos sea rápida y no rompa nada.
Lo verás mientras lo editas
El contenido se ve en el editor prácticamente igual que se verá publicado. Sin sorpresas al guardar.
Cuando el proyecto
lo pide…
Accesibilidad
Una web accesible es una web que puede usar cualquier persona: quien tiene baja visión, una persona ciega que la escucha con un lector de pantalla, quien solo usa el teclado o quien tiene dificultades cognitivas o motoras.
Desde junio de 2025, la European Accessibility Act, aplicada en España por la Ley 11/2023, obliga a las empresas que venden o prestan servicios a consumidores por internet. El Real Decreto 1112/2018 lo exige al sector público, y muchas subvenciones y fondos europeos incluyen la accesibilidad entre sus condiciones.
Trabajamos el contraste, la jerarquía de encabezados y la navegación por teclado desde el diseño, y validamos el resultado antes de publicar.
Motion Design
Animaciones diseñadas para cada proyecto y coherentes con la identidad de la marca: transiciones entre secciones, elementos que reaccionan al scroll y microinteracciones.
En sectores como la cultura, los espectáculos o la edición, el movimiento forma parte de cómo se percibe una marca. Bien aplicado transmite personalidad y refuerza la sensación de calidad.
Lo desarrollamos con GSAP, el estándar profesional de animación web, compatible con todos los navegadores y dispositivos.
SEO y GEO
Vuestros clientes ya no solo buscan en Google. Cada vez más preguntan a ChatGPT, Claude o Perplexity a qué proveedor recurrir, y esas respuestas se construyen con lo que los modelos pueden leer y entender de una web.
Trabajamos las dos cosas a la vez: el SEO, para que la web posicione en Google, y la preparación para motores de IA, lo que en el sector empieza a llamarse GEO, para que los modelos puedan acceder a su contenido, entenderlo y citarlo.
Cuánto cuesta
El precio medio de nuestros proyectos ronda los 5.000 €.
La horquilla habitual va de 3.000 a 10.000 €.
Las webs más contenidas, con pocas secciones y un idioma, se mueven en la parte baja. Los proyectos con varios idiomas, tienda online o funcionalidades programadas a medida ocupan la parte alta.
Presupuestamos aparte algunos servicios que no todos los proyectos necesitan: optimización avanzada de velocidad, animaciones y microinteracciones, refinamiento de identidad visual, posicionamiento SEO estratégico, redacción de textos, carga integral de contenidos y selección de imágenes de banco. También podemos encargarnos del alojamiento y el dominio si preferís no gestionarlos.
Forma de pago: 40% para iniciar el proyecto, 40% al aprobar el diseño y 20% al terminar la programación.
Si tu presupuesto es otro, hablemos el primer día de tu presupuesto disponible para poder ajustar la propuesta.
Publicar la web es el principio
Después del lanzamiento
Desde el lanzamiento contarás con Soporte en diseño, programación y consultoría y Mantenimiento periódico del sistema.
Soporte
- Soporte en diseño, programación y consultoría
- Modificaciones puntuales de diseño y programación
- Formación y tutorías en WordPress
Mantenimiento
Usamos un sistema de monitorización líder que monitoriza 24/7 el estado de las páginas web y alerta en tiempo real de cualquier incidencia.
- Actualización del sistema WordPress
- Actualización de plugins (gratuitos y premium)
- Copias de seguridad periódicas, guardadas fuera del servidor
- Revisión de seguridad (malware y vulnerabilidades)
- Uptime Monitor en tiempo real
- Análisis de rendimiento y de velocidad (WPO)
- Compresión y optimización de imágenes
- Revisión de accesibilidad contra las WCAG 2.2 nivel AA
- Gestión de incidencias con el proveedor de hosting
- Reporte mensual de las acciones realizadas
- Licencias incluidas de plugins premium: WPML, WP Rocket y ACF Pro
Y durante los seis primeros meses, cualquier error de programación que aparezca lo corregimos sin coste y sin descontar horas de tu plan.
Varios de nuestros clientes llevan más de diez años con nosotros. Esa es la parte del trabajo que no se ve en el portfolio.
¿Hablamos?
Cuéntanos qué necesitáis y te enviamos una propuesta detallada al día siguiente.
Preguntas frecuentes
Que el diseño se crea desde cero para el proyecto y que adaptamos el funcionamiento de WordPress a lo que necesitáis, en lugar de ajustar el proyecto a lo que permite una plantilla.
Mucha gente asocia WordPress con temas comprados. Nosotros implementamos WordPress sobre nuestros propios diseños, maquetados en HTML5, CSS3 y JavaScript desde cero. Así se aprovecha la potencia del gestor sin renunciar a la calidad del diseño.
Son herramientas válidas y resuelven bien muchos proyectos. No las usamos porque generan código genérico que pesa más de lo necesario y porque condicionan el diseño a lo que la herramienta permite. Maquetando desde cero controlamos el rendimiento y el diseño no tiene más límite que el proyecto. Si ya tenéis una web hecha con un constructor y funciona bien, probablemente no necesitéis rehacerla.
El precio medio de nuestros proyectos ronda los 5.000 €, con una horquilla habitual de 3.000 a 10.000 €. Depende del número de secciones y diseños distintos, los idiomas, la tienda online y las funcionalidades programadas a medida.
Entre 8 y 12 semanas según el tamaño y la complejidad. La fase de diseño ocupa unas cuatro semanas y la programación entre dos y cuatro. El plazo depende también de la rapidez con la que el cliente revise y apruebe cada entrega.
Cuatro. Una ronda es cada conjunto de cambios solicitados sobre una propuesta presentada. La mayoría de proyectos aprueba el diseño antes de agotarlas.
No. Podemos empezar a diseñar con contenidos provisionales y sustituirlos después. Lo que sí necesitamos definido es la longitud y el mensaje de cada bloque, para que el diseño no se rompa cuando llegue el texto definitivo.
Sí. Diseñamos siguiendo criterios de accesibilidad y auditamos contra las WCAG 2.2 nivel AA antes del lanzamiento, un nivel que cubre lo que exige la European Accessibility Act (Ley 11/2023 en España). Es especialmente importante si vuestra organización es pública o recibe subvenciones o fondos europeos, cuyas bases suelen incluir la accesibilidad web entre sus condiciones.
Muy probablemente. Muchas convocatorias de subvenciones y fondos europeos incluyen la accesibilidad web entre sus condiciones, y conviene tenerla resuelta antes de justificar la ayuda. Revisad las bases de vuestra convocatoria: si lo exigen, lo tenemos en cuenta desde el diseño y validamos el resultado contra las WCAG 2.2 nivel AA.
Sí. Podemos publicar en pocos días una página de presentación con logo, texto breve, datos de contacto y enlaces a redes, y desarrollar después la web completa.
Usamos herramientas de IA en tareas de programación repetitivas, igual que cualquier otra herramienta de desarrollo. El diseño lo hacemos persona a persona y todo el código que entregamos está revisado. Ni el diseño ni la arquitectura salen de un generador.
Porque trae resueltas las funciones comunes a cualquier web y eso permite dedicar el tiempo a programar lo específico de cada proyecto. Es flexible, se posiciona bien, vuestro equipo puede usarlo sin conocimientos técnicos y lo mantiene una comunidad enorme. Es el gestor más utilizado del mundo.
Sí. Desde el mismo día del lanzamiento ofrecemos planes de mantenimiento con horas incluidas para modificaciones de diseño, programación, soporte y consultoría, además de actualizaciones, seguridad, copias y licencias de plugins premium.
Por regla general sólo damos mantenimiento a páginas web hechas por nosotros. Pero escríbenos y cuéntanos tu caso. Si sirve para romper el hielo, conocernos y en un futuro cercano crear una nueva página web con diseño y programación a medida, podemos valorar dar mantenimiento durante algún tiempo hasta hacer la nueva web.
Sí, hacemos Motion Design con GSAP, que es la librería estándar para animación web. Las usamos cuando aportan algo al diseño: jerarquía, transiciones entre secciones, elementos que reaccionan al scroll.
Sí. Además del SEO técnico habitual, verificamos que los rastreadores de los modelos de lenguaje puedan acceder al sitio, estructuramos el contenido en fragmentos autocontenidos para que sea citable, implementamos datos estructurados y publicamos un archivo llms.txt. No hay garantías de aparecer en una respuesta generada, igual que no las hay en la primera página de Google, pero sí se puede estar preparado o no estarlo.
Las webs se entregan con la versión más reciente de los plugins premium necesarios, pero sin sus licencias. Los plugins seguirán funcionando sin límite de tiempo, aunque no recibirán actualizaciones. Al tratarse de un servicio de pago único, no podemos incluir licencias, que son de renovación anual.
Las licencias de los plugins premium utilizados están incluidas en todos los planes de mantenimiento.
Recomendamos mantener los plugins actualizados, ya que las versiones antiguas pueden acumular vulnerabilidades de seguridad con el tiempo.
Si no contratáis mantenimiento, también podéis adquirir las licencias por vuestra cuenta y mantener los plugins actualizados. El importe anual de las licencias es:
ACF PRO (Advanced Custom Fields): plan Personal (1 sitio), 49 USD/año (aprox. 42 €).
WPML: plan Multilingual CMS, 99 €/año. Solo en webs multiidioma.
WP Rocket: plan Single (1 sitio), 59,95 USD/año (aprox. 51 €). Solo si se ha contratado la optimización de rendimiento (WPO). Sin licencia activa, algunas funciones avanzadas de optimización de CSS dejan de estar disponibles.
(impuestos no incluidos; precios fijados por cada fabricante y sujetos a cambios)
Casos de éxito
¿Cómo sería tu web con vueloIV?
Editoriales, festivales, teatros, hoteles y universidades. En cada proyecto verás de dónde partíamos, qué decidimos y cómo funciona hoy. Varios de estos clientes llevan más de diez años con nosotros.
