Cómo Elegir las Imágenes para una Landing Page que Convierte

Tabla de Contenidos

Estás sentado en tu escritorio planificando una página de aterrizaje. Tu esquema probablemente se vea algo así:

 

Plantilla de landing page -dribble1

Esquema de la landing page vía Dribble

 

Todo parece estar en su lugar correcto: copia, viñetas, testimonios, un video… y por último, un marcador de posición para esa imagen tan importante.

Aquí tienes una pregunta: ¿Cómo eliges esa imagen? ¿Dejas que el diseñador elija algo que le guste? ¿Eliges algo similar a lo que están haciendo tus competidores? ¿O simplemente usas una imagen de tu producto?

Si estás haciendo alguna de las opciones anteriores en tu búsqueda por producir una landing page que convierta altamente, es hora de reconsiderar tu estrategia. Deberías elegir tu imagen para una landing page muy cuidadosamente, ya que necesita captar la atención de tu prospecto y apelar a él o ella a un nivel emocional.

En este artículo, voy a trazar los pasos exactos que necesitas seguir para elegir una imagen que convierta altamente cada vez que planifiques una landing page.

Pero primero las primeras cosas:

 

¿Por qué son tan importantes las imágenes?

Los humanos responden y procesan mejor los datos visuales que cualquier otro tipo de datos. De hecho, el cerebro humano procesa las imágenes 60,000 veces más rápido que el texto, lo que significa que lo primero que ven tus prospectos en una landing page es la imagen y los colores que utilizas.

El 90% de la información transmitida a nuestro cerebro es visual, mientras que el 10% restante se divide entre el resto de nuestros sentidos. Nuestros ojos son nuestra principal forma de consumir y entender la información.

 

Procesamiento de imagenes en la mente

Cómo procesa el cerebro la información visual, vía ernestoolivares

 

En su estudio «Imagery and verbal processes,» Allan Paivio afirma que nuestra capacidad para recordar palabras depende de nuestra capacidad para visualizar sus referentes. Paivio es más conocido por su teoría de codificación dual, una de las teorías más influyentes de la cognición en el siglo XX, explicando el uso práctico de la imaginación como ayuda para la memoria.

 

¿Por qué recordamos mejor las imágenes?

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

Además, solo nos toma 150 milisegundos procesar una imagen, y otros 100 milisegundos para adjuntarle algún significado. (FIAS)

Estas estadísticas son las que hacen que las plataformas sociales impulsadas por 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 procesamiento visual y la importancia de las imágenes en el marketing. Los estudios encuentran consistentemente que las imágenes son la mejor manera de ayudar a transmitir sentimientos que impulsan las conversiones.

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

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

Aprovecha la ubicación utilizando tu imagen principal para dirigir la atención del prospecto hacia la acción que quieres que tomen. Las representaciones más famosas de esto son los mapas de calor que se muestran a continuación. Como puedes ver, cuando el bebé está mirando al lector, la mayor parte de los clics y la atención se centran en el bebé.

 

Mapa de calor de la página de aterrizaje con el rostro famoso del bebé-1

 

Sin embargo, cuando el bebé mira hacia el texto a la derecha, la mirada y la atención del prospecto también se dirigen hacia el texto:

 

Mapa de calor de la página de aterrizaje con el rostro famoso del bebé-2

 

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

Dirigir la atención de tu prospecto hacia un elemento en particular se puede hacer de más formas que solo haciendo que tu imagen principal «mire» el botón de llamada a la acción; también puedes 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.

 

Landing page de vitaminas con un call to action

 

Un botón CTA con alto contraste

TakeCareOf utiliza la visual de una mano para dirigir toda la atención hacia su botón de llamada a la acción:

 

imágenes para una landing page - open palm

 

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: el atractivo emocional.

 

El eslabón perdido

Dado que la imagen es una de las primeras cosas que ven los prospectos en tu landing page, es imperativo que tenga una estrategia detrás que resulte en dirigir a los clientes hacia la acción.

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

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

 

imágenes para una landing page - litmus

 

Litmus, por ejemplo, muestra una imagen visual de una computadora y correo electrónico.

 

Imágenes de la página de destino de Cleo

 

Cleo muestra su aplicación.

 

imágenes para una landing page - mailcube

 

Mailcube utiliza una imagen visual de su plataforma.

 

imágenes para una landing page - hivy

 

Y Hivy simplemente muestra un video de personas usando su plataforma de gestión.

Hay innumerables ejemplos de esta estrategia. Los vendedores, diseñadores y todos los involucrados en la elección de la imagen para una landing page parecen resultar en destacarse a sí mismos en lugar del cliente.

Sin embargo, como me gusta decir:

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

En otras palabras, lo que deberías hacer es considerar las motivaciones, deseos y necesidades del prospecto, y retratarlos en tu imagen principal, no a ti mismo. O, como lo definimos: Segmentación Emocional.

 

¿Cómo la Emoción Aumenta las Conversiones en una Landing Page?

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 prospecto que llega a tu landing page está tratando de resolver un desafío. Esto podría ser un desafío personal (encontrar algo para usar) o uno empresarial (hacer que el equipo colabore). Ya sea que tu prospecto quiera sentirse amado, ser más exitoso, tener una autoestima más alta, ganarse el respeto de las personas o simplemente sentirse más seguro, cuando ella llega a tu página, espera que hagas que esos deseos se hagan realidad.

¡Noticia de última hora!, no puedes hacer eso 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 sientan de cierta manera y las impulsen hacia una acción. A continuación, se presentan dos estrategias de imagen que he probado literalmente mil veces y he visto su éxito una y otra vez.

 

Estrategia de Imagen #1: El Sentimiento Actual

La técnica del sentimiento actual es una forma de recordarle al prospecto el problema que están enfrentando y la importancia de lidiar con él. Esta es generalmente la estrategia adecuada para un prospecto que se encuentra en el estado de «desconocimiento» de conciencia.

Ejemplos:

  1. Una plataforma que ofrece soluciones de pago mejores y más fáciles podría probar una imagen que muestre 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 luchas de trabajar como 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 usando una imagen que visualiza el dolor que están tratando de resolver.

 

landing page de heystack con imagen emocional

 

Una landing page que muestra emociones del estado actual

Solo después de ver 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.

Tu objetivo en la estrategia del «sentimiento actual» es mostrar a los prospectos que comprendes sus desafíos y sus dolores. Solo una vez que los prospectos entiendan eso, puedes abordar cómo resuelves sus desafíos.

Una vez que hayas creado la variación del «sentimiento actual», te recomendaría hacer una prueba A/B con la segunda estrategia:

 

Estrategia de Imagen #2: El Resultado Deseado

En lugar de mostrar una imagen de tu solución o producto, un buen ejemplo de utilizar la segmentación emocional en tus imágenes es mostrándole a los prospectos el resultado de su compra, el resultado deseado.

En el ejemplo a continuación, ayudamos a un sitio de comercio electrónico que vende calcomanías y pegatinas personalizadas a optimizar su página de inicio. La variación original a continuación mostraba las calcomanías y pegatinas específicas que los clientes pueden usar para decorar su hogar, utilizaba una foto de archivo de un chico aleatorio en la página y carecía de personalización. En resumen, no mostraba a los prospectos cómo podría lucir una calcomanía en su hogar.

 

Prueba de imágenes para la página de destino de comercio electrónico

 

La landing page original

En la variación que creamos, utilizamos imágenes que representaban el resultado deseado: un hogar hermoso y sereno con una gran decoración y una sensación de facilidad. Nuestro objetivo era mostrarle al cliente que podía decorar su hogar fácilmente, con poco esfuerzo y ver excelentes resultados. Los cambios adicionales incluyeron enfatizar la barra de búsqueda y eliminar obstáculos como las imágenes giratorias, las viñetas y la cantidad de llamadas a la acción.

 

Prueba de imagen emocional para la 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 letrero de «VENDIDA» como hacen la mayoría de las compañías inmobiliarias, Opendoor utiliza una imagen de una pareja sentada en el suelo con una sonrisa en su rostro, exactamente cómo quieres sentirte, aliviado y feliz por vender tu casa.

 

Imágenes de página de aterrizaje estado emocional deseado.

 

Una gran landing page que muestra el estado emocional deseado

Para realizar una prueba significativa que genere más conversiones, prueba tres variaciones diferentes: tu imagen original (generalmente la solución) vs. una visualización del resultado deseado y el sentimiento actual.

 

¿Cómo elegir la imagen adecuada? Descubriendo desafíos, deseos y motivaciones

En este punto, probablemente te estés preguntando: «¿Cómo sé cuál es el sentimiento actual y deseado de mis prospectos?» Bueno, la respuesta es: INVESTIGACIÓN.

 

Considera el estado de conciencia de tu prospecto

No todos los visitantes de la landing page son similares, y diferentes prospectos están en diferentes etapas del ciclo de compra.

Según Eugene Schwartz, quien escribió «Breakthrough Advertising» (la biblia de la redacción publicitaria), cada uno de tus prospectos puede dividirse en una de las siguientes etapas:

  1. Desconocimiento: Este es un tipo de visitante que aún no ha comprendido que tiene un problema que necesita resolver.
  2. Conciencia del Dolor: Este tipo de visitante es consciente del dolor, pero aún no ha comenzado activamente a buscar una solución. Muchas veces, este tipo de visitante no está al tanto de que existe alguna solución.
  3. Conciencia de la Solución: En esta etapa, tu prospecto ha comenzado a buscar soluciones; sabe qué resultado está buscando pero aún no ha oído hablar de ti. Este prospecto está examinando una amplia gama de soluciones y las está considerando todas.
  4. Conciencia del Producto: Esta etapa es cuando el visitante de tu landing page ha oído hablar de ti, está considerando tu solución y ha reducido su búsqueda. Sin embargo, aún no está completamente convencido de que tú seas la solución adecuada para él. Este es el momento en que el visitante pasa más tiempo conociendo tus características, beneficios y ofertas.
  5. Más Consciente: En esta etapa, tu prospecto más o menos ha decidido optar por tu solución. Por lo general, este prospecto pasa más tiempo evaluando tus precios y los paquetes que estás vendiendo.

 

Una vez que comprendas el estado de conciencia de tus prospectos, será más fácil escribirles copias, elegir imágenes y, en definitiva, diseñar toda una página que aborde su estado de conciencia.

 

Encuesta y entrevista a tus clientes

Tus clientes tienen las respuestas. Comunícate con ellos y ten una conversación.

Habla con los clientes actuales y pregúntales por qué eligieron tu servicio, cuál fue su mayor preocupación antes de convertirse y cómo te describirían como negocio.

Encuesta a aquellos que abandonan tu sitio, aquellos que no convierten y descubre por qué.

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

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

 

Investigación de la página de destino de encuestas de clientes

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

Entrevista a tu equipo

Habla con tu equipo, específicamente con cualquier persona que tenga un contacto directo con el cliente final, para que comprendas su opinión sobre los desafíos y motivaciones de tu cliente. Pregunta qué piensan que hace tu solución por 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 al equipo con las expectativas del cliente.

 

Revisa las palabras clave

Descubre qué están buscando las personas y cómo encuentran tu marca. Ahora las personas buscan palabras clave largas que describen sus desafíos y problemas. Identifícalos para descubrir qué están buscando las personas, dónde están aterrizando y si estás respondiendo a esas necesidades en cada página.

 

5 Reglas para Elegir Imágenes para una Landing Page que Convierte

Una vez que hayas completado tu investigación, es hora de elegir las imágenes que vas a usar. A continuación, te presento algunas reglas para asegurarte de elegir imágenes fuertes y que conviertan altamente:

 

1. Reconsidera las fotos de stock

Ahora que hemos establecido que las imágenes son fundamentales para tus conversiones, no hay absolutamente ninguna razón para que sigas utilizando fotos de stock, al menos no aquellas que parecen completamente falsas.

Las fotos de stock reducen la autenticidad y la confianza; se pueden detectar a kilómetros de distancia y, lo más importante, son utilizadas por miles de otras empresas. ¿No hemos visto todos esta imagen de «mujer de negocios» en todas partes?

usar imagenes de stock para una mala landing page

 

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

Si no tienes presupuesto para invertir en tu propia sesión de fotos o imágenes, aún puedes usar fotos de stock que parezcan más auténticas. No todas las fotos de stock son malas y hay algunos sitios web geniales con fotos auténticas y originales. Algunos de mis sitios favoritos incluyen VisualHunt, Skuawk y Gratisography. También puedes usar esta lista de fuentes de imágenes gratuitas y una herramienta como Canva para editar tus fotos.

Antes de elegir una foto de stock, hazte un favor y pásala por 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 rostros. Estamos programados desde el nacimiento para reconocer personas, por eso respondemos mejor a los rostros y las imágenes humanas. De hecho, el giro fusiforme es la parte específica de nuestro cerebro responsable del reconocimiento facial, corporal y del color. Por eso debes usar rostros humanos en tus visuales, y cuanto más similares sean a tu público objetivo, mejor.

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

Articulate hace un gran trabajo utilizando imágenes auténticas de personas en toda su página. Desde el fundador y CEO como imagen principal:

 

Ejemplo de imagen principal de página de aterrizaje con personas reales

 

Articulate utiliza una imagen de su fundador y director ejecutivo en la página de inicio

Hasta varios testimonios de clientes satisfechos:

 

Landing page con una imagen de ejemplo

 

Página de inicio con un testimonio y una fotografía del cliente

 

Ejemplos de testimonios de imágenes de página de aterrizaje con altas conversiones

 

Las páginas de destino convierten más con imágenes de personas reales

Incluso incluyen una imagen de su equipo de soporte:

 

imagenes de personas reales convierten mas en una landing page

 

¡Tus empleados son personas reales!

La conexión entre los titulares y las personas es clara. Todas las imágenes son de personas con las que se puede relacionar, y esto te ayuda a conectarte aún más con la marca y su solución.

 

3. Reduce el ruido y la fricción

Dado que la imagen que usamos en nuestra landing page acapara la mayor parte de nuestra atención y es lo primero que ven las personas, debemos asegurarnos de eliminar cualquier ruido o fricción que la imagen pueda causar. Esto incluye colores que puedan distraer o otros objetos visuales que no tengan ningún propósito.

Everwise tiene una imagen principal muy «ruidosa», es difícil leer el texto debido a los colores y los diferentes objetos en la imagen. Además, no hay indicaciones direccionales sobre dónde debería mirar un visitante o en qué debería 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.

 

Imagen principal de la página de aterrizaje de Everwise.

 

Ejemplo de una imagen de página de destino ruidosa

 

4. Considera el efecto emocional del color

Hay muchas guías diferentes sobre cómo usar la psicología del color para aumentar las conversiones. Aunque la mayoría de los infográficos y publicaciones en blogs sugieren que cada color tiene el mismo efecto emocional en todos los seres humanos (por ejemplo, azul = confianza), eso simplemente no es verdad.

Los colores sí tienen un efecto emocional en nosotros, pero varía según 3 componentes:

  1. Emoción: Percibimos los colores basados en nuestras experiencias pasadas, psicológica y emocionalmente. Por ejemplo: para algunos, el azul simboliza el «océano», «frescura» y «vacaciones», mientras que para otros «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 luto.

 

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

 

5. La copia importa

Las imágenes no funcionan solas. Puedes tener la mejor imagen visual del planeta, pero si no está respaldada por las palabras adecuadas que hablen de los deseos y necesidades de tu cliente, no verás muchas conversiones.

El secreto para obtener la copia correcta es similar a elegir una imagen: hazlo sobre el cliente. Desafortunadamente, al igual que las empresas utilizan la imagen principal para resaltar su propia solución en lugar del cliente, la copia se usa de la misma manera egoísta.

Ejemplos incluyen a Team, explicando la solución que brindan:

 

Copia de página de aterrizaje de team

 

Pomerleau explicando quiénes son:

 

Imagen de página de aterrizaje - pomerleau

 

Logo Shop describiendo lo que hacen:

 

imágenes para una landing page - logoshop

 

Y Tapdaq explicando cómo funciona su plataforma:

 

Imagen de página de aterrizaje - tapdaq

 

Todos los ejemplos anteriores tienen un tema repetitivo: todo 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 lo que obtienen. Y por eso es crucial escribir una copia que apele a los disparadores emocionales de tu prospecto.

The BLK TUX hace un gran trabajo emparejando sus visuales con una copia exitosa de la landing page:

 

 

Tus próximos pasos:

La próxima vez que estés sentado en tu escritorio y pienses en esa imagen de la landing page, asegúrate de hacer tu investigación y considerar todas las diferentes formas en que puedes evocar la emoción adecuada que impulse a los prospectos a convertir.

¿Cuáles son algunos ejemplos de imágenes de páginas de aterrizaje que has visto y te han gustado?

Escrito por:

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

For security, use of Google's reCAPTCHA service is required which is subject to the Google Privacy Policy and Terms of Use.

Artículos Recientes:

Sobre Nosotros

Somos la Agencia Embudos Web, tenemos más de 4 años en el mercado y somos especialistas en automatizar las ventas de los negocios a nivel online, lo hacemos a través de la implementación de estrategias de marketing como embudos de venta personalizados.

Síguenos en Redes sociales:

SUSCRIBETE A NUESTRO

WEBINARIO GRATUITO

Cómo Anunciarte en Google Ads para Generar Más Ventas en Tu Negocio

SUSCRIBETE A NUESTRO

WEBINARIO GRATUITO

Aprende Cómo Crear Anuncios de Clientes Potenciales en Facebook Ads este 2022

SUSCRIBETE A NUESTRO

WEBINARIO GRATUITO

Cómo Implementar un Embudo de Ventas para mi negocio

Suscribete a nuestro Boletín Informativo

Descubre cómo conducir a tus clientes por el embudo de ventas

Te enviaremos toda la información que necesitas para lograr que tus clientes confíen en tu marca. Aprende a construir una máquina de generación de leads predecible, escalable y orientada a los objetivos que realmente traen dinero a la mesa.

Solo tienes que rellenar el siguiente formulario para recibir los mejores artículos, guías e invitaciones especiales que te ayuden a llevar tu negocio a otro nivel.

Suscribete GRATIS