estadisticas web Saltar al contenido

Cómo usar imágenes emocionales para páginas de destino de alta conversión cada vez

Estás sentado en tu escritorio planeando una página de aterrizaje. Su estructura de alambre probablemente se ve así:

plantilla de imagen de p√°gina de destino

Estructura metálica de la página de destino a través de Dribble

Todo parece estar en el lugar correcto: copia, vi√Īetas, testimonios, un video y, por √ļltimo, un marcador de posici√≥n para esa imagen tan importante.

Aqu√≠ hay una pregunta para ti: ¬ŅC√≥mo eliges esa imagen? ¬ŅDejas que el dise√Īador elija algo que le guste? ¬ŅElige algo similar a lo que est√°n haciendo sus competidores? ¬ŅO simplemente usa una imagen de su producto?

Si est√° haciendo algo de lo anterior en su b√ļsqueda para producir una p√°gina de destino de alta conversi√≥n, es hora de reconsiderar su estrategia. Debe elegir la imagen de su p√°gina de destino con mucho cuidado, ya que debe captar la atenci√≥n de sus prospectos Y atraerlo a nivel emocional.

En este artículo, voy a trazar un mapa los pasos exactos que debe seguir para elegir una imagen de alta conversión cada vez que planifica una página de destino.

Lo primero es lo primero, sin embargo:

¬ŅPor qu√© son tan importantes las im√°genes?

Los humanos responden y procesan los datos visuales mejor que cualquier otro tipo de datos. De hecho, el cerebro humano procesa im√°genes 60,000 veces m√°s r√°pido que el texto, lo que significa Lo primero que ven tus prospectos en una p√°gina de destino es la imagen y los colores que usas.

El 90% de la información transmitida a nuestro cerebro es visual, con el 10% restante dividido entre el resto de nuestros sentidos. Nuestros ojos son nuestra forma principal de consumir y comprender la información.

por qué las imágenes de la página de destino son importantes

Cómo procesa el cerebro la información visual, a través de ernestoolivares

En su estudio Imágenes y procesos verbales, Allan Paivio afirma que nuestra capacidad de recordar palabras depende de nuestra capacidad de visualizar sus referentes. Paivio es más conocido por su teoría de la codificación dual, una de las teorías de cognición más influyentes del siglo XX, que explica el uso práctico de las imágenes como ayuda para la memoria.

¬ŅPor qu√© recordamos mejor las im√°genes?

En pocas palabras, las imágenes evocan diferentes recuerdos y experiencias que las palabras escritas. Como muestra este estudio, tenemos una capacidad notable para recordar más de 2000 imágenes con al menos un 90% de precisión durante un período de 7 días, incluso cuando las imágenes se presentan solo por un corto período de tiempo.

Adem√°s, se necesita solamente 150 milisegundos para que procesemos una imagen, y otros 100 milisegundos para asignarle un significado. (FIAS)

Estas estadísticas son las que hacen que las plataformas sociales basadas en imágenes como Instagram, Pinterest, Tumblr y Snapchat sean tan exitosas. El uso de imágenes y videos en estas plataformas captura la mayor parte de nuestra mente atenta y nos atrae una y otra vez.

A lo largo de los a√Īos, se han realizado muchos estudios sobre el tema del procesamiento visual y la importancia de las im√°genes en el marketing. Los estudios constantemente encuentran que las im√°genes son la mejor manera de ayudar a transmitir sentimientos que generan conversiones.

Las imágenes son más que solo marcadores de posición para que una página se vea bien; tienen un papel importante en persuadir a los prospectos y clientes para que den el siguiente paso. Como explica la profesora Mary Potter del MIT:

El trabajo de los ojos no es solo llevar la información al cerebro, sino permitir que el cerebro lo piense lo suficientemente rápido como para saber lo que debe mirar a continuación..

Aproveche la ubicación utilizando su imagen de héroe para dirigir la atención de los prospectos hacia la acción que desea que tomen. Las representaciones más famosas de esto son los mapas de calor que se muestran a continuación. Como puede ver, cuando el bebé mira al lector, la mayoría de los clics y la atención se prestan hacia el bebé.

cómo funcionan las imágenes en las páginas de destino

La mayor atención visual se centra en la cara del bebé.

Sin embargo, cuando el bebé mira el texto a la derecha y lo mira directamente, la mirada y la atención de los prospectos también se dirigen hacia el texto:

mapas de calor de la p√°gina de destino

Los mapas de calor visuales muestran que una imagen puede guiar la mirada del espectador

Dirigir la atención de sus prospectos a un elemento en particular puede hacerse más que simplemente hacer que su imagen de héroe mire el botón de llamada a la acción; También puede colocar diferentes objetos a su alrededor como lo hace Ritual. A través de la colocación del producto y el uso de colores contrastantes, Ritual ha convertido su botón de llamada a la acción en el punto focal de su página.

imágenes de llamado a la acción

Un botón de CTA con alto contraste

TakeCareOf utiliza la imagen de una mano para dirigir la atención completa a su botón de llamada a la acción:

Incrementar las conversiones con mejores im√°genes de la p√°gina de destino

Palma abierta como se√Īal visual

Estas son todas formas de usar im√°genes para aumentar las conversiones. Y aunque la gran mayor√≠a de los sitios web utilizan estas t√©cnicas, a√ļn carecen de un componente enorme atractivo emocional.

El eslabón perdido

Dado que la imagen es una de las primeras cosas que los prospectos ven en su p√°gina de destino, es imprescindible que tenga una estrategia detr√°s que conduzca a los clientes a tomar medidas.

La mayoría de las empresas se conforman con una de las siguientes imágenes:

  1. La solución
  2. Alguien que usa la solución
  3. Un video de cómo usar el producto
  4. Una ilustración de la solución.

cómo elegir imágenes para páginas de destino

Litmus, por ejemplo, tiene una imagen de una computadora y un correo electrónico.

ilustraciones en p√°ginas de aterrizaje

Cleo muestra su aplicación.

ejemplos de p√°gina de aterrizaje b2b

Mailcube usa un visual de su plataforma.

visuales de la p√°gina de destino

Y Hivy simplemente muestra un video de personas que usan su plataforma de administración.

Hay innumerables ejemplos de esta estrategia. Los especialistas en marketing, los dise√Īadores y todos los involucrados en la elecci√≥n de la imagen para una p√°gina de destino parecen resaltar s√≠ mismos en lugar del cliente.

Sin embargo, como me gusta decir:

No importa lo que esté vendiendo, lo que a la gente realmente le importa no es el qué, es el por qué.

En otras palabras, lo que debes hacer es considerar las posibles motivaciones, deseos y necesidades, y retratar a aquellos en tu imagen de héroe, no a ti mismo. O, como lo definimos: la orientación emocional.

Cómo la emoción aumenta las conversiones de la página de destino

Aunque nos encanta pensar que somos seres completamente racionales, nuestro proceso de toma de decisiones es casi completamente emocional. Todo lo que compramos tiene una razón emocional detrás.

Un cliente potencial que llega a su página de destino está tratando de resolver un desafío. Esto podría ser un desafío personal (encontrar algo para ponerse) o uno de negocios (lograr que el equipo colabore). Ya sea que su cliente potencial quiera sentirse amado, tener más éxito, tener una mayor autoestima, ganarse el respeto de las personas o simplemente sentirse más seguro, cuando llegue a su página, espera que haga realidad esos deseos.

Noticia de √ļltima hora, no puedes hacerlo haci√©ndolo sobre ti (tu soluci√≥n) lo haces haci√©ndolo sobre ella.

Dado que las imágenes evocan ciertas emociones en nosotros, podemos usarlas para hacer que las personas se sientan de cierta manera y llevarlas hacia una acción. A continuación hay dos estrategias de imagen que he probado literalmente miles de veces, y he visto su éxito una y otra vez.

Estrategia de imagen # 1: El sentimiento actual

La técnica actual de sentimientos es una forma de recordarles la perspectiva del problema que enfrentan y la importancia de tratarlo. Esta suele ser la estrategia correcta para una perspectiva que se encuentra en un estado de conciencia inconsciente.

Ejemplos:

  1. Una plataforma que ofrece soluciones de pago mejores y más fáciles podría probar una imagen que muestra la frustración de vender y aceptar pagos en línea.
  2. Una plataforma de colaboración en equipo podría usar una imagen que enfatice las dificultades de trabajar como un equipo remoto.

HeyStack hace un trabajo encantador al hacerte sentir el dolor de dirigir las operaciones de un negocio. HeyStack muestra a los prospectos que saben exactamente por lo que est√°n pasando al usar una imagen que visualiza el dolor que est√°n tratando de resolver.

cómo usar la emoción en las páginas de destino

Una p√°gina de inicio que representa las emociones del estado actual

Solo después de tomar esta imagen, el visitante se desplaza hacia abajo y encuentra más información sobre sus características, la aplicación y otros elementos técnicos de la solución.

Su objetivo en la estrategia actual de sentimientos es mostrar a las perspectivas que comprende sus desaf√≠os y sus dolores. Solo una vez que los prospectos entiendan eso, puede abordar c√≥mo t√ļ Resolver sus desaf√≠os.

Una vez que haya creado la variación de sentimiento actual, Id A / B la prueba con la segunda estrategia:

Estrategia de imagen # 2: El resultado deseado

En lugar de mostrar una imagen de su solución o producto, un buen ejemplo del uso de la orientación emocional en sus imágenes es mostrarles a los prospectos el resultado de su compra, el resultado deseado.

En el siguiente ejemplo, ayudamos a un sitio de comercio electrónico que vende calcomanías y calcomanías personalizadas a optimizar su página de inicio. La variación original a continuación presentaba las calcomanías y calcomanías específicas que los clientes pueden usar para decorar su hogar, usaron una foto de un hombre al azar en la página y carecieron de personalización. En resumen, no mostraba a las perspectivas cómo sería una calcomanía en su hogar.

prueba de a / b im√°genes de la p√°gina de destino

La p√°gina de destino original

En la variaci√≥n que creamos, utilizamos im√°genes que retrataban el resultado deseado como un hogar hermoso y sereno con una gran decoraci√≥n y una sensaci√≥n de tranquilidad. Nuestro objetivo era mostrarle al cliente que puede decorar su casa f√°cilmente, con poco esfuerzo y obtener excelentes resultados. Los cambios adicionales incluyeron enfatizar la barra de b√ļsqueda y eliminar obst√°culos como las im√°genes de diapositivas giratorias, las vi√Īetas y la cantidad de llamadas a la acci√≥n.

pruebas de imagen de p√°gina de destino

La variación más emocional que probamos

Nuestros cambios aumentaron las conversiones en un 550% para nuestro cliente

Aqu√≠ hay otro gran ejemplo de Opendoor. En lugar de mostrar una foto de una casa con un cartel VENDIDO como lo hacen la mayor√≠a de las compa√Ī√≠as de bienes ra√≠ces, Opendoor usa una imagen de una pareja sentada en el piso con una sonrisa en la cara exactamente como quieres sentirte, aliviada y feliz de vender tu casa.

p√°ginas de aterrizaje emocionales

Una gran p√°gina de inicio que muestra el estado emocional deseado

Para ejecutar una prueba significativa que ofrezca más conversiones, pruebe tres variaciones diferentes: su imagen original (generalmente la solución) frente a una imagen visual del resultado deseado y la sensación actual.

Cómo elegir la imagen correcta: descubriendo desafíos, deseos y motivaciones

En este punto, probablemente se est√© preguntando: ¬ŅC√≥mo s√© cu√°les son los sentimientos actuales y deseados de mis prospectos? Bueno, la respuesta es INVESTIGACI√ďN.

Considere el estado de conciencia de sus prospectos

No todos los visitantes de la p√°gina de destino son similares, y las diferentes perspectivas se encuentran en diferentes etapas del ciclo de compra.

Seg√ļn Eugene Schwartz, quien escribi√≥ segundopublicidad a trav√©s de (la biblia de la redacci√≥n publicitaria), cada uno de sus prospectos se puede dividir en una de las siguientes etapas:

  1. Inconsciente – Este es un tipo de visitante que a√ļn no se ha dado cuenta de que tiene un problema que necesita soluci√≥n.
  2. Consciente del dolor РEste tipo de visitante es consciente del dolor, pero no ha comenzado activamente a buscar una solución. Muchas veces, este tipo de visitante no sabe que existe una solución.
  3. Soluci√≥n consciente – En esta etapa, su cliente potencial ha comenzado a buscar soluciones; ella sabe qu√© resultado est√° buscando, pero a√ļn no ha o√≠do hablar de ti. Esta perspectiva est√° buscando una amplia gama de soluciones y las est√° considerando todas.
  4. Consciente del producto – Esta etapa es cuando su visitante de la p√°gina de destino ha o√≠do hablar de usted, est√° considerando su soluci√≥n y ha reducido su b√ļsqueda. Sin embargo, no est√° 100% convencida de que seas la soluci√≥n adecuada para ella. Esto es cuando el visitante pasa m√°s tiempo conociendo sus caracter√≠sticas, beneficios y ofertas.
  5. Más consciente РEn esta etapa, su cliente potencial ha decidido más o menos ir con su solución. Por lo general, este cliente potencial pasa más tiempo evaluando su precio y los paquetes que está vendiendo.

Una vez que comprenda el estado de conciencia de sus prospectos, es m√°s f√°cil escribir una copia para ellos, elegir im√°genes y, esencialmente, dise√Īar una p√°gina completa que aborde su estado de conciencia.

Encuesta y entrevista a tus clientes

Tus clientes tienen las respuestas. Comunícate con ellos y conversa.

Hable con los clientes actuales y preg√ļnteles por qu√© eligieron su servicio, cu√°l era su mayor preocupaci√≥n antes de la conversi√≥n y c√≥mo lo describir√≠an como un negocio.

Encuesta a los que abandonan tu sitio, los que no se convirtieron y descubre por qué

La clave para una encuesta exitosa es hacer más que solo preguntas técnicas sobre su producto, sino conocer a su cliente en un nivel más profundo. Conocer a su cliente le permitirá escribir para ellos.

Recuerde que las personas no saben lo que quieren y generalmente responderán a lo que creen que quieren escuchar. Es por eso que es importante pasar tiempo con los clientes por teléfono, conocerlos personalmente y preguntar continuamente, por qué llegar al fondo de cualquier pregunta.

idioma del cliente

La encuesta de Hotjars pide a los clientes que sean francos y honestos

Entrevista a tu equipo

Hable con su equipo, específicamente con cualquier persona que tenga un punto de contacto con el cliente final, para que comprenda su opinión sobre los desafíos y motivaciones de sus clientes. Pregunte qué creen que hace su solución para el cliente, por qué la eligieron y cuáles son las preocupaciones más comunes.

Te sorprender√°n sus respuestas, y a√ļn m√°s, c√≥mo entran en conflicto con lo que escuchaste de los clientes. Esta es una excelente manera de alinear el equipo con las expectativas del cliente.

Revisar palabras clave

Descubra qué buscan las personas y cómo encuentran su marca. Las personas ahora buscan palabras clave largas que describan sus desafíos y problemas. Identifíquelos para descubrir qué buscan las personas, dónde aterrizan y si responde a esas necesidades en cada página.

5 reglas de una imagen de página de destino de alta conversión

Una vez que haya completado su investigación, es hora de elegir las imágenes que va a utilizar. A continuación hay algunas reglas para asegurarse de elegir imágenes fuertes y de alta conversión:

1. Reconsiderar fotos gratis

Ahora que hemos establecido que las imágenes son primordiales para sus conversiones, no hay absolutamente ninguna razón para que siga usando fotos de archivo, al menos no las que parecen completamente falsas.

Las fotos de archivo reducen la autenticidad y la confianza; se pueden ver a una milla de distancia, y lo m√°s importante, son utilizados por miles de otras empresas. ¬ŅTodos hemos visto esta imagen de empresaria en todas partes?

malas fotos

Mujer de negocios de stock

Vale la pena invertir en fotos e imágenes originales; Harrington Movers aumentó sus conversiones en un 45% después de eliminar la foto de archivo y agregar imágenes de su propio personal (VWO).

Si no tiene el presupuesto para invertir en su propia sesi√≥n de fotos o im√°genes, a√ļn puede usar fotos de archivo que se vean m√°s aut√©nticas. No todas las fotos de archivo son malas y hay algunos sitios web excelentes con fotos aut√©nticas y originales. Algunos de mis sitios favoritos incluyen VisualHunt, Skuawk y Gratisography. Tambi√©n puede usar esta lista de fuentes de im√°genes gratuitas y una herramienta como Canva para editar sus fotos.

Sin embargo, antes de elegir una foto de archivo, hazte un favor y ejec√ļtala en TinyEye para ver qui√©n m√°s est√° usando la misma imagen.

2. Usa im√°genes de personas

La investigaci√≥n indica que respondemos mejor a las im√°genes que incluyen caras. Fueron cableados desde el nacimiento para reconocer a las personas, por lo que respondemos mejor a las caras y las im√°genes humanas. De hecho, el giro fusiforme es la parte espec√≠fica en nuestro cerebro responsable del reconocimiento facial, corporal y de color. Es por eso que debe usar rostros humanos en sus im√°genes, y cuanto m√°s similares sean a su p√ļblico objetivo, mejor.

Una imagen exitosa es aquella con la que sus clientes pueden relacionarse, alguien que se parece a ellos o tal vez alguien a quien les gustaría ser.

Articulate hace un gran trabajo al usar imágenes auténticas de personas en toda su página. Del fundador y CEO como la imagen principal del héroe:

im√°genes de personas en las p√°ginas de destino

Articulate usa una imagen de su fundador y CEO en la p√°gina de inicio

A varios testimonios de clientes de contenido:

p√°gina de destino con personas reales

P√°gina de destino con un testimonio y una foto del cliente.

testimonio de la p√°gina de aterrizaje

Las p√°ginas de destino se convierten m√°s con im√°genes de personas reales

Incluso incluyen una imagen de su equipo de soporte:

p√°ginas de destino con fotos de empleados

¬°Tus empleados son personas reales!

La conexi√≥n entre los titulares y las personas es clara. Todas las im√°genes son de personas identificables, y esto lo ayuda a conectarse a√ļn m√°s con la marca y su soluci√≥n.

3. Reduce el ruido y la fricción

Dado que la imagen que utilizamos en nuestra p√°gina de destino ocupa la mayor parte de nuestro enfoque y es lo primero que la gente ve, debemos asegurarnos de eliminar cualquier ruido o fricci√≥n que pueda causar la imagen. Esto incluye colores que pueden distraer u otros objetos visuales que no tienen ning√ļn prop√≥sito.

Everwise tiene una imagen de h√©roe muy ruidosa, es dif√≠cil de leer el texto debido a los colores y los diferentes objetos en la imagen. Adem√°s, no hay se√Īales direccionales sobre d√≥nde debe mirar un visitante o en qu√© deben hacer clic, todo tiene el mismo peso. Como ya explicamos, las im√°genes en una p√°gina est√°n ah√≠ para ayudar a dirigir la atenci√≥n hacia ciertas acciones y cuando una imagen es ruidosa, eso no se puede hacer.

imágenes del héroe de la página de destino

Ejemplo de una imagen de p√°gina de destino ruidosa

4. Considere el efecto emocional del color.

Hay muchas guías diferentes sobre cómo usar la psicología del color para aumentar las conversiones. Si bien la mayoría de las infografías y publicaciones de blog sugieren que cada color tiene el mismo efecto emocional en cada ser humano (por ejemplo, azul = confianza), eso simplemente no es la verdad.

Los colores tienen un efecto emocional en nosotros, pero varía de acuerdo con 3 componentes:

  1. Emoci√≥n – Percibimos colores basados ‚Äč‚Äčen nuestras experiencias pasadas, psicol√≥gica y emocionalmente. Por ejemplo: para algunos, el azul simboliza el oc√©ano, la frescura y las vacaciones, mientras que para otros la tristeza.
  2. Simbólico РAsociamos ciertos colores con objetos específicos. Por ejemplo, amarillo = sol, verde = hierba y azul = el cielo.
  3. Cultura – Los colores tienen diferentes significados en diferentes culturas. Por ejemplo, en la cultura occidental, el blanco se considera puro, limpio y festivo. En las culturas orientales, simboliza la muerte y el duelo.

Para usar los colores de manera efectiva, primero debe conocer a sus clientes para comprender mejor sus emociones, cultura y símbolos. Aquí hay una guía completa para usar la psicología del color de la manera correcta.

5. Copiar asuntos

Las im√°genes no funcionan solas. Es posible que tenga el mejor visual del planeta, pero si no est√° respaldado por las palabras correctas que hablan a los deseos y necesidades de sus clientes, no ver√° muchas conversiones.

El secreto para obtener la copia correcta es similar a elegir una imagen sobre el cliente. Desafortunadamente, al igual que las empresas que usan la imagen principal del héroe para resaltar su propia solución en lugar del cliente, la copia se usa de la misma manera.

Los ejemplos incluyen Team, explicando la solución que proporcionan:

copia de la página de destino centrada en la solución

Pomerleau explicando quiénes son:

cómo crear una página de destino de alta conversión

Logo Shop describiendo lo que hacen:

ejemplos de grandes p√°ginas de aterrizaje

Y Tapdaq explicando cómo funciona su plataforma:

p√°ginas de destino centradas en el cliente

Todos los ejemplos anteriores tienen un tema repetitivo: se trata de ellos.

Como ya hemos determinado, esto no es lo que les importa a los clientes. Lo que les importa a los clientes es qué hay para ellos. Y es por eso que es crucial escribir una copia que atraiga a sus posibles desencadenantes emocionales.

El BLK TUX hace un gran trabajo combinando sus im√°genes con una copia exitosa de la p√°gina de destino:

im√°genes emocionales de la p√°gina de aterrizaje

cómo elegir excelentes imágenes de página de destino

imágenes de productos de comercio electrónico

Tus próximos pasos:

La pr√≥xima vez que est√© sentado en su escritorio y piense en la imagen de la p√°gina de destino, aseg√ļrese de hacer su investigaci√≥n y considere todas las diferentes formas en que puede evocar la emoci√≥n correcta que impulsa las perspectivas de conversi√≥n.

¬ŅCu√°les son algunos ejemplos de im√°genes de p√°ginas de destino que ha visto y le han gustado?

Sobre el Autor

Como fundadora y optimizadora principal en GetUplift, Talia Wolf utiliza objetivos emocionales y un dise√Īo persuasivo para generar m√°s ingresos, clientes potenciales y ventas para las empresas. Talia es un orador principal, entrenador y consultor de optimizaci√≥n de conversi√≥n, y recientemente fue catalogado como uno de los expertos m√°s influyentes en la optimizaci√≥n de conversi√≥n. S√≠guela en Twitter en @taliagw.

. P√°ginas de aterrizaje