UX / UI
Hero sin carrusel
Un mensaje. Una acción.
Un carrusel en el home promete mostrar cinco mensajes y casi siempre muestra uno. Un hero fijo, con una frase clara y un botón, comunica más.
2 demos interactivas
Guía gratis por DM
UX / UI
01
Cinco mensajes, uno visto
El carrusel en el home suele nacer de una reunión: cada área quiere su espacio arriba, y la solución es ponerlos a todos a rotar. El problema es que la mayoría de la gente solo ve el primer slide.
Además se mueven solos. Justo cuando alguien empieza a leer, el texto cambia. Y como cada slide trae su botón, el usuario no sabe cuál es la acción importante.
Un hero fijo obliga a decidir: qué haces, para quién y qué quieres que la persona haga. Lo demás no desaparece, baja como secciones.
La regla de oro
Arriba va un solo mensaje y una sola acción. Todo lo demás, abajo.
02
Convierte el carrusel en un hero
Mira el carrusel cambiar solo y después toca cada paso: un mensaje, una acción, el resto abajo y la imagen.
Antes
03
Así no / así sí
Comparación: un carrusel que cambia de mensaje antes de que termines de leer, frente a un hero fijo con un solo mensaje, un botón y el resto del contenido en secciones abajo.
Cambia antes de que termines.
Cinco mensajes rotando y tres botones por slide. Ninguno se alcanza a leer completo.
Se lee completo.
Una frase que dice qué haces y para quién, un botón con verbo claro y el resto en secciones abajo.
04
Cómo armar tu hero hoy
1
Un mensaje
Escribe en una frase qué haces y para quién. Ej.: «Café de especialidad colombiano, tostado cada semana».
2
Una acción
Un solo botón principal con un verbo concreto: «Ver cafés», «Agendar cita», «Cotizar». Si necesitas otro, que sea secundario.
3
El resto abajo
Lo que estaba en los otros slides (envíos, promociones, la app) baja como secciones. Se lee con scroll, al ritmo de cada uno.
4
La imagen acompaña
Si el texto va sobre una foto cargada, sepáralos: la foto a un lado o un degradado que deje el texto sobre fondo limpio.
05
Antes de publicar
- ¿Arriba se entiende qué haces sin hacer scroll?
- ¿Hay un solo botón principal?
- ¿Nada se mueve solo en la primera pantalla?
- ¿El texto se lee bien sobre la imagen?
- ¿Los mensajes secundarios tienen su sección más abajo?
COMENTA
“HERO”
y te envío
la guía
por DM
La guía de hero sin carrusel en PDF: seis páginas con ejemplos, reglas y la lista para revisar antes de publicar. Comenta la palabra en el reel de Instagram y te llega por mensaje directo.
Preguntas
frecuentes
¿Es malo usar un carrusel en la página de inicio?
En la mayoría de los casos, sí. La gente rara vez pasa del primer slide, el movimiento automático interrumpe la lectura y los mensajes compiten entre sí. Un hero fijo con un solo mensaje funciona mejor.
¿Qué debe tener el hero de una página web?
Un titular que diga qué haces y para quién, una línea de apoyo y un botón principal con un verbo claro. La imagen acompaña, pero no debe complicar la lectura del texto.
¿Qué hago con los mensajes que estaban en el carrusel?
No los borres: conviértelos en secciones debajo del hero. Así cada mensaje tiene su espacio y la persona los lee cuando hace scroll.
Sigue aprendiendo
Conceptos
relacionados
Jerarquía de botones
——→ UX / UI
Jerarquía de botones
3 demos
Cómo diferenciar el botón principal del secundario y nombrar bien cada acción.
Jerarquía visual
Reel · 3 demos
Tres niveles y una escala: así decides qué se ve primero.
Principio KISS
2 demos
Hazlo corto y simple: quita hasta que no sobre nada y el mensaje se lea en 3 segundos.