Cómo crear una web para un cliente con Lovable y Claude

Te dejo el vídeo arriba, pero aquí lo tienes por escrito y con los enlaces.

Va de una idea muy sencilla: montar una web profesional para un cliente en cuestión de minutos, sin picar código. El truco está en encadenar dos herramientas. Primero Claude, para preparar el terreno. Luego Lovable, para construir la página.

Y sí, el resultado sale bonito de verdad, que es donde casi todo el mundo se atasca.

¿Qué es Lovable y por qué sirve para montar webs?

Lovable es una herramienta para crear páginas web con un nivel de programación bajísimo, por no decir nulo. Si quieres tocar código, te deja. Pero para cualquier persona que quiera una web profesional sin saber programar, y sobre todo que quede muy bonita, esta es la opción.

Ese "que quede bonita" no es un detalle menor. Se puede montar una web con Claude directamente, pero para eso hace falta tener algo de nociones de programación. Lovable te quita ese requisito de encima: le describes lo que quieres y te devuelve una web con buen diseño desde el primer minuto.

El truco: primero Claude, luego Lovable

La parte lista del proceso es que no empiezas escribiendo tú el encargo a mano. Lo prepara Claude por ti.

Imagina un cliente que ya tenía una web y se le ha quedado vieja, o directamente fea. En vez de pedirle mil datos, coges la URL de su página actual y se la pasas a Claude con una instrucción tan simple como "saca toda la información de esta página web".

Claude te devuelve toda la información: secciones, productos, tiendas, lo que hubiera. Esta es la versión rápida para tener el contenido del cliente cuando el cliente no te ha pasado nada.

Y ahora el segundo paso, que es el que lo cambia todo. Le dices a Claude: "dámelo en formato prompt para pasárselo a Lovable y crear una web". Te genera un prompt listo para copiar y pegar: crear una web moderna y responsive, la estructura de páginas (home, nosotros, productos con sus fichas, listado de tiendas, etc.), todo ordenado.

Cuanto más masticado le llega el encargo a la herramienta, mejor web te diseña. Como todo en esta vida.

Cómo queda la web

Te registras en Lovable (te pide entrar con Google, le das y ya), pegas el prompt que te ha preparado Claude y, sin hacer nada más, te suelta la página web montada.

Y no es una web sosa. Genera imágenes con IA para los productos, arma las secciones (historia, productos, tiendas), y si en el listado de tiendas pulsas "cómo llegar", te manda directo a la ubicación en Google Maps. Está bien hecho.

A partir de ahí, cada mensaje nuevo afina la página. Si tienes un listado de productos con sus fotos, se lo pasas y lo añade. Si le das el producto sin foto, te genera la imagen con IA. Y cuando está lista, tiene un botón de publicar: o te la deja con un dominio suyo, o te deja conectar un dominio que ya tengas comprado.

¿Cuánto se tarda en montar la web?

Minutos. Uno o dos, y ya tienes la página web desarrollada.

Ese es el titular real del vídeo. Lo que antes era un proyecto de días, ahora es el tiempo que tarda la herramienta en cargar. El grueso de tu trabajo pasa a ser afinar el diseño y el contenido, no levantar la web desde cero.

¿Se puede ganar dinero montando webs así?

Sí, y esa es la otra mitad del asunto.

Si eres freelance, autónomo o llevas una agencia, esto es un servicio más que puedes ofrecer. Y como se monta en minutos, los números salen. Una agencia que hoy solo gestiona redes sociales por, pongamos, 500 € al mes, puede añadir 100 o 150 € más por desarrollar y mantener la web del cliente.

Las actualizaciones se hacen desde el mismo chat, así que el mantenimiento es rapidísimo: una panadería quizá te quita un producto y añade dos una vez al mes, y aun así ese plus mensual sale rentable.

Para hacerte una idea del cambio: hace tres o cuatro años, antes de que la IA estuviera tan a mano, una web se cobraba sobre 1.000 € más unos 50 € de mantenimiento. Ahora un planteamiento razonable sería cobrar 200 o 300 € el primer mes por el diseño completo, y luego un mantenimiento de 50 a 100 € mensuales que incluya un par de actualizaciones de producto.

Y no solo webs de cliente. Vale igual para un portfolio, un currículum, una página para vender tus servicios o para presentar quién eres y qué empresas tienes detrás. Si quieres ver el proceso paso a paso con una sola herramienta, tienes el tutorial de tu primera web con Lovable, y si prefieres el camino con más control, cómo crear tu web entera con Claude Code.

Las herramientas del vídeo

• Lovable: la herramienta que construye la web a partir del prompt. Poco o nada de código y diseño bonito de serie.
• Claude: lo usamos antes de Lovable, para extraer la información de la web del cliente y convertirla en el prompt que le pasas a Lovable.

Algunos enlaces son de afiliado: si compras, me llevo una comisión sin que a ti te cueste más.

Si quieres el mapa completo de qué se puede montar hoy sin escribir una línea de código, échale un ojo a la guía de crear apps sin programar.

Y si lo que te apetece es dejar de depender de plantillas y montar tu propia web de arriba abajo, en Crea tu web con Claude Code te llevo del folder vacío a la página publicada, con dominio y sin atascarte.