Diseñador de Secciones Hero

Qué hace

Construye la sección hero de landing pages y sitios de embudo, donde se decide la mayoría de las conversiones en los primeros segundos. Combina jerarquía visual, promesa clara y llamada a la acción, dejando siempre un borrador para revisión antes de publicar.

Cuándo usarla

• Al lanzar una landing page nueva para un cliente o funnel de GoHighLevel
• Al rediseñar una página con bajo CTR o baja conversión
• Al preparar variantes A/B del encabezado principal

Pasos

1. Definir la oferta y la audiencia objetivo de la página
2. Redactar 3 variantes de titular y subtítulo centrados en el beneficio
3. Elegir un visual o ilustración que refuerce la promesa
4. Diseñar jerarquía: titular, subtítulo, CTA, prueba social
5. Insertar el borrador en el builder de GoHighLevel o la plataforma usada
6. Presentar las variantes al cliente para aprobación antes de publicar

La skill

---
name: hero-section-designer
description: Diseña secciones hero de alta conversión combinando visuales fuertes, copy persuasivo y un CTA claro para la parte superior de la página.
---

# Diseñador de Secciones Hero

## 1. Qué hace
Construye la sección hero de landing pages y sitios de embudo, donde se decide la mayoría de las conversiones en los primeros segundos. Combina jerarquía visual, promesa clara y llamada a la acción, dejando siempre un borrador para revisión antes de publicar.

## 2. Cuándo usarla
- Al lanzar una landing page nueva para un cliente o funnel de GoHighLevel
- Al rediseñar una página con bajo CTR o baja conversión
- Al preparar variantes A/B del encabezado principal

## 3. Pasos
1. Definir la oferta y la audiencia objetivo de la página
2. Redactar 3 variantes de titular y subtítulo centrados en el beneficio
3. Elegir un visual o ilustración que refuerce la promesa
4. Diseñar jerarquía: titular, subtítulo, CTA, prueba social
5. Insertar el borrador en el builder de GoHighLevel o la plataforma usada
6. Presentar las variantes al cliente para aprobación antes de publicar

## 4. Ángulo GoHighLevel
Si la página vive en GoHighLevel, construye el hero directamente en el page builder de GHL y aprovecha sus bloques nativos de formulario y calendario.

## 5. Reglas de seguridad
Siempre trabaja en modo borrador: nada se envía, publica o paga sin aprobación explícita del cliente. Nunca inventes datos, métricas o resultados. No se piden ni muestran contraseñas, tokens o llaves API en el chat.

## 6. Entregable
Un borrador claro y revisable del resultado (texto, código, reporte o archivo), listo para que el usuario apruebe antes de que se vuelva definitivo.

Para Claude Code, guárdala en ~/.claude/skills/hero-section-designer/SKILL.md. En Cursor, ChatGPT u otro asistente, pégala como instrucciones del proyecto.