¿Cómo se forma el precio de un sitio web? Una explicación humana y comprensible
En resumen: El precio de un sitio web depende del alcance del proyecto y del trabajo necesario: diseño, programación, adaptación a dispositivos móviles, pruebas y gestión del proyecto. Según las necesidades del proyecto, los costes también pueden incluir prototipado, pruebas con usuarios e integraciones API. Una funcionalidad más compleja y un mayor volumen de trabajo suelen aumentar el precio. Los precios de partida actuales de CREATING.LV y la calculadora del presupuesto del proyecto están en nuestra página de precios.
Si busca en internet cuánto cuesta un sitio web, puede encontrar casi cualquier cifra. Desde “Bah, yo te lo hago por 400” hasta varias decenas de miles. En realidad, el precio de un sitio web no sale de la nada: se compone de horas de trabajo muy concretas. Y cuanto más entendemos lo que hay detrás de esas horas, más fácil es tomar decisiones fundamentadas.
Aquí repasaremos todo el proceso de forma que lo entienda también alguien que, en diseño y programación, no ha pasado de “ya te recordaré la contraseña más tarde”.
1. ¿Hace falta un diseño a medida? (¡fase recomendable!)
La primera pregunta siempre es la misma: ¿el sitio necesita su propio diseño o se puede usar una plantilla?
Si quiere un sitio web único, orientado al usuario y visualmente ordenado, entonces sí: el diseño es necesario. Si el objetivo es hacerlo rápido y de la forma más económica posible, se puede prescindir de un diseño a medida.
Si elige un diseño a medida
Entonces todo empieza con el concepto de diseño: hablamos de qué ambiente desea, qué encaja con la marca y qué colores y tipografías son los adecuados. No es solo una cuestión estética: determina la percepción del usuario y la coherencia del diseño.
A continuación se crea un moodboard, que es básicamente un tablero visual de inspiración para que hablemos el mismo idioma y quede claro hacia dónde vamos (un collage de distintas imágenes).
Después creamos el diseño de la página de inicio (normalmente unas 24h), porque ahí se definen los estilos básicos.
Cada vista siguiente, por ejemplo, un formulario de contacto, una página de categoría o un aviso de “gracias por su envío”, requiere de media 2–4 horas.
El diseño de un proyecto estándar suele situarse entre 60–80h, y para el comercio electrónico se añaden unas 40h más.
2. Prototipado y prototipo interactivo en Figma (¡fase recomendable!)
Esta sección a menudo no se menciona, pero en realidad es muy importante. Cuando las vistas de diseño están listas, las conectamos en un prototipo interactivo en Figma.
¿Qué es un prototipo en Figma?
En pocas palabras, es una maqueta clicable en la que se puede navegar igual que en un sitio web real: pulsar botones, abrir menús, pasar de una sección a otra.
Todavía no es código, sino un entorno visual de prueba.
¿Por qué es tan importante?
Porque a menudo uno ve la página de forma distinta a como la había imaginado. En el prototipo se ve enseguida:
si el menú es comprensible;
si el botón está donde debería;
si el flujo de la página es lógico;
si hay pasos innecesarios que solo confunden al usuario.
Normalmente, el desarrollo del prototipo lleva unas 16h.
3. Pruebas con usuarios reales (¡fase recomendable!)
Cuando el prototipo está listo, se entrega para que lo prueben personas reales. No diseñadores ni programadores, sino quienes usarán el sitio: clientes, compañeros e incluso familiares, si forman parte del público objetivo.
Las pruebas son muy prácticas: a la persona se le dan varias tareas (por ejemplo, “encuentre el producto X” o “envíe una solicitud”) y observamos:
dónde se confunde;
dónde se atasca;
dónde pulsa un botón que ni siquiera debería ser relevante;
qué recorrido es intuitivo y cuál no.
Esta fase suele llevar unas 25 horas, porque las pruebas deben ser de calidad y hay que recoger datos de varias personas.
4. Correcciones y nuevas pruebas (¡fase recomendable!)
No es que tras la primera prueba todo vaya a quedar perfecto. Normalmente hay que corregir una serie de cosas, a menudo detalles pequeños pero importantes.
Entonces se realizan:
correcciones de diseño,
ajustes del prototipo,
y nuevas pruebas.
Esta fase suele llevar de 2 a 15 horas (si solo hay pequeñas correcciones, no es necesario volver a probar).
Una vez superado todo esto, el diseño se entrega a los programadores.
5. Programación y trabajo técnico
Esta es la fase en la que el diseño se convierte en un sitio web real.
Es importante entender que las horas de programación suelen equivaler al volumen de horas de diseño, porque cada vista debe construirse de forma idéntica a lo que se ve en Figma.
además, siempre hay que contar con:
configuración del menú y del pie de página: ~1h
colores, botones, estilos generales: ~1h
instalación/configuración de plugins: hasta 0.5h por plugin
adaptación responsive a móviles y tabletas: 10-15% del tiempo total
pruebas: 10–15% del tiempo total
gestión del proyecto: hasta el 20% del volumen del proyecto
6. API y conexiones con sistemas externos
La API (en palabras sencillas, un “puente entre sistemas”) es un tema aparte.
Puede tratarse de un almacén, un CRM, sistemas de pago, etc.
La complejidad puede ser tanto mínima como considerable:
API unidireccional (solo enviamos datos): un par de horas;
API bidireccional (enviamos y recibimos datos): hasta 100h, si hay muchos parámetros, tipos de datos y escenarios.
Esto no siempre es necesario y a menudo existen soluciones ya desarrolladas y adaptadas, por ejemplo, en forma de plugins, que llevarán poco tiempo.
7. Adaptación móvil y calidad final
Cuando el sitio funciona en el ordenador, hay que asegurarse de que se vea perfecto en el móvil, que hoy en día es la principal fuente de tráfico.
Después hay que volver a probarlo todo hasta que no quede ni un píxel torcido.
Resumen “para personas normales”
El precio de un sitio no es un “misterioso 1500€ o 14000€”.
Es:
diseño,
prototipado,
pruebas con usuarios,
correcciones,
programación,
funcionalidad,
API,
adaptación responsive,
pruebas,
y gestión del proyecto.
Cuanto más complejo es el proyecto, más trabajo. Cuanto más trabajo, mayor es el precio.
En los proyectos más sencillos este prototipado y estas pruebas no son necesarios, pero son obligatorios en los proyectos de desarrollo de sistemas más complejos, para que usted no tire el dinero en programación y los errores se “detecten” ya al principio del proyecto. Lo mismo ocurre con el diseño: sí, es estupendo tenerlo, porque facilita el trabajo de los programadores (en Figma pueden ver el nombre de cada fuente, su tamaño, el grosor de las líneas y el código de color), pero supone un coste adicional para el cliente.
El importe total depende de qué fases necesite el proyecto y de la envergadura de cada una. Las mayores diferencias suelen deberse a un diseño a medida, al número de páginas y funciones (por ejemplo, una tienda online, reservas o la conexión con otros sistemas) y a si el proyecto incluye prototipado y pruebas con usuarios.
Los paquetes actuales de CREATING.LV, sus precios de partida y la calculadora del presupuesto del proyecto se encuentran en la página de precios.
Información relacionada: Todos los precios actuales · Desarrollo de sitios web · Diseño web y UX/UI.
