# Plantilla de Wireframe — Landing Page

**Sistema TRANSFORMA — Módulo 2: Estructura y Diseño que Convierten**

Completa cada sección con el contenido de tu negocio. No te preocupes por el diseño final todavía — esto es el esqueleto.

---

## 1. Hero (above the fold)

> Debe responder en 3 segundos: ¿qué es?, ¿para quién es?, ¿qué hago ahora?

- **Título** (beneficio principal + para quién/dónde):
  `_______________________________________________`
- **Subtítulo** (2-3 razones rápidas o garantías):
  `_______________________________________________`
- **CTA** (una sola acción, ej. "Escríbenos por WhatsApp"):
  `_______________________________________________`
- **Imagen** (foto real de tu negocio, no stock genérico):
  `_______________________________________________`

### Prueba de los 3 segundos
Muestra solo esta sección a alguien que no conozca tu negocio durante 3 segundos.
- ¿Entendió qué ofreces? Sí / No
- ¿Entendió qué hacer ahora? Sí / No

Si alguna respuesta es "No", ajusta el título, subtítulo o CTA antes de continuar.

---

## 2. Propuesta de valor

3 razones específicas (no genéricas) por las que un cliente debería elegirte:

1. `_______________________________________________`
2. `_______________________________________________`
3. `_______________________________________________`

---

## 3. Prueba social

- Calificación de Google / reseñas: `_______________________________________________`
- Testimonio 1: `_______________________________________________`
- Testimonio 2: `_______________________________________________`
- Fotos de antes/después o trabajos terminados: `_______________________________________________`

---

## 4. Cómo funciona (3 pasos)

1. `_______________________________________________`
2. `_______________________________________________`
3. `_______________________________________________`

---

## 5. Oferta / Precio

- Precio o rango: `_______________________________________________`
- Condiciones (si aplica): `_______________________________________________`

---

## 6. Preguntas frecuentes

- P: `_______________________________________________`
  R: `_______________________________________________`
- P: `_______________________________________________`
  R: `_______________________________________________`
- P: `_______________________________________________`
  R: `_______________________________________________`

---

## 7. CTA final

Repite el mismo CTA del hero:
`_______________________________________________`

---

## 8. Footer (contacto)

- Dirección: `_______________________________________________`
- Teléfono / WhatsApp: `_______________________________________________`
- Horario: `_______________________________________________`

---

## Checklist mobile-first

- [ ] Una sola columna (sin contenido lado a lado)
- [ ] Botones grandes, fáciles de tocar con el pulgar
- [ ] Texto legible sin necesidad de hacer zoom
- [ ] Imágenes livianas (sin fotos de varios MB sin comprimir)
- [ ] El CTA principal abre WhatsApp directamente

---

## Bancos de plantillas gratuitas

- **Figma Community** — busca "landing page mobile", duplica el archivo a tu cuenta gratuita y reemplaza textos e imágenes con el contenido de esta plantilla.
- **Canva** — categoría "Sitios web", busca "landing page" y elige una con estructura vertical de una sola columna. Revisa la vista móvil antes de elegir.

---

*Sistema TRANSFORMA — De lo Invisible a lo Memorable*