Respuesta corta: ese banner prominente que se encuentra en la página principal de un sitio web, lo primero que vemos al entrar. En este artículo aprenderás sobre su importancia y buenas prácticas acorde al papel que va a desempeñar en nuestro sitio, que puede variar dependiendo tu caso.
¿Por qué es importante?
Al acceder a un sitio, un usuario decide en menos de 10 segundos si quedarse o no. El hero es lo primero que se visualiza en nuestro sitio -¿Ya ves la conexión?- es importante que transmita de forma efectiva cual es el servicio o producto que proveemos.
Además de asegurarle al usuario estar en el lugar correcto, también es necesario que lo lleve a realizar una conversión, esto es, realizar una acción que esté asociada con la misión del sitio. ¿Cuál es la misión de tu sitio? ¿Qué te contraten para realizar un servicio? ¿Qué compren un producto? ¿Qué te contacten?. El hero debe contener un llamado a la acción que guíe al usuario hacia esta meta.
Vamos a revisar tres ejemplos de buenas prácticas para el hero de nuestro sitio.
Fig. 1: En la web de Ferrando & Asociados utilicé este formato para transmitirle al usuario el valor que aporta su servicio.
Una power phrase puede definir el valor que nuestro producto o servicio aportará al usuario. En este caso, asumiendo que el usuario aterrizó en el sitio buscando consultoría forestal, se explica como esta empresa provee una amplia variedad de servicios relacionada con esta necesidad, sirviendo como conexión entre la automatización de procesos y las personas que lo requieren.
También suele verse como titular del hero una descripción muy breve pero exacta de la solución que se provee. Algo como “Consultoría para el sector forestal” podría obtener similares resultados, todo depende de la estrategia de comunicación de la empresa.
Fig. 2: En la web de Project Management Latin America el slider enumera los diferentes servicios, cursos y eventos en las que el alumno se puede registrar a la par de un call to action para acceder.
Un clásico del eCommerce, aunque pueda encontrarse en sitios de diversos propósitos, es el sello distintivo de este rubro. Consta de múltiples imágenes y leyendas que van rotando al transcurrir ciertos segundos, compartiendo así el protagonismo y asegurando máxima exposición para los diferentes artículos/servicios destacados. Es tan eficaz cumpliendo su objetivo que hasta las más grandes plataformas tales como Amazon, Ebay y Mercadolibre utilizan este patrón de interfaz.
Fig. 3: En los casos de estudio de mi portfolio el hero es solo el comienzo del contenido, como si fuera la sinopsis de un libro.
Quizá la opción mas compleja de implementar, desde la antigüedad el humano ha tenido que desarrollar y perfeccionar su habilidad para contar historias, permanecen hasta hoy vigentes los nombres de quienes lograron destacar en esta disciplina.
Cuando el conocimiento referente a la materia de nuestra solución es tan holgado que podemos explicar con lujo de detalle por qué destaca respecto a sus alternativas, es momento de contarle al potencial cliente la experiencia que obtendrá al interactuar con ella.
La redacción del contenido de estos heroes se realiza de forma diferente, puesto que no intentamos resumir completamente nuestra solución en un párrafo sino limitarnos a dar un indicio y transmitir la necesidad de scrollear para saber más, apelando a la curiosidad del visitante. ¿Cuántos productos que ves en televisión o en internet te despiertan ese sentimiento de indagar por más información? La respuesta a esta pregunta deja en evidencia la dificultad de lograr tal hazaña.
Los diseñadores se encuentran en la cúspide de su carrera solo cuando han logrado contar buenas historias, basta con ver a los gigantes tecnológicos como Apple para discernir como utilizan este recurso cada vez que exhiben sus nuevos dispositivos.
