← Brainstorming

Diseño Detallado: Approach B — Mobile Layout

Compact Hero + Headline Integrado · Todo en 1 viewport

Before / After — Above the Fold

❌ Antes — Viewport 1 actual
MOTIVANDO                ≡
Plantillas / Contabilidad
★ MÁS VENDIDO
PLANTILLA · CONTABILIDAD PARA EXCEL Y GOOGLE SHEETS
Deja de revisar Excel a las 11pm
La plantilla de contabilidad todo-en-uno que llevan 17,000+ emprendedores LATAM para tener claridad financiera sin contratar contador.
⭐⭐⭐⭐⭐ 4.7 (181 reseñas)
🔥 Más de 17,000 ventas
US$ 39.00 US$ 59.00
Compatible: Excel · GSheets
Tipo de licencia
Personal US$39
Comercial US$119
0 imágenes visibles
Galería a 8,500px ↓
✅ Después — Viewport 1 (Approach B)
MOTIVANDO                ≡
Plantillas / Contabilidad
★ MÁS VENDIDO
📊
Featured image 16:9
Plantilla · Contabilidad
Deja de revisar Excel a las 11pm
17,000+ emprendedores LATAM ya la usan
⭐⭐⭐⭐⭐ 4.7 (181) · 🔥 17k
US$ 39.00 US$ 59.00 -34%
🛒 Comprar y descargar · US$ 39.00
✓ Imagen + headline + precio + CTA
Todo en viewport 1

Orden de Secciones — Mobile Scroll Completo

1
Hero image 16:9 — featured image swipeable con badge + dots
NUEVO
2
Eyebrow — "Plantilla · Contabilidad"
IGUAL
3
H1 Pain-killer — "Deja de revisar Excel a las 11pm"
IGUAL
4
Subheadline compacto — 1 línea con social proof inline
EDIT
5
Rating + Social Proof + Viewers
IGUAL
6
Precio + descuento
IGUAL
7
License picker + Email + CTA + PayPal
IGUAL
— below CTA (scroll para explorar) —
8
Galería completa — carousel con todas las imágenes
SUBE ↑
9
Qué hace esta plantilla
IGUAL
10
Qué incluye
IGUAL
11
Cómo funciona → Para quién → FAQ → Reviews → Relacionados
IGUAL

Cambios Técnicos

ArchivoCambioImpacto
plantillas/[slug]/page.tsx Extraer featured image como hero mobile-only antes del grid. Reordenar galería a justo después del CTA en mobile. Medio
ProductGallery.tsx Separar hero (1 imagen 16:9, mobile-only) de gallery track. Nuevo componente ProductHeroImage. Medio
cursos/[slug]/page.tsx Aplicar mismo patrón (ya tiene imagen arriba, verificar consistencia). Bajo
CSS/Tailwind order Desktop sin cambios. Mobile: hero antes del grid, galería después del CTA. Bajo
DB: sales_headline Diversificar 3-4 headlines "Deja de..." a fórmulas alternativas. Bajo