Cómo hacer una landing con IA (sin saber programar)
Una landing tiene un solo trabajo y cuatro secciones: hero (titular de beneficio + botón), tres beneficios como resultados, una sección de prueba y un CTA final que repite el botón. Le pasás tu brief a Claude con esa estructura y la construye entera, sin menú y mobile primero.
Antes conviene leer: Cómo hacer tu primera página web con IA (sin saber programar)
Una landing no es una página “linda”: es una página con un solo trabajo. Todo lo que tiene empuja hacia una acción; todo lo que no empuja, sobra. Tiene cuatro secciones, y con un brief y un prompt Claude te la construye entera.
La anatomía (cuatro secciones)
- Hero — lo primero que se ve: un titular que dice el beneficio (no el nombre del servicio), una línea de apoyo y el botón con la acción. Si alguien solo ve el hero, ya entendió todo.
- Beneficios — tres, no diez. Resultados, no características: “recuperá los turnos que se te escapan” le gana a “sistema de gestión de turnos”.
- Prueba — algo que haga creíble la promesa: testimonios si tenés, tu experiencia, números, o un “cómo funciona” en tres pasos. Sin prueba, el titular es solo una frase.
- CTA final — el mismo botón del hero, repetido al fondo. El que llegó hasta abajo está interesado: no lo hagas scrollear de vuelta.
Construila
Primero, un brief.md cortito: para quién es, qué ofrecés y la acción que querés. Con eso y tu proyecto abiertos, pegale esto:
Leé el brief.md y construí la landing completa en un index.html autocontenido.
Estructura, en este orden:
1. Hero: titular de beneficio, una línea de apoyo, y el botón con la acción del brief.
2. Tres beneficios como resultados concretos (no características).
3. Una sección de prueba: [TESTIMONIOS / TU EXPERIENCIA / CÓMO FUNCIONA EN 3 PASOS].
4. CTA final repitiendo el botón.
Reglas: sin menú de navegación, un solo color de acento, mobile primero.
El botón por ahora puede llevar a [TU WHATSAPP / TU MAIL / #].
Cuando esté, decime cómo verla.Aprobá los cambios, abrí el index.html y mirala entera, de arriba a abajo, como si fueras la persona del brief.
Ahora, el loop
Tres pasadas, una pregunta cada una:
- ¿El titular dice el beneficio? Si dice el nombre del servicio o algo genérico, pedí 3 titulares alternativos y elegí.
- ¿Los beneficios son resultados? Donde haya una característica, pedí que la traduzca a resultado.
- ¿El botón se ve sin scrollear y se entiende qué pasa al tocarlo? “Enviar” no; “Reservá tu llamada de 15 min” sí.