Cómo cotizo los proyectos web

Paquetes y precios

Cuatro maneras de construir un sitio, desde una tienda con CMS que gestionas tú misma hasta un desarrollo en código con animaciones por scroll y 3D. Esta página está para que sepas más o menos dónde cae tu proyecto antes de que hablemos de números.

No publico precios fijos, porque dos sitios con la misma cantidad de páginas pueden implicar cargas de trabajo muy distintas. Lo que sí puedo decirte es qué mueve la cifra.

Los cuatro niveles

No son cajas rígidas, ni están ordenados por precio. Describen cómo se construye cada sitio, que es lo que de verdad decide el tiempo. Las startups suelen empezar por el primero porque es la vía más rápida a una tienda funcionando. Las empresas más grandes, y quien tenga margen para invertir más, eligen los otros tres con la misma frecuencia, y ahí la decisión va de qué tiene que hacer el sitio y no de cuánto cuesta.

Nivel 01

Ecommerce con CMS

WordPress · Elementor · WooCommerce · Shopify

Donde empiezan casi todas las startups, y donde se quedan casi todas las tiendas.

WordPress con Elementor o Shopify, según si el sitio es un negocio con tienda al lado o una tienda ante todo. En cualquiera de los dos maqueto una plantilla contra tu marca en vez de adaptar un tema comprado. Es la ruta más rápida a una tienda terminada, y la razón de que cueste menos es honesta: la plataforma se encarga de la fontanería, así que mi tiempo se va en decisiones de diseño.

Ideal para

Startups y tiendas ya asentadas que quieren añadir páginas y productos por su cuenta, sin depender de desarrollo.

Qué obtienes
  • Maquetado a medida de tu marca, sin tema comprado
  • Editas páginas y productos tú misma desde el panel
  • WooCommerce o Shopify montados alrededor de tu catálogo
  • Métodos de pago que tus clientes usan de verdad, transferencia local incluida
  • Formularios de contacto conectados a tu correo
Nivel 02

Visual y movimiento primero

Framer

Para cuando el aspecto es el argumento.

Framer, para sitios cuyo trabajo es retener la atención y no gestionar un catálogo. Mejor tipografía, transiciones y movimiento por scroll del que permite un maquetador visual, y sigues editando el contenido tú después. Sobre el precio: este nivel puede quedar por encima de los niveles 3 y 4. Cuanto más movimiento y más secciones a medida quieras, más se acerca, y con frecuencia los supera. Los números de nivel describen cómo se construye el sitio, no lo que cuesta.

Ideal para

Marcas, lanzamientos y portafolios donde la estética es la que vende y no hay un catálogo grande detrás.

Qué obtienes
  • Maquetado guiado por diseño, con control tipográfico real
  • Movimiento por scroll y hover integrado en la página
  • Editable por ti, sin tocar código
  • Rápido de lanzar cuando la fecha aprieta
Nivel 03

Sitio en código

Astro · React · Tailwind · TypeScript

Escrito desde cero, para que nada le pelee al diseño.

Código escrito a mano, sin maquetador visual de por medio. Aquí es donde las métricas de rendimiento dejan de ser una ocurrencia tardía y pasan a ser algo que diseño a propósito. Cada componente se construye para tu contenido, en lugar de meter tu contenido a la fuerza en la plantilla de otro. Este portafolio está hecho así.

Ideal para

Sitios donde la velocidad, la visibilidad en buscadores y el mantenimiento a largo plazo le importan de verdad al negocio.

Qué obtienes
  • Componentes construidos para tu contenido
  • Rendimiento y Core Web Vitals en lo más alto
  • Datos estructurados y marcado semántico limpio
  • Sistema de blog o casos de estudio si publicas
  • Configuración multiidioma si necesitas más de uno
Nivel 04

Animado y 3D

GSAP · Three.js · Blender · Spline

El desarrollo completo, y el que más tiempo lleva.

Secuencias guiadas por scroll, secciones ancladas, transiciones que significan algo y 3D real corriendo en el navegador. Cada una de esas cosas hay que construirla, afinarla y después lograr que rinda en un teléfono de gama media, que es la parte que se lleva el tiempo. El precio refleja eso, y el resultado también: este es el nivel que la gente recuerda después de cerrar la pestaña.

Ideal para

Lanzamientos, portafolios y marcas que necesitan que hablen de ellas, no solo que las encuentren.

Qué obtienes
  • Líneas de tiempo de animación guiadas por scroll
  • Modelos y escenas 3D corriendo en vivo en el navegador
  • Movimiento afinado para que nunca te cueste rendimiento
  • Soporte de movimiento reducido por accesibilidad
  • Todo lo del nivel en código

En todos los proyectos

Esto no son añadidos que te vendo aparte. Caigas en el nivel que caigas, lo siguiente va incluido, porque un sitio sin esto es un sitio que no funciona.

Optimización SEO

Títulos, meta descripciones, encabezados, textos alternativos, sitemap y datos estructurados bien puestos desde el inicio, para que los buscadores lean el sitio como lo lee una persona.

Optimización de velocidad

Imágenes comprimidas y servidas en formatos modernos, fuentes y scripts cargados sin bloquear el primer pintado, y maquetados que no dan saltos mientras cargan.

Responsive en toda pantalla

Diseñado para el teléfono como maquetado propio, no encogido desde escritorio. Revisado a anchos reales, desde móviles Android pequeños hasta monitores grandes.

Integración de ecommerce

Si vendes, la tienda es parte del desarrollo: productos, categorías, checkout y los métodos de pago que tus clientes usan de verdad, incluida la transferencia local donde la tarjeta no es lo habitual.

Widget de atención al cliente

Un botón flotante anclado abajo a la izquierda en todas las páginas que abre un chat de WhatsApp contigo. La gente pregunta desde donde esté en vez de ir a buscar la página de contacto, que es donde se pierden la mayoría de las consultas.

Contacto y captación

Formularios que llegan a tu correo de forma fiable, con manejo de spam, para que una consulta no se pierda en silencio.

Accesibilidad básica

Contraste verificado contra los umbrales de WCAG, navegación por teclado que funciona y marcado semántico que un lector de pantalla puede seguir.

Dos rondas de revisión

Dos rondas gratis en todo proyecto, sea cual sea el nivel. Juntas tus observaciones, las repasamos en una sesión y las aplico de una sola vez.

Entrega

Te quedas con las cuentas, los archivos y un wireflow: un diagrama que muestra cómo se conecta cada página y cada acción. No un tutorial de cómo usar WordPress, Shopify o Framer, porque aprender la herramienta te toca a ti. Aquí no se secuestra nada.

Qué mueve el precio

Un sitio en WordPress es el punto de partida más accesible, pero es un punto de partida y no un techo. El mismo nivel puede aterrizar en cualquier lado según el alcance. Estas son las cosas que lo mueven, y prefiero que las sepas ahora a que te sorprendan en una cotización.

Cantidad de páginas

Un sitio de cinco páginas y uno de treinta no son el mismo trabajo, aunque sean la misma plataforma. Cada página lleva maquetado, contenido y pruebas.

Tamaño del catálogo

Diez productos es configuración. Mil productos es estructura de datos, filtrado, búsqueda y un sistema de categorías que siga teniendo sentido a esa escala.

Animaciones detalladas o complejas

Los efectos simples de hover y entrada son rápidos. Las secuencias por scroll, las secciones ancladas y el 3D hay que construirlos, afinarlos y después optimizarlos para que sigan yendo suaves.

Volumen de contenido

Si los textos, la fotografía y los datos de producto no están listos, producirlos o reestructurarlos es trabajo real y va en la estimación.

Funcionalidad a medida

Reservas, membresías, calculadoras, paneles o cualquier cosa conectada a un servicio externo se sale de un desarrollo estándar.

Rondas de revisión

Dos rondas incluidas. Cada ronda extra se cobra por dificultad, de 5 a 20 USD. No se hacen rediseños completos después de entregar.

No incluido: los extras

Esto queda fuera de un desarrollo estándar. Ninguno hace falta para que un sitio salga y funcione bien, y por eso son opcionales en lugar de ir metidos en el precio sin decírtelo. Si añades alguno, el plazo se mueve los días que se indican.

Animaciones simples

150 USD

Efectos visuales ligeros por el sitio: una sección que entra suave, un estado hover, un icono que rebota para llamar la atención. No incluye parallax ni scroll complejo.

Días extra: +5

Configuración SSL / HTTPS

100 USD

Instalación manual del certificado SSL para que el sitio vaya por HTTPS y el navegador muestre el candado cerrado junto a tu dominio.

Días extra: +4

Diseño de correos

250 USD

Diseño completo de hasta 8 correos, de promoción y automáticos, con tu logo, tu paleta y un formato que aguanta en el teléfono.

Días extra: +10

Protección contra robo

100 USD

Medidas contra el plagio del contenido, incluido el copiado por IA: clic derecho y selección de texto desactivados. No incluye el registro legal de derechos de autor.

Días extra: +3

5 correos de newsletter

170 USD

Cinco correos de promoción o boletín redactados y configurados, listos para enviar a tu lista.

Días extra: +7

reCAPTCHA

150 USD

reCAPTCHA de Google en tus formularios para que los bots no los llenen, con la casilla de “No soy un robot” antes de enviar.

Días extra: +3

Configuración manual de hosting

50 – 70 USD

Apuntar el dominio al hosting y hacer la configuración inicial del servidor, cuando se compran en proveedores distintos. No hace falta en WordPress con Elementor.

Días extra: +5

5 correos de autorespuesta

180 USD

Cinco correos que se disparan automáticamente ante una acción del usuario: un suscriptor nuevo, un formulario completado, un carrito abandonado.

Días extra: +8

Extra Qué cubre Costo Días extra
Animaciones simples Efectos visuales ligeros por el sitio: una sección que entra suave, un estado hover, un icono que rebota para llamar la atención. No incluye parallax ni scroll complejo. 150 USD +5
Configuración SSL / HTTPS Instalación manual del certificado SSL para que el sitio vaya por HTTPS y el navegador muestre el candado cerrado junto a tu dominio. 100 USD +4
Diseño de correos Diseño completo de hasta 8 correos, de promoción y automáticos, con tu logo, tu paleta y un formato que aguanta en el teléfono. 250 USD +10
Protección contra robo Medidas contra el plagio del contenido, incluido el copiado por IA: clic derecho y selección de texto desactivados. No incluye el registro legal de derechos de autor. 100 USD +3
5 correos de newsletter Cinco correos de promoción o boletín redactados y configurados, listos para enviar a tu lista. 170 USD +7
reCAPTCHA reCAPTCHA de Google en tus formularios para que los bots no los llenen, con la casilla de “No soy un robot” antes de enviar. 150 USD +3
Configuración manual de hosting Apuntar el dominio al hosting y hacer la configuración inicial del servidor, cuando se compran en proveedores distintos. No hace falta en WordPress con Elementor. 50 – 70 USD +5
5 correos de autorespuesta Cinco correos que se disparan automáticamente ante una acción del usuario: un suscriptor nuevo, un formulario completado, un carrito abandonado. 180 USD +8

Los precios están en dólares y cubren el trabajo descrito. Si quieres varios, dímelo al inicio y los meto en un mismo plazo en vez de irlos añadiendo después.

Qué necesito de ti

Todos los proyectos que se me han alargado fue por el mismo motivo: empezaron antes de tener esto listo. No tienes que armar el brief por tu cuenta ni adivinar qué mandarme: te paso un documento breve con las preguntas ya hechas, sobre para qué es el sitio, las referencias, los colores y lo demás, y tú lo llenas. Lo que viene abajo es justo lo que ese documento pregunta, para que sepas qué esperar. Nada de esto es difícil, pero cuanto más traigas el primer día, más rápido y más barato sale el desarrollo.

  1. 01

    Para qué es el sitio

    Unas frases sobre el negocio: qué vendes, qué quieres lograr con esta web, a quién le hablas, quiénes son tus competidores y qué te diferencia de ellos.

  2. 02

    El estilo que quieres

    Sé específica con el estilo. Solo fotografía, ilustración 2D, 3D, video, animaciones o nada de eso. Manda entre dos y cinco sitios de referencia, así hablamos de lo mismo y no de adjetivos.

  3. 03

    Colores principales

    Dos o tres es el número útil. Más que eso y la paleta deja de ser una paleta. Si tienes manual de marca, con eso está resuelto.

  4. 04

    Tu logo

    En vectorial si lo tienes. Si aún no tienes, puedo diseñarlo como extra, y conviene resolverlo antes del sitio y no después.

  5. 05

    Textos y contenido

    Textos, datos de producto e imágenes, en un documento o una hoja de cálculo. Si los textos no están listos maqueto con texto de relleno, pero el diseño siempre queda mejor contra palabras reales.

  6. 06

    Acceso a hosting y dominio

    Hace falta para publicar. Si prefieres, me lo pasas por chat en vez de por correo, y te digo exactamente qué credenciales se necesitan y cuáles no.

  7. 07

    Preferencias de plugins

    En desarrollos con WordPress, dime si ya dependes de plugins concretos. Si no tienes preferencia, instalo el conjunto que considero necesario para seguridad, rendimiento y SEO.

Antes de empezar necesitas tener
  • Tu hosting y dominio comprados, o el presupuesto reservado para ellos
  • Esta página leída, para que el alcance que acordemos sea el que esperas

No diseño desde cero sin especificaciones. Sin dirección el resultado es una adivinanza, y las adivinanzas se pagan en revisiones. Todo proyecto incluye dos rondas de revisión gratis, y lo que pidas fuera de esas dos sesiones cuenta como una ronda adicional, así que conviene llenar bien el brief desde el principio.

¿Quieres una cifra para tu proyecto?

No doy cotizaciones generales, porque casi siempre se equivocan en una dirección o en la otra. Cuéntame qué vas a construir, cuántas páginas y productos, y si quieres movimiento dentro. Te devuelvo una cifra real y un plazo real.

Pedir cotización
Ver mi trabajo