⌘ Claude Code Landing pages
0 / 78

Construirla con Claude

Tenés la oferta escrita. Ahora el mismo loop del capítulo anterior: describí → preview → reaccioná → repetí.

El loop aplicado a la landing: describís, preview, reaccionás, repetís


El prompt base

Pegá tu oferta real adentro de este prompt:

Construí una landing page de una sola pantalla con esta oferta:
[PEGÁ TU TITULAR, PROMESA, 3 BENEFICIOS Y CTA]

Estructura: hero con el titular + el botón principal arriba de todo, la promesa, 3
beneficios, un testimonio, una sección que responda la objeción principal, un FAQ
corto, y el mismo botón de nuevo al final. Sin barra de navegación. Pensada para
celular primero. Usá la skill de diseño de front-end. Mostrame la preview en vivo.

⚠️ Exigí que el CTA aparezca arriba (sin scrollear) y al final. Es lo que más mueve la conversión.

Mockup de landing con el mismo botón arriba sin scrollear y al final


Variante: página de lista de espera

Si todavía no tenés el producto listo:

Construí una landing de lista de espera para [PRODUCTO]. Un titular que genere
expectativa, una línea de qué es, 3 razones para anotarse, y un formulario de email
con un botón "Quiero entrar". Limpia, con foco total en el formulario. Preview en
vivo.

Corré el loop

5 a 10 vueltas es normal:

  • “El gancho es débil, hacelo más concreto y con un número.”
  • “El botón no se ve arriba, subilo.”
  • “Demasiado texto en los beneficios, una línea cada uno.”