Qué hace una buena sección hero

Una buena sección hero tiene un solo trabajo

Una sección hero consigue que la persona correcta siga bajando. Alguien llega, te da unos segundos y decide si la página va de su problema. Todo lo que está arriba trabaja para esa decisión. Cuatro cosas la sostienen: qué es el producto, para quién es, qué cambia para esa persona y una acción clara. Los eslóganes, los sellos de premios y los fondos animados quitan sitio a esas cuatro.

Di qué es la cosa

Los titulares fallan cuando describen una sensación en vez de un producto. «Repiensa cómo construye tu equipo» puede ser un CRM, una herramienta de contratación o una app de yoga. «Gestión de proyectos para cuadrillas de obra, montada alrededor de las fotos de obra» le dice al lector en una línea si se queda. Usa la palabra de categoría que tu comprador usaría en una llamada. Si el titular necesita al subtítulo para tener sentido, el titular hace muy poco.

Nombra a la persona que quieres

Una línea que cualifica trabaja más de lo que la mayoría de diseñadores espera. «Para marcas de Shopify que facturan 50.000 dólares al mes o más» manda lejos a los visitantes equivocados y les dice a los correctos que están en el sitio adecuado. A los fundadores les preocupa que esto estreche el mercado. En la práctica, un público con nombre sube la calidad de las respuestas, porque quien reserva ya viene medio convencido. Pon la línea en el subtítulo, o en la línea pequeña de encima del titular.

Una promesa y una acción

Dos botones con el mismo peso parten la atención y bajan los clics de los dos. Elige la acción que más quieres, dale el botón sólido y deja la segunda opción como un enlace de texto discreto. El texto del botón debería nombrar qué pasa después. «Quiero mi plan de página» gana a «Enviar», y «Ver precios» gana a «Saber más», porque el lector sabe qué le espera al otro lado del clic. Usa las mismas palabras de botón en toda la página.

Enseña el producto haciendo su trabajo

Tapa el titular con la mano y mira sola la imagen del hero. Si no sabes qué se vende, la imagen es decoración. Una captura de la interfaz real, una foto del producto en un sitio real o un clip corto del resultado ganan a un modelo de banco de imágenes sonriendo frente a un portátil. Si vendes un servicio, enseña el entregable: la página que diseñaste, el panel, el informe terminado.

Pon una prueba al lado del botón

Una línea de evidencia cerca de la llamada a la acción quita la primera duda antes de que se forme. Una fila con cinco logos de clientes que la gente reconoce, una valoración con el número de reseñas, o un solo resultado con un número real. Cualquiera de las tres vale. Deja una sola pieza de prueba en el hero y guarda los casos de éxito para las secciones de abajo. Los sellos de confianza vagos y sin fuente suelen leerse como relleno.

Una prueba de cinco minutos para tu sección hero

Enseña el hero a alguien de fuera de tu empresa durante cinco segundos. Escóndelo y hazle tres preguntas. ¿Qué vende esto? ¿Para quién es? ¿Qué pasa cuando pulsas el botón? Dos respuestas mal de tres significa que el hero necesita una reescritura antes de que importe nada de lo de abajo. Haz esto también en una pantalla de móvil, porque ahí es donde lo lee la mayoría de tu tráfico y el corte queda mucho más arriba.