Lo que cinco personas tardan tres semanas en entregar, tú lo haces en una tarde. Sin programar y sin abrir la terminal ni una vez.
Una web corporativa decente cuesta entre 3.000 y 12.000 €. No por el código, por las tres semanas de reuniones. Ayer hice una desde el sofá y te cuento el proceso entero, paso por paso.
Te cuento el proceso entero, paso por paso.
Aviso antes de empezar, porque hay mucho humo con esto.
Esto no va de "engaña a la gente y cóbrale 5.000 €".
Va de que el trabajo real de una web (decidir qué dice, para quién y cómo se ve) sigue siendo trabajo. Lo que ha desaparecido es la parte lenta: maquetar, repetir, esperar al desarrollador, esperar al diseñador, esperar a que alguien conteste un correo.
Si haces bien la parte que importa, el resultado aguanta la comparación. Y si aguanta, se cobra.
La pregunta que todo el mundo se hace es: ¿dónde se hace esto?
Mucha gente cree que necesitas la terminal, esa pantalla negra que da respeto. No.
La app de escritorio de Claude tiene tres pestañas arriba:
→ Chat, la conversación de siempre → Cowork, tareas con tus archivos → Code, construye proyectos reales
La pestaña Code es el mismo agente de Claude Code, pero con interfaz. Tú escribes en español y él crea las carpetas, los archivos y lo arranca todo.
Descárgala en claude.com/download y entra con tu cuenta.
Aviso: hace falta plan de pago. Con el gratuito te quedas sin margen a la media hora.
PASO 0: UNA CARPETA VACÍA
Antes de pedir nada, un consejo que me habría ahorrado dos webs feas.
Crea una carpeta nueva y vacía en tu ordenador. Solo para esta web.
Suena tonto, pero es lo que evita el desastre típico: archivos sueltos por el escritorio, Claude tocando cosas que no debe y tú sin saber qué es qué.
Una carpeta, un proyecto. En Claude eliges esa carpeta y ya no se sale de ahí.
PASO 1: EL ARCHIVO DE MARCA
Este es el paso que casi nadie da. Y el que marca toda la diferencia.
Escribe un documento de una página con las decisiones que tomas tú y Claude no debería inventarse.
Seis líneas:
→ Quién entra: "fotógrafo de bodas, presupuesto 2.000 €"
→ Qué siente al entrar: "cara, tranquila, poco ruido"
→ La única acción: "reservar una llamada"
→ Tipografías: dos, máximo
→ Colores: tres. Fondo, texto, un acento
→ Prohibido: lo que no quieres ver ni de broma
Sin este archivo, Claude rellena los huecos por su cuenta. Y su relleno por defecto es el de una plantilla de 200 €.
Copia esta plantilla y rellena la información :)
1MARCA: [nombre]2CLIENTE IDEAL: [quién es, qué busca, qué presupuesto maneja]3SENSACIÓN: [3 adjetivos, ninguno vago]4ACCIÓN ÚNICA: [una sola cosa que debe hacer]5TIPOGRAFÍAS: [una para titulares, una para texto]6COLORES: [fondo / texto / acento, con código hex]7PROHIBIDO: degradados, iconos con emojis, fotos de banco8de imágenes, todo centrado, "soluciones innovadoras"
Guárdalo como marca.txt dentro de la carpeta del proyecto.
Y en Claude, escribe esto:
1Lee marca.txt antes de tomar cualquier decisión de diseño.2Si algo no está ahí, pregúntamelo.
Esa última frase cambia bastante las cosas. Pasa de inventar a consultarte.
PASO 2: DARLE UNA VARA DE MEDIR
Los adjetivos no funcionan. "Elegante" no significa nada para un modelo. Las imágenes sí.
Lo que hago yo:
→ Entro en Land-book, Godly o Minimal Gallery. Las tres son gratis y están llenas de webs publicadas de verdad
→ Elijo 3. No diez. Con diez mezcla todo y sale un batiburrillo
→ De cada una capturo la portada y una sección interior. Seis capturas
→ Las arrastro a la carpeta del proyecto
Evita Dribbble para esto. Son conceptos que no existen, y Claude intenta reproducir cosas imposibles.
Y le digo esto tal cual ↓
1Usa estas capturas como referencia de nivel: fíjate en los2tamaños de letra, en el espacio entre secciones y en el ritmo3de la página. NO copies las estructuras ni los textos.
Sin ese "no copies", te clona la primera referencia y acabas con un plagio con otro logo encima. Lo he visto pasar.
PASO 3: EL ENCARGO
Un solo mensaje. Cuatro bloques. Nada de ir soltando ideas de tres en tres, que es como se rompe todo.
1. Qué es: "Web de una sola página para [X], con estas secciones: [listado]."
2. Los textos: Escríbelos tú. En serio. Es lo único que Claude no puede sacarse de la manga, porque no conoce tu negocio ni a tus clientes.
3. Cómo construirla: "Usa Astro y Tailwind. Web estática, sin gestor de contenidos." No necesitas saber qué es. Es la combinación que carga rápido, no se rompe y no te obliga a pagar nada al mes.
4. Los límites: "Respeta marca.txt. Máximo dos tipografías y tres colores."
Envías y esperas unos minutos.
Lo que aparece estará a un 70%. Es lo normal y es importante que lo sepas antes, porque aquí es donde la mayoría se frustra y lo deja.
Nadie publica la primera versión. Ni tú, ni yo, ni la agencia que cobra 8.000 €. La diferencia es que ellos tardan dos semanas en enseñarte ese 70% y tú lo tienes en pantalla en seis minutos.
PASO 4: EL PULIDO
Aquí está el valor real, y es donde se decide si parece de 500 € o de 5.000 €.
El error de todo el mundo es escribir "mejóralo un poco, que se vea más profesional". Eso no significa nada y el resultado empeora.
Se arregla por capas. Un mensaje para cada una:
→ Capa 1, texto: "Revisa todos los tamaños de letra. Deja una escala coherente. No toques nada más."
→ Capa 2, aire: "Sección por sección: dobla el espacio en blanco donde se vea apretado. No toques nada más."
→ Capa 3, movimiento: "Que los elementos aparezcan suavemente al bajar. 250ms. Nada que rebote."
Ese "no toques nada más" es lo importante. Si le pides las tres a la vez, arregla una bien y rompe dos.
¿Y si hay algo concreto que no te gusta y no sabes explicarlo? Haz una captura de la pantalla, arrástrala y descríbelo en cristiano:
"Este bloque se ve apretado contra el de arriba." "Este botón no se distingue del fondo." "Este titular ocupa demasiado en móvil."
No necesitas vocabulario de diseñador. Necesitas señalar. Es exactamente lo que hace un cliente con su agencia, solo que aquí la respuesta llega en treinta segundos en vez de en cuatro días.
Las tres comprobaciones finales ↓
Se las saltan hasta las agencias:
→ Móvil: "Enséñame todas las páginas a 375px de ancho y arregla lo que se rompa." Ahí entra la mayoría de tu gente.
→ Cinco segundos: enseña la portada a alguien cinco segundos y tápala. Si no sabe decirte a qué te dedicas, el titular no sirve.
→ El botón: ¿se ve sin bajar? ¿se repite abajo del todo? Si no, has hecho un folleto, no una web.
PASO 5: PUBLICARLA
Quince minutos y cero euros al mes.
La forma más simple, sin cuentas raras ni servidores:
→ Le pides a Claude que prepare la carpeta final del proyecto → Entras en Netlify o Vercel y arrastras esa carpeta a la pantalla → Te dan una dirección al momento → Compras un dominio (entre 8 y 12 € al año) y lo conectas desde el panel
Ya está online. Sin cuota mensual, sin mantenimiento, sin la factura de 120 € al mes por "hosting gestionado".
QUÉ COBRAS
Ahora la parte que nadie cuenta.
Si haces esto para otros, no vendas "una web". Vende el paquete completo:
Una llamada de 45 minutos para sacar el archivo de marca, los textos escritos, no rellenados con palabrería, la web publicada con su dominio, dos rondas de cambios y un vídeo de 10 minutos explicándole cómo actualizarla
Eso es un encargo de entre 800 y 2.500 € según el cliente, entregado en días en vez de en semanas.
No cobras por las horas. Cobras porque el cliente pasa de no tener nada a tener algo que le trae trabajo.
Tres errores que veo repetir siempre
→ Pedir cinco cambios en un mensaje. Sale mal. Uno por mensaje.
→ Dejar que Claude escriba los textos. Salen correctos y vacíos. Los textos son tu trabajo.
→ Buscar la perfección antes de publicar. La web publicada con tres defectos vale infinitamente más que la perfecta que sigue en tu carpeta.
Entonces, ¿qué es lo que realmente cambia aquí?
La agencia vendía tres semanas de proceso. El proceso siempre fueron cuatro decisiones bien tomadas:
→ para quién → qué debe hacer → cómo debe verse → qué está prohibido
Lo demás era espera. Y la espera ya no se cobra.
Tu primera web te llevará cinco horas y parecerá de 500 €. La tercera te llevará dos y parecerá de 3.000. La quinta ya la haces medio dormido.
Es curva de aprendizaje normal, no magia. Empieza por la tuya. Es el mejor sitio para equivocarte, porque el cliente eres tú.
Guárdatelo y dedícale unas horas.
Te aseguro que no te arrepentirás :)
