Imagen de héroe: Cómo las imágenes aumentarán tu conversión. 9 ejemplos

El diseño del sitio afecta la conversión más de lo que piensas. El primer contacto del visitante con el sitio es el más importante, y una de las formas de dejar una buena impresión en la memoria del consumidor es crear una imagen del héroe.

¿Cuál es la imagen del héroe?

La imagen del héroe es una imagen o una serie de imágenes en un lugar destacado en la página principal. Los has visto antes. Se ven así:

El héroe puede ser:

  • Una imagen que es de confianza;
  • Solución de foto o video que ilustra la relevancia;
  • Un contexto que contiene las emociones de apoyo, aprendizaje o persuasión de un cliente.

El héroe no es una imagen en la página principal del sitio, es una imagen de la decisión, brindando claridad y contexto a los visitantes, es una foto que expresa un objetivo específico.

¿Por qué usar la imagen del héroe?

A los usuarios les gustan los sitios que son fáciles:

  • Leer;
  • Percibir
  • Yuzat.

En la formación de la primera impresión, tienes como máximo 0,05 segundos, porque la imagen de tu héroe es la forma más rápida de ayudar al visitante a percibir correctamente la información y el mensaje.

Varios otros estudios están de acuerdo con esta cifra, incluida la propia investigación de Google.

Usando la imagen del héroe, no te olvides de la oración principal. No cree el caos, no importa lo llamativo y brillante que sea. El héroe es simple y él lidera.

Cómo crear y elegir la imagen de tu héroe.

Por cierto, el desarrollo y la selección de la imagen del héroe, más arte que ciencia. Y su conversión, por regla general, depende de la marca.

7 puntos que tu personaje debe cumplir:

  1. Relevancia de palabras clave. Corresponde a?
  2. Claridad de propósito. ¿Esta imagen te ayudará a entender el propósito de tu sitio?
  3. Diseño a juego. ¿La imagen coincide con el diseño de la página y empuja al visitante al botón CTA?
  4. Autenticidad ¿Esta imagen hace que tu marca sea confiable?
  5. Maximizando el valor. ¿Destaca el valor del producto? ¿Aumenta la necesidad? Muestra beneficios?
  6. Emoción deseada. ¿La imagen expresa la emoción deseada empujando en acción?
  7. "Cliente-héroe". ¿Esta imagen del "héroe" del cliente tan pronto como realiza la acción objetivo?

En casos raros, es suficiente elegir solo cuatro guías:

  • Cumplimiento;
  • Comprensibilidad;
  • Valor (para el cliente);
  • Atrayendo la atención.

¿La imagen de tu personaje coincide con lo que estás ofreciendo? ¿Es comprensible? ¿Llama la atención (cuando se desplaza un sitio rápidamente, por ejemplo)?

4 tipos de imágenes de imágenes de héroe

Estos incluyen:

  • Imágenes de productos;
  • Imagenes de contexto;
  • Creadores famosos;
  • Imágenes fuera de contexto.

No le diré cuál de estas categorías funciona mejor o peor (la prueba A / B es la mejor manera de descubrirlo por sí mismo), pero los ejemplos a continuación pueden inspirarle nuevas variaciones.

Imagen del producto

La imagen de la imagen del héroe del producto - la más intuitiva. Esta es una gran imagen de buena calidad. Un producto animado o estático no es importante, su tarea principal es complementar la descripción del valor con una demostración visual. Aquí hay un par de ejemplos:

1. Tinkoff

Tinkoff - Banco en Internet. Su carácter con todos los iconos de una posible ruta ayuda a agregar un poco de contexto sobre para qué sirve esta aplicación.

Sitio tinkoff.ru. Una buena imagen del héroe.

2. taza de cafe

Coffeecup.city - una aplicación que te permite tomar café con un descuento de hasta el 70% en los mejores lugares de tu ciudad. La imagen del héroe muestra a una persona con una taza de café en sus manos y una aplicación móvil, que es el producto en sí. En la pantalla del teléfono, puede observar la prueba social de cuántas tazas de café se beben y cuántos usuarios utilizan el servicio.

3. Compañero

Compañero de libros - Servicio de lectura de libros electrónicos por suscripción para todos los que tengan un teléfono móvil. La foto principal muestra lo fácil y conveniente que es leer tus libros favoritos sin llevarlos contigo. No está mal en nuestra opinión.

La imagen del héroe en contexto.

En este caso, las empresas no solo usan una imagen con el producto, sino una imagen que agrega contexto para respaldar el estilo de vida del consumidor.

4. Art-techs

Técnicos de arte - diseñador de interiores del sitio. Hay dos en uno: el producto en sí es un servicio de diseño y el contexto es un hermoso interior donde los visitantes pueden familiarizarse con el trabajo de un especialista.

5. Blablacar.ru

Bla bla carro - Es la comunidad más grande de compañeros de viaje; Una plataforma que reúne a conductores y pasajeros en el camino. En la página principal - la carretera. Está claro que estamos hablando de viajes, pero el producto en sí y el resultado del producto no son visibles.

6. Chefmarket.ru

Chefmarket - Servicio de entrega de productos para cocinar en casa. En su imagen de la compañía del héroe muestra un conjunto de ingredientes frescos y sabrosos.

La imagen del héroe del famoso creador.

En esencia, esta es la imagen del creador del servicio o sitio. Como regla general, el contenido de esta página es un montón de contenido útil basado en talentos o logros personales. La imagen se encuentra con mayor frecuencia en la página principal y se utiliza en relación con la oferta para suscribirse al boletín.

7. Jeffwalker.com

Jeffwalker - El autor más vendido del blog del New York Times, en el que comparte la fórmula para promocionar y vender cualquier producto en el mercado desde cero. En la página principal inmediatamente ofrezca suscribirse al boletín desde el mismo Jeffwalker.

8. Igor-mann.ru

Igor Mann - Blog personal, kit de prensa y tarjeta de visita del comercializador, orador y autor de una docena de libros sobre marketing, relaciones públicas y ventas de Igor Mann. El sitio es creíble. Comprendes inmediatamente a dónde vas y qué te espera.

Imagen de héroe fuera de contexto

Esta imagen no se ajusta al contexto. Por lo general, se inserta porque se ve bien o porque está de moda, sin embargo, no se ajusta a la propuesta ni a la página de destino.

9. Rocketbank

Qué imágenes se pueden utilizar:

  1. Muestre cómo se incluye el empaquetado de materiales adicionales que vienen con su producto principal: instrucciones, folletos, regalos.
  2. Muestra cómo se fabrica tu producto.
  3. Muestre de qué material está hecho su producto, compárelo con los materiales de la competencia (si es posible).
  4. Muestra si tienes un almacén.
  5. Muestre a su personal (¡no descargue imágenes de google.com!).
  6. Muestra cómo se entrega tu producto.
  7. Muestra a tus managers que trabajan con el cliente.
  8. Muestra cómo funciona tu producto.
  9. Tome una fotografía del producto desde diferentes lados y en diferentes condiciones.

Conclusión

Una imagen visual correctamente seleccionada complementa y agrega contexto a su oferta, lo que aumenta la percepción y el valor.

Este trabajo sobre errores ayuda a "empaquetar" su producto e inspirar confianza en el usuario. “Gold Rush” con los pases de aterrizaje, ¡siéntate inmediatamente y crea a tu héroe!

Deja Tu Comentario