Cómo hacer un Sitio Web o Blog en 2024 - Guía fácil y Gratuita para Crear un Sitio Web

Imágenes de páginas de destino que convierten: su guía completa

Imágenes de páginas de destino que convierten: su guía completa

Imagen oculta de Pinterest

Las imágenes son la base emocional de sus páginas de destino.

Tienen el poder de hacer que sus visitantes se vayan felices, informados, motivados o tranquilos.

Y lo más importante, tienen el poder de aumentar tus conversiones.

Pero, ¿cómo puedes exactamente incorporar imágenes en tus páginas de destino?

No es de extrañar que haya muchas formas de utilizar las imágenes: como imágenes, vídeos e incluso GIF.

En esta publicación, te mostraré 16 formas creativas de utilizar elementos visuales en tus páginas de destino. También te mostraré cómo aprovechar al máximo cada elemento visual para que puedas obtener mejores tasas de conversión de tus páginas.

Profundicemos en:

Capítulo 1 – Como te imaginas

Así es como normalmente utilizarás las imágenes en tus páginas de destino: como imágenes.

Las imágenes tienen el doble beneficio de captar la atención y amplificar el mensaje, además de ser fáciles de usar y rápidas de cargar. ¡Y los tiempos de carga de la página son un gran problema para la experiencia del usuario!

Agregue el hecho de que las imágenes están disponibles, son fáciles de editar y su producción no cuesta casi nada (en comparación con los videos), y podrá ver por qué son el pilar de las páginas de destino.

Entonces, ¿qué tipo de imágenes puedes utilizar en tus páginas de destino?

Aquí hay algunas ideas para comenzar:

Usa imágenes de personas.

Hay tres cosas que debes saber sobre el uso de imágenes de personas en tus páginas de destino:

Este comportamiento convierte las fotografías de las personas en una herramienta especialmente poderosa para crear empatía, captar la atención y dirigirla hacia un elemento importante de nuestra landing page.

Por ejemplo, un estudio de seguimiento ocular de una página de destino en la que aparecía un niño mostró que cuando el niño miraba al frente, el espectador ignoraba por completo el texto de la página. En cambio, el rostro del niño contaba para toda la atención.

01 Estudio de la página de destino

Cuando la imagen se movía de modo que el niño estuviera frente al texto, los visitantes primero miraban al niño (es decir, la cara atraía su atención). Luego siguieron la mirada del niño para mirar el texto.

02 Dirección de la página de destino

Este es un gran ejemplo de nuestra tendencia a notar las caras y seguir su mirada.

Ahora, veamos algunas formas específicas en las que puedes utilizar imágenes de personas en tus páginas de destino:

1. Ayude a los visitantes a identificarse con su producto

Mostrar a los visitantes que sus clientes son «como ellos» puede cerrar la brecha de empatía. Esto significa que les resultará más fácil identificarse con sus productos y visualizarlos usándolos.

¿El resultado? Tasas de conversión más altas.

Una forma de hacerlo es mostrar los clientes existentes o una versión idealizada del cliente (basada en sus personajes) en sus páginas de destino.

Por ejemplo, esta página de destino de Campamento base muestra una cotización de un cliente real junto con su foto:

03 Página de inicio del campamento base

Y aquí hay un ejemplo de Voyamostrando un modelo que representa un cliente objetivo ideal:

04 Página de inicio de Voya

Siempre que sea posible, utilice un cliente real en lugar de un cliente objetivo ideal; parece mucho más auténtico (o al menos eso me parece a mí). Y en caso de duda, utilice pruebas divididas para ver qué funciona mejor.

2. Describe una emoción que quieras que sientan los visitantes.

¿Cómo demuestras que el uso de tus productos hace feliz a la gente?

Simple: use una imagen que represente la emoción que busca.

Este es un establo de publicidad moderna. Ves gente feliz en los comerciales de automóviles porque eso es lo que las compañías automotrices quieren que sientas con respecto a sus autos.

Es similar a las imágenes del «antes» de los comerciales de televisión. Están llenos de gente infeliz y frustrada porque esa es la emoción que la empresa quiere amplificar.

Por lo tanto, cuando utilice imágenes de personas, intente mostrar una emoción que desee que sientan sus clientes.

En este ejemplo de Escritorio fresco, ves a un niño sonriente y feliz. La imagen es lo suficientemente única como para captar nuestra atención (especialmente las enormes gafas del niño). Y la sonrisa va en consonancia con la emoción de “felicidad” que Freshdesk quiere transmitir:

🔥 Leer:  Thrive Apprentice Review 2024: ¡La forma más fácil de crear cursos en línea!
05 escritorio nuevo

Aquí hay un ejemplo más complejo de este tipo de imagen «feliz», cortesía de Lejos de casa:

06 En casa lejos

En la imagen se ve una amplia gama de acciones, pero todas las personas están igualmente felices: la emoción que HomeAway quiere que sientas.

3. Utiliza imágenes para captar la atención

Algunos tipos de imágenes captan inmediatamente nuestra atención, especialmente si son atrevidas, dramáticas o apelan a los deseos.

Este ejemplo da Lyft utiliza la imagen de una modelo femenina:

07 Página de inicio de Lyft

¿Por qué? Por qué La investigación muestra que los rostros atractivos captan nuestra atención..

Es importante saber que este enfoque también puede resultar contraproducente. Si la CTA no es lo suficientemente convincente, es posible que el visitante no la note y se concentre únicamente en la plantilla.

Por ejemplo, en este estudio de seguimiento ocularLos espectadores apenas miraron el producto en sí:

08 Página de destino Dulce

Si va a utilizar este enfoque, asegúrese de que su CTA y su oferta sean lo suficientemente sólidas.

También puedes usar la mirada haciendo que el modelo mire hacia tu CTA.

4. Utilice fotografías del fundador de la empresa.

Usar fotografías del fundador de la empresa hace dos cosas:

  • Hace que la marca sea más «humana» y reconocible.
  • Asocia la marca con un individuo y así transfiere la personalidad del individuo a la marca.

El ejemplo más famoso de “fundador como imagen” es, por supuesto, KFC. La imagen del Coronel está por todas partes en cada KFC.

En una escala más pequeña, verá que los blogueros y autores suelen utilizar sus propias imágenes en sus páginas de destino.

Aquí estás OKDork de Noah Kagan:

09 Página de inicio de OKDork

Utilice imágenes de productos

Antes de comprar un producto, sus clientes naturalmente quieren saber cómo es y cómo funciona.

Por eso las imágenes de productos son tan populares en las páginas de destino. Muestran el producto (incluso si es digital) y ayudan a los compradores a tener una idea de cómo funciona.

Veamos algunas formas en que puede utilizar imágenes de productos en sus páginas de destino:

1. Mostrar el producto en uso

Esta es la forma más común de utilizar imágenes de productos en páginas de destino, mostrando cómo se ve el producto y cómo se usa.

Puede utilizar una imagen independiente del producto o mostrar a personas usándolo o usándolo. Recomendamos elegir la última opción si desea que la gente vea el producto (como el cierre o los accesorios).

Por ejemplo, Warby Parker muestra modelos utilizando sus productos:

11 Warby Parker

En los ejemplos anteriores, el producto no tiene un diseño lo suficientemente exclusivo como para destacarse. Por eso necesitas un modelo que te ayude a visualizarlo.

Si su producto es único o aborda un problema de una manera nueva, querrá mostrarle a la gente cómo funciona en su página de destino.

Por ejemplo, la página de inicio original de Square Mostró cómo funcionaba el producto porque en aquella época aceptar tarjetas en el teléfono era una idea bastante revolucionaria.

Página de inicio cuadrada 13

2. Muestre usted mismo el producto

Si su producto no requiere una plantilla o tiene un gran diseño que desea mostrar, puede tener una página de destino como esta de Nike:

14 Nike

El diseño centrado en el producto funciona aquí, ya que ayuda a mostrar las características únicas del producto.

Y por supuesto, no podemos hablar de páginas de destino centradas en productos sin mencionarlas. Manzana:

15 manzana

En ambos casos, la página de destino destaca el diseño y las características del producto. Esto no funcionaría para un diseño genérico, pero funciona para empresas como Apple y Nike.

La industria alimentaria también sigue esta tendencia, aunque suele presentar una versión «idealizada» del producto. Esta página de inicio de McDonalds no muestra cómo son realmente sus hamburguesas; muestra una interpretación en Photoshop de las hamburguesas:

16 McDonald's

Otro ejemplo es esta imagen de alimentos zen mostrando una versión mejorada de la comida:

17 alimentos zen

Pero ¿qué pasa si su producto no es nada excepcional en términos de diseño o propuesta de valor?

Una gran opción en estas circunstancias es centrarse en el packaging o mostrar el producto en contexto.

Por ejemplo, esta página de destino de Winc muestra el producto en su embalaje completo. El envase es parte de la PVU de la empresa, no el vino. Y esta página de destino lo destaca.

18 victoria

Asimismo, el Página de inicio del Trunk Club muestra el torso y no la ropa individual:

19 Club del tronco

3. Ver un producto digital

Si vende productos digitales, existen tres formas principales de utilizar imágenes:

  • Véalo como un producto físico, como un libro electrónico retocado con Photoshop para que parezca un libro físico.
  • Ver su contenido. Esto funciona especialmente bien para productos de software donde se puede mostrar la interfaz de usuario.
  • Ver el producto en contexto, es decir, mostrar dónde y cómo se utiliza el producto.
🔥 Leer:  38 imágenes de fondo de pantalla HD Corea para escritorio y móvil

Por ejemplo, este página de destino de Unbounce mostrar un libro electrónico como un libro físico:

20 No rebotes

Esta es una tendencia común en las páginas de destino de libros electrónicos, ya que ayuda a visualizar el producto. También ayuda a dar la impresión de mayor valor.

Los productos de software suelen mostrar la interfaz del producto, principalmente en un dispositivo específico (portátil/iPad/teléfono).

He aquí un ejemplo de vendedorgenie:

21 vendedor genio

Otra alternativa es mostrar el producto realmente utilizado por una persona. Esto coloca el producto en contexto y ayuda a los clientes a comprenderlo mejor.

Aquí estás un ejemplo:

22 Ejemplo de tablero de ventas

Usa imágenes abstractas

En este contexto, se consideran imágenes «abstractas» aquellas imágenes que no tienen una relación clara con el producto.

Piensa en las “imágenes de héroes” que ves en Unsplash.com. Estas imágenes funcionan porque son hermosas a la vista y captan la atención.

A continuación se muestran algunas formas en las que puede utilizar imágenes abstractas:

1. Utilice imágenes de paisajes

Una imagen horizontal u otras imágenes no relacionadas no aportan nada a su producto. Y no amplifica la emoción que quieres crear.

Sin embargo, crea un fondo interesante para su copia. Puede que no llame la atención de la misma manera que la imagen de una modelo sonriente, pero crea una «actividad» adecuada en cualquier página.

Si se hace bien, también se puede hacer coincidir con el texto de la página para ayudar a los lectores a visualizarlo.

Por ejemplo, la página de inicio de Kapost muestra una calle. Esto se alinea con el texto de la página: el «camino» hacia el éxito del contenido.

23 Kapost

Nota: La página de inicio de Kapost ya no está disponible en línea.

2. Utilice un fondo abstracto o sencillo

Un fondo abstracto o sencillo ayuda a que su texto se destaque y complementa el diseño de su página. Debido a que los fondos de pantalla como estos tienen un tamaño de archivo pequeño, se cargan muy rápidamente. Esto puede resultar útil para visitantes móviles y aquellos con conexiones lentas.

He aquí un ejemplo de charla fantástica:

24 Fantástico discurso

El fondo es de un color sólido que ayuda a que la copia se destaque.

Aquí hay otro ejemplo de mitro:

25 inglete

Capítulo 2 – Como vídeo

Si tuvieran la opción, muchas personas preferirían ver una publicación de blog en formato de video que leerla.

Aquí porque:

Los vídeos reducen el nivel de esfuerzo que los visitantes deben hacer para comprender su mensaje. Esto conduce a una mayor comprensión de su oferta.

Para los especialistas en marketing, los beneficios del vídeo son obvios. Le ayudan a demostrar mejor sus productos. También te ayudan a utilizar mejores técnicas de narración (como la animación) para contar tu historia.

Pero hay un inconveniente. Los vídeos adolecen de dos defectos importantes:

  • Eliminan a los usuarios con velocidades de red lentas, especialmente los usuarios móviles.
  • Excluyen a los usuarios que tal vez no puedan utilizar auriculares/altavoces.

A pesar de estos defectos, los vídeos suelen mejorar las tasas de conversión de las páginas de destino, a veces mucho. Según un estudio, el 80%..

Es una buena práctica incluir una alternativa al vídeo o mostrar el vídeo sólo si el usuario lo solicita haciendo clic en un botón. Esto asegurará que no se pierda ningún visitante.

Y aunque la producción de vídeos suele ser más cara, la tecnología ha avanzado mucho. Puedes conseguir una cámara que grabe vídeos de alta calidad sin gastar mucho. Por lo tanto, hay muchas herramientas disponibles que hacen que la edición de video sea fácil (y conveniente). Resolución de Da Vinci es un buen ejemplo.

A continuación, le mostraré algunas formas de utilizar vídeos en sus páginas de destino:

1. Muestre el producto en acción

Esta es la forma más común de utilizar vídeos en las páginas de destino: para mostrar cómo se ve el producto y cómo funciona.

Recomendamos usarlo especialmente para productos innovadores.

Aquí hay un ejemplo:

Lento Utilice vídeos para ofrecer a los usuarios un recorrido por el producto. Debido a que el enfoque de Slack para la comunicación en el lugar de trabajo es tan diferente, el vídeo del recorrido ofrece a los nuevos usuarios todo lo que quieren saber sobre el producto:

26 Suelto

Aquí hay otro ejemplo de IIos mostrando cómo funciona su producto:

27 oilo

Pero la mayoría de los usuarios no quieren ver un vídeo de 10 minutos. Tranquilícelos mostrándoles la duración del vídeo. Por ejemplo, Swagbucks, les dice a los usuarios que el video dura exactamente «43 segundos». Esta es una excelente manera de reducir su resistencia.

28 Swagbucks

2. Utilice el vídeo como fondo de su página de destino.

Una tendencia creciente en el diseño de páginas de destino es utilizar vídeos como fondo de la página.

Esto añade un nivel más profundo de complejidad emocional y visual al diseño. Sin embargo, esto puede ralentizar los tiempos de carga de la página, por lo que es una buena práctica utilizar una red de entrega de contenido o una plataforma de alojamiento de videos dedicada para sus videos. También recomendamos tener una alternativa estática para conexiones más lentas.

🔥 Leer:  Los 4 mejores complementos de traducción de WordPress para 2024 (comparación)

Una forma de utilizar fondos de vídeo es mostrar un producto en contexto. Por ejemplo, Grifo Bistró, muestra su producto POS utilizado en un restaurante. Esto ayuda a los clientes a comprender cómo funciona el producto.

29 Toque Bistró

Otro enfoque es utilizar un fondo que no muestre el producto ni a sus usuarios, pero que agregue complejidad visual a la página.

Un buen ejemplo es El taller página de destino.

Utilizan un fondo abstracto que agrega dramatismo a la página mientras centra la atención en el texto:

Página de inicio del taller

3. Utilice el vídeo como herramienta de ventas

Encontrará ejemplos de este enfoque en las páginas de ventas. Por lo general, se tratará de un narrador (visible o no) que realizará una presentación con la ayuda de un vídeo. Básicamente, se trata de una página de ventas de formato largo en formato de vídeo.

Por ejemplo, Temas prósperos utiliza vídeos en la mayoría de las páginas de destino de sus productos. Estos videos ayudan a demostrar cómo funciona el producto y presentan su propuesta de valor central.

30 temas prósperos

Nota al margen, Thrive Themes ofrece un conjunto de herramientas de WordPress centradas en la conversión. Puede utilizarlos para crear páginas de destino, sitios web completos, formularios de suscripción y más. ¿Le gustaría saber más? Consulte mi reseña sobre Thrive Themes.

4. Utilice testimonios en vídeo

Los testimonios demuestran que el producto o servicio proporciona valor real a otros y puede generar resultados similares para usted. Son una gran forma de prueba social.

Los testimonios en video superan a los testimonios en texto y en audio. Si bien es fácil crear testimonios de texto falsos, los videos son más difíciles de falsificar, lo que genera una mayor confianza.

Si planea utilizar testimonios en video, asegúrese de que su orador mencione los siguientes puntos:

  • Desafíos que enfrentaron (y sus intentos fallidos de resolverlos)
  • Cómo encontraron su producto/qué tan fácil fue de usar
  • Cómo su producto ayudó a resolver su desafío

Por ejemplo, Scorpion Internet Marketing presenta a un cliente real que habla de su experiencia trabajando con la empresa. En un campo competitivo (marketing en Internet) con baja confiabilidad, este testimonio en video agrega autenticidad a su mensaje.

31 Marketing de Internet de Escorpio

Capítulo 3 – Como GIF

Los GIF no son nada nuevo.

Fueron creados a finales de la década de 1980 y rápidamente adoptados por la comunidad de Internet. Sin embargo, su uso como estrategia de marketing recién ha comenzado a ganar terreno recientemente (gracias, Buzzfeed).

Estas pequeñas animaciones ofrecen un «punto medio» entre imágenes y vídeos.

Son baratos de crear y, a menudo, más atractivos que las imágenes fijas. Más allá del compromiso, estas pequeñas animaciones le permiten apuntar a una emoción exacta en sus visitantes.

A continuación, se muestran algunas formas sencillas de utilizar GIF en sus páginas de destino:

1. Utilice GIF para demostrar el producto y sus beneficios clave.

En algunos casos, es posible que puedas utilizar un GIF para mostrar tu producto y sus beneficios clave.

Este suele ser el caso de los productos digitales.

Por ejemplo, el Página de inicio de Instapaper muestra la característica principal del producto, la capacidad de «leer en cualquier lugar», con un GIF animado.

Instapapel

Un GIF funciona mejor que un vídeo en esta situación porque es más fácil de animar. Y, dado que el GIF sólo tiene colores limitados, el tamaño del archivo también es más pequeño (recuerde, los tiempos de carga de la página importan).

2. Muestre el producto en acción

Con este enfoque, el GIF funciona como un vídeo de reproducción automática. En lugar de hacer que la gente presione «reproducir» en un vídeo, puedes usar un GIF para mostrar tu producto en acción.

Dado que un GIF debe tener un tamaño de archivo relativamente pequeño, tendrás que limitar las funciones que deseas mostrar. Considere mostrar solo las funciones más importantes en lugar de una demostración completa (donde un video funcionaría mejor).

Por ejemplo, Optimizador visual de sitios web utiliza un GIF para mostrar cómo funciona su optimizador «visual»:

Optimizador visual de sitios web

3. Agregue interés visual a una página

Otra forma de utilizar GIF es agregar complejidad visual a una página que de otro modo sería simple. El GIF suele sustituir un elemento estático de la página y la hace más interesante visualmente.

Por ejemplo, esta página de destino de Banco podrían haber usado simplemente una imagen estática (que muestran a algunos usuarios según su ubicación o dispositivo), pero el GIF hace que la página sea mucho más interesante.

Banco

Ponlo todo junto

Para generar conversiones, una página de destino debe ser visualmente atractiva y dinámica.

Agregar GIF, imágenes y videos a su página de destino puede aumentar su impacto emocional, resaltar su texto o CTA y agregar complejidad visual.

Utilice los ejemplos anteriores para inspirar el diseño de su próxima página de destino: ¿Qué creará?