Presupuesto de diseño web: cómo calcularlo y redactarlo (ejemplo)

Un buen presupuesto de diseño web empieza con una breve conversación inicial y después divide el proyecto en fases claras: análisis y estrategia, diseño, desarrollo, contenidos, SEO básico y lanzamiento, con el alojamiento y el mantenimiento como partida recurrente aparte. Cada fase tiene sus propias partidas con cantidades, precios y lo que incluye, seguidas del número de rondas de revisión, un calendario de pagos y una fecha de validez. Ofrecer dos o tres paquetes en lugar de un único precio le pone más fácil al cliente decir que sí.

Esta guía recorre cada paso: qué preguntar antes de poner precio a nada, cómo elegir un método de cálculo, cómo estructurar el presupuesto y un ejemplo completo para la web de una pequeña empresa. Tanto si es diseñador por cuenta propia como si tiene un pequeño estudio, se aplica la misma estructura. Si antes quiere una lista general, consulte qué debe incluir un presupuesto.

Reúna los requisitos antes de presupuestar

La mayoría de los proyectos web que se salen del presupuesto estaban mal presupuestados, no mal ejecutados. La causa suele ser una pregunta que faltó al principio: nadie preguntó quién redacta los textos, cuántos idiomas necesita la web o si el sistema de reservas tiene que conectarse con una herramienta existente. Una llamada inicial de veinte minutos, o un cuestionario breve, le evita tener que adivinar.

Preguntas iniciales que conviene hacer

• Objetivos: ¿qué debe conseguir la web? ¿Más solicitudes de información, reservas online, ventas, captación de personal, credibilidad?
• Público: ¿quién visita la web y qué necesita encontrar rápido?
• Páginas y estructura: ¿cuántas páginas, aproximadamente, y cuáles tienen un diseño propio y cuáles repiten la misma plantilla?
• Contenidos: ¿quién redacta los textos y aporta las fotos? ¿Hay que migrar contenido existente, y cuánto?
• Funcionalidades: ¿formularios de contacto, blog, reservas, tienda online, área de socios, integraciones con herramientas que ya usan?
• Idiomas: ¿un idioma o varios? Las webs multilingües añaden trabajo de diseño, desarrollo y contenidos.
• Identidad de marca: ¿hay logotipo y guía de estilo, o hay que crearlos primero?
• Plataforma: ¿tiene el cliente un CMS preferido o necesita editar la web por su cuenta?
• Plazos: ¿hay una fecha límite inamovible, como un evento de lanzamiento o una campaña?
• Presupuesto disponible: ¿tiene en mente una horquilla? Preguntarlo abiertamente le evita diseñar un paquete que nadie puede permitirse.
• Quién decide: ¿quién aprueba el diseño y quién firma el presupuesto?

Elija un método de cálculo del precio

No hay una única forma correcta de poner precio a una web. La mayoría de los diseñadores y agencias usan uno de estos cuatro métodos, o una combinación.

Para la web de una pequeña empresa, un precio cerrado construido con partidas claras suele ser lo más fácil de aprobar para el cliente: sabe lo que va a pagar y ve a dónde va el dinero. Internamente, puede seguir calculando cada partida a partir de una estimación de días a su tarifa. Solo recuerde añadir un margen para la gestión del proyecto, las reuniones y las rondas de comentarios, que se olvidan con facilidad y rara vez son pequeñas.

Estructure el presupuesto por fases

Divida el proyecto en fases que reflejen cómo trabaja realmente. El cliente confía en los precios que puede seguir, y las partidas separadas le permiten ajustar el alcance en lugar de pedir un descuento sobre el total.

1. 1Análisis y estrategia: taller inicial, objetivos, mapa del sitio, estructura de páginas y, si hace falta, wireframes.
2. 2Diseño: diseño visual de la página de inicio y de cada plantilla de página única, para escritorio y móvil, con un número fijo de rondas de revisión.
3. 3Desarrollo: maquetación de las plantillas en el CMS elegido, comportamiento responsive, formularios y cualquier funcionalidad específica, como un blog o una herramienta de reservas.
4. 4Contenidos: introducción o migración de contenidos y, si lo ofrece, redacción de textos o fotografía. Indíquelo claramente cuando los contenidos sean responsabilidad del cliente.
5. 5SEO básico: títulos de página y metadescripciones, URL limpias, redirecciones desde la web antigua, comprobaciones básicas de rendimiento y envío del sitemap. Use una redacción prudente: es una base, no una campaña de SEO continua.
6. 6Lanzamiento: pruebas en distintos navegadores y dispositivos, puesta en marcha y una breve formación para que el cliente pueda actualizar la web.
7. 7Alojamiento y mantenimiento: una partida recurrente mensual o anual para el alojamiento, las actualizaciones, las copias de seguridad y pequeños cambios. Manténgala separada del precio puntual del proyecto.

offinal.com/q/7hX2kP

UX y diseño visual2400 €

Wireframes, prototipos y un sistema de diseño completo.

Desarrollo4800 €

Maquetación responsive, configuración del CMS y optimización del rendimiento.

Lanzamiento y formación900 €

Soporte en la puesta en marcha y un taller práctico para el equipo.

En un PDF siempre hay que elegir entre detalle y legibilidad. Con las partidas interactivas puede mantener el resumen breve y dejar que el cliente abra, en cada partida, la descripción completa, una captura de un diseño anterior o un wireframe de muestra.

Un ejemplo completo: la web de una pequeña empresa

Este es un ejemplo de presupuesto para una clínica de fisioterapia de barrio que quiere una web nueva de unas ocho páginas, con formulario de contacto y un blog sencillo. El cliente aporta los textos y las fotos. Los precios siguientes son solo una ilustración de la estructura, no datos de mercado. Las tarifas varían mucho según el país, la experiencia y el tipo de cliente, así que use sus propias cifras.

Hay varias cosas que hacen que este ejemplo funcione. Las partidas de diseño y desarrollo se cuentan por plantilla, no por página, de modo que el cliente entiende por qué ocho páginas no cuestan ocho veces más. Las rondas de revisión figuran en la propia partida. La redacción de textos no aparece en la lista, y se indica el supuesto de que el cliente aporta los contenidos. El alojamiento se muestra aparte como opción recurrente, para que no infle el precio del proyecto y el cliente pueda elegirlo o no. El tipo de IVA es un ejemplo para un cliente empresarial en Bélgica; aplique el tipo y el tratamiento que correspondan a su situación.

Ofrezca tres paquetes en lugar de un único precio

Un único precio invita a decidir entre sí o no. Tres paquetes lo convierten en una elección entre opciones, que es una conversación mucho más fácil. Para el ejemplo anterior, los paquetes podrían ser así:

• Esencial: hasta cinco páginas con dos plantillas, formulario de contacto, SEO básico y una ronda de revisión.
• Estándar: el presupuesto completo anterior, con el blog, cuatro plantillas y dos rondas de revisión.
• Completo: todo lo incluido en Estándar, más la redacción de los textos de las páginas principales, un segundo idioma y tres meses de mantenimiento incluidos.

Haga que el paquete intermedio sea el que usted recomendaría, y que las diferencias se vean fácilmente. Nuestra guía sobre precios por niveles explica cómo diseñar los niveles para que ayuden al cliente a decidir en lugar de confundirle. Con los precios interactivos, el cliente puede elegir un paquete y marcar extras opcionales, como el mantenimiento o un idioma adicional, y el total se actualiza al momento.

Gestione las revisiones y los cambios de alcance

Los proyectos web son especialmente propensos a que el alcance crezca sin control, porque el cliente a menudo solo se da cuenta de lo que quiere cuando ve el primer diseño. Es normal. El presupuesto simplemente debe dejar claro qué pasa cuando ocurre.

• Fije el número de rondas de revisión por fase de diseño, normalmente dos, y defina qué es una ronda: un único conjunto consolidado de comentarios, no un goteo de correos sueltos.
• Defina qué cuenta como solicitud de cambio. Páginas nuevas, funcionalidades nuevas o un cambio de rumbo después de aprobar el diseño quedan fuera del alcance acordado.
• Ponga precio de antemano al trabajo adicional. Indique su tarifa para rondas de revisión o páginas adicionales, por ejemplo por hora o por día, para que no haya que negociar después.
• Use puntos de aprobación. Pida la aprobación por escrito del mapa del sitio y de los diseños antes de empezar el desarrollo. Cambiar un diseño en Figma es barato; cambiarlo una vez desarrollado, no.
• Presupueste los cambios por separado. Cuando el cliente pida algo nuevo, envíe un breve presupuesto adicional en lugar de asumirlo usted.

Establezca un calendario de pagos

En un proyecto que dura semanas o meses, esperar al lanzamiento para cobrar hace que todo el riesgo recaiga en usted. Un calendario por hitos es habitual y fácil de explicar:

Algunos diseñadores piden el 50 % por adelantado; otros dividen el pago en más pasos en los proyectos grandes. Elija lo que elija, vincule cada pago a un hito que el cliente pueda reconocer e indique el plazo de pago en sus facturas. Añada una línea sobre qué ocurre si el proyecto se para por parte del cliente, por ejemplo facturar el siguiente hito tras un número determinado de semanas sin comentarios. Son decisiones comerciales, no requisitos legales; revise sus propias condiciones generales y, para cualquier cuestión específica de su país, consulte a su gestor o a un asesor jurídico.

Envíelo para que el cliente pueda elegir y comentar

Un presupuesto web rara vez se aprueba sin preguntas. ¿Se puede añadir el blog más adelante? ¿El segundo idioma está incluido en el mantenimiento? Si esas preguntas viajan por correo electrónico, las respuestas se pierden y el presupuesto acaba en varias versiones.

Enviar el presupuesto como enlace en lugar de PDF mantiene todo en un mismo lugar. El cliente elige un paquete y opciones, y puede usar los comentarios en el presupuesto para preguntar por una partida concreta. Usted responde y actualiza el presupuesto en el mismo hilo, de modo que todos ven la última versión. Cuando está conforme, lo aprueba online. Nuestra guía sobre cómo hacer un presupuesto que los clientes aprueben trata con más detalle la presentación y el momento de envío.

Offinal está pensado precisamente para este tipo de presupuestos por proyecto. Vea cómo funciona para agencias y autónomos.