proyecto · intermedio
📖 Tu web sin agencia · Claude la diseña, la construye y la publica
Guía gratuita
El proyecto para tener una landing profesional sin pagar una: del brief conversado al sitio publicado, dirigido por ti.
Una landing de agencia se cobra en miles por una razón: estrategia + diseño + código. Claude puede ejecutar las tres si tú pones la dirección — este proyecto te da el orden.
Fase 1: conversa el brief (a quién le vendes, qué acción quieres, qué te hace distinto) y pide el blueprint por escrito. Fase 2: Claude Code construye sección por sección contra ese documento. Fase 3: publicar y medir.
Mi consejo de producción: aprueba el texto antes que el diseño, y el diseño antes que el código. Corregir palabras es gratis; corregir código construido, no.
01 · Por qué una landing cuesta miles (y qué cambió)
Una landing de agencia se cobra en miles por tres trabajos: la estrategia (qué decir y a quién), el diseño (cómo se ve) y el código (que funcione). Claude puede ejecutar los tres — lo que no puede poner es la dirección: saber qué vendes de verdad, a quién, y qué acción quieres provocar. Si pones eso, este proyecto te entrega una web publicada sin pagar una agencia. Lo digo con conocimiento de causa: mi propio sitio está construido exactamente así.
02 · Fase 1 · El brief conversado (el 80% del resultado)
Prompt · el brief de tu web (correr en modo Plan)
Vamos a construir mi landing. ANTES de diseñar o programar nada, entrevístame — una pregunta a la vez — hasta tener claro: 1. Qué vendo y cuál es LA acción que quiero que haga el visitante (una sola). 2. Quién llega a esta página y desde dónde (¿ads? ¿mi bio? ¿referidos?). 3. Por qué yo y no otro: mi diferencia real, con pruebas (casos, números, clientes). 4. Las objeciones típicas de mi cliente y cómo las respondo. 5. Identidad visual: colores, tipografía y 2 referencias de webs que me gustan (te describo qué me gusta de cada una). Con eso, entrégame el BLUEPRINT en un documento: la estructura sección por sección (hero, prueba, oferta, objeciones, CTA), con el mensaje de cada una escrito. Ese documento es el contrato — no se construye nada que no esté ahí.
El orden de aprobación importa y es innegociable: primero apruebas el TEXTO, luego el diseño, al final el código. Corregir palabras es gratis; corregir un diseño construido cuesta; corregir código publicado, más.
03 · Fase 2 · Construcción por secciones
- 1
Sección por sección, contra el blueprint
«Construye el hero según el blueprint» → revisas → siguiente. Nunca «hazme toda la web»: pierdes el control de calidad en la sección 2.
- 2
Auditoría de diseño antes de publicar
Corre la skill de auditoría de Vercel (en esta bóveda) sobre el resultado: contraste, jerarquía, accesibilidad, móvil. Es tu control de calidad de agencia.
- 3
Publica en Vercel
Gratis para empezar, con dominio propio después. Claude te guía con el deploy — es un comando y quedas en línea.
04 · Fase 3 · Medir (o no existió)
- ·Un evento por la acción principal (clic al WhatsApp, envío del formulario). Sin eso, no sabes si la web trabaja.
- ·Revisa a las 2 semanas: ¿cuánta gente llegó, cuántos hicieron LA acción? Si nadie la hace, el problema casi siempre es el mensaje del hero — vuelve al blueprint, no al código.
- ·La web nunca está «terminada»: está publicada y aprendiendo. Cada corrección sale de un dato, no de un antojo.
«La agencia no te cobraba por el código. Te cobraba por decidir. Ahora decides tú — con un equipo que ejecuta al instante.»
Esta guía es gratis
El sistema completo — pensar como director creativo y producir campañas con IA que se cobran de verdad — está en la masterclass.
Lo que acabas de leer es una pieza del método. En la Masterclass de Creatividad Publicitaria IA está el proceso entero: las 4 etapas, la Biblia Publicitaria y el flujo de producción que uso con mis clientes.
Descargables
Esta pieza es la guía completa de arriba — no tiene archivos aparte.
