Saltar al contenido
RESUELTO AcademyMasterclass de Creatividad Publicitaria IA
← Toda la bóveda

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í.

Advertencia honesta: «sin agencia» no es «sin trabajo». Es una tarde de brief bien pensado + sesiones de construcción dirigida. Lo que te ahorras es la plata y los ciclos de ida y vuelta; el criterio lo sigues poniendo tú.

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. 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. 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. 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.