Cómo crear imágenes persuasivas de portada para tu ecommerce

En este post vamos a mostrar la importancia de las imágenes, dándote una introducción a algunos de sus mejores usos para posteriormente compartirte herramientas y recursos gráficos que te ayudarán a tener una imagen de inicio para tu tienda virtual propia y hermosa.

La mayoría de las tiendas en línea y sus plantillas tienen un componente en común: una o varias imágenes persuasivas y llamativas de formato largo que, de manera prominente, sobresalen en la pantalla de inicio.

Estas imágenes son a menudo nombradas banners o imágenes en carrusel. No importa como las llames, son lo mismo y juegan un papel importante para un negocio en línea.

En este post vamos a mostrar su importancia, dándote una introducción a algunos de sus mejores usos, para posteriormente compartirte herramientas y recursos gráficos que te ayudarán a tener una imagen de inicio para tu tienda virtual propia y hermosa.

Comencemos.

Ubicación, ubicación, ubicación

Una imagen de inicio abarca la mayor parte del espacio en la página principal, la vista de tu sitio. Esta ubicación es privilegiada en el mundo en línea y significa que estas imágenes pueden proporcionar un valor agregado a tu negocio si se utilizan de la manera adecuada.

Estas imágenes están por doquier. Sólo ingresa a nuestra tienda de temas de Shopify, la mayoría de las plantillas utilizan una imagen de cabecera:

El propósito de estas imágenes

Puedes utilizarlas como pieza clave para diferentes propósitos, dependiendo de tu negocio y sus objetivos. Veamos cómo algunas tiendas han aprovechado este recurso:

1. Para construir tu marca y contar una historia

Un uso potencial de la imagen persuasiva de tu página de inicio es ayudar a construir tu marca. 

Este método puede ser particularmente efectivo para tu negocio y productos si tienes una historia que agregar. Utiliza tus esfuerzos en este método para proporcionar información clave que ayude a tus visitantes a conocer un poco más de la historia de tu marca.

Ejemplo: Johnny Cupcakes es una línea extremadamente popular de ropa que tiene una historia única y que se ha vuelto parte de su marca. Para enfatizar y promover esa historia, utilizan una imagen de inicio que conduce a las personas a su historia, logrando hacer que entiendan mucho mejor a la marca y lo que están comprando.

En otro ejemplo, Beardbrand utiliza algunas de estas imágenes para su blog/revista en línea llamada The Urban Beardsman, que es una parte fundamental de su marca y de su estrategia de contenido.

2. Para contestar preguntas de los clientes

Otro uso común de estas imágenes es para responder preguntas frecuentes de los clientes. Estas pueden ir desde la ubicación del negocio hasta preguntas básicas de la marca. Por ejemplo: “Envío GRATIS a USA”

Ejemplo: The Chivery utiliza el espacio de esta imagen justo antes de una época de celebración, en este caso Navidad, para dejarle saber a sus clientes las fechas exactas de envío disponibles por temporada, con el objetivo de que reciban sus regalos a tiempo y antes de Navidad.

3. Para remarcar una propuesta de valor

Quizá el uso más importante de este espacio puede explicarse en las propuestas de valor de tu marca. Éste explica claramente a tus clientes lo que vale entregarles sus productos. Que mejor lugar para decirle a los clientes tu propuesta de valor que exactamente en el centro de tu página de inicio, en donde la mayoría de los visitantes aterriza, con una estupenda imagen persuasiva.

Ejemplo: Luxy Hair, tienda de extensiones para cabello utiliza efectivamente su página de inicio para promover su propuesta de valor acompañada de un claro y consistente call to action – Cabello largo y con volumen como nunca – COMPRA AHORA.

4. Para hacer un anuncio

Una de los usos más comunes de este espacio clave es para hacer un anuncio. La página de inicio y este tipo de imágenes se vuelven lugares ideales para anunciar ventas, alcanzando mayor cantidad de visitantes.

Ejemplo: FoxyMango, tienda para el cuidado del cabello y la piel, actualmente está utilizando su página de inicio y la imagen principal para anunciar una gran venta de temporada con descuento hasta del 35%.

5. Para dar a conocer un producto o una nueva línea

Finalmente, otro de los usos populares es mostrar un producto o una línea de productos específica. Esto puede ser perfecto cuando estás haciendo un lanzamiento y quieres recibir la mayor cantidad de atención, así como relacionar productos de un alto perfil con otros que estás tratando de liquidar con potentes imágenes persuasivas de productos.

Ejemplo: Greats utiliza este espacio para incluir hermosas imágenes de su producto estrella, el zapato The Royale.

No importa qué elijas hacer con este espacio, existen algunas cosas que una buena imagen debe incluir. Veamos cuáles son los principales elementos de estas imágenes de inicio.

¿Qué debe incluir las imágenes persuasivas de inicio?

Existen tres elementos para hacer una excelente imagen de inicio. Una poderosa combinación de cada uno de estos elementos puede llevar a que la imagen de inicio sea persuasiva y logre que el visitante realice alguna acción que quieras lograr, que vaya con tus metas de conversión.

Veamos estos tres elementos esenciales:

1. Imagen que atrape miradas – El ojo humano ama las imágenes grandes, brillantes y audaces. Precisamente por eso una excelente fotografía de producto es tan importante y las imágenes de cabecera no son diferentes. Deben juntar gráficos, imágenes o fotografías que sean de alta resolución y atrapen la mirada. Casi todos los temas tienen imágenes sugeridas de alta resolución así que ya sabes exactamente de qué tamaño debe ser tu imagen. A continuación un ejemplo del tamaño de una imagen para un tema de Shopify:
2. Texto que atrape – El discurso que acompañe esta imagen debe estar conformado por palabras que utilices para comunicar tu mensaje. Debido a la naturaleza de la imagen y el tiempo que tienes de comunicarlo, el texto debe ser conciso y específico.
3. Llamado a la acción fuerte – Finalmente, todas estas imágenes deben ir acompañadas de una llamada a la acción fuerte. Ya sea mediante texto o un botón, debes agregarlo para que le diga al lector qué es lo que esperas que haga. Algunos ejemplos incluyen COMPRA AHORA, LEE NUESTRA HISTORIA, ENCUENTRA MAS AQUÍ, etc.

Si regresamos al ejemplo de Luxy, podemos ver claramente estos tres elementos trabajando en armonía. Existe una imagen que atrapa de inmediato tu atención, un texto conciso que apoya la imagen y un simple llamado a la acción que va de la mano con las metas de conversión.

¿Deberías rotar tus imágenes de inicio?

Como habrás notado, muchos temas y sitios incluyen la posibilidad de cambiar tus imágenes de inicio varias veces, lo que hará que se cambien después de unos segundos. Esta característica es empleada por diseñadores ya que cuenta con un espacio magnifico para mostrar sus diseños. Sin embargo, algunos expertos no están tan contentos con esta característica ya que tiene una naturaleza de distracción gracias a las imágenes en constante movimiento, que generalmente están fuera del control del visitante.

Se han realizado algunas pruebas que muestran que las imágenes que se mueven constantemente, más allá de la primera, jamás son vistas de nuevo. ConversionXL realizó un excelente contenido sobre esto y compartió algunas recomendaciones sobre estos banners juntos.

Este post hace referencia a un estudio realizado por la Universidad de Notre Dame que mantiene que la primera imagen de un total de cinco recibe 84% de todos los clics.

El consenso general es que en lugar de tener varias imágenes en rotación, se centre la atención en una sola. Sin embargo, imágenes en constante rotación pueden ser adecuadas para tu negocio y con una buena planeación, pueden funcionar bastante bien.

Si quieres utilizar este tipo de imágenes en rotación para tu tienda, considera lo siguiente:

• Utiliza un estilo consistente en todas las imágenes.
• Mantén el contenido simple para que pueda ser digerido por tus lectores de manera rápida.
• Mantén las imágenes de un tamaño pequeño en un archivo para que no aumenten el tiempo de carga de tu sitio.
• Procura que el número de slides sea mínimo y que se enfoquen en lo que realmente importa.
• Asegúrate de que la navegación sea obvia y controlable por el lector.

Cómo crear imágenes persuasivas de inicio para tu tienda en línea

Quizá uno de los principales problemas para los nuevos diseños de tiendas virtuales sin ningún tipo de conocimiento de diseño sea crear hermosas imágenes de modo regular. Sin embargo, en los últimos años, han existido variedad de herramientas que muestran cómo este proceso puede ser fácil hasta para el emprendedor más novato.

Dónde obtener las imágenes comunicativas persuasivas:

Existen infinidad de lugares en línea en donde puedes encontrar imágenes que te sean de utilidad. Algunas son mejores que otras. Para ayudar en tu búsqueda, hemos hecho un listado de los mejores recursos para encontrar tu siguiente imagen:

Sin costo, recursos de imágenes gratuitas

The Stocks – (Gratis) The Stocks proporciona excelentes imágenes en stock gratis de una manera limpia, clara y en un sitio fácil de navegar. No todo es fácil de encontrar así que quizá quieras gastar un poco de tiempo buscando a través de los recursos que tiene que ofrecerte para encontrar esas imágenes que encajen con tu marca.

Death To Stock Photo (Gratis) Estas imágenes gratis únicamente están disponibles por correo. Gracias a que se envían a tu cuenta cada mes, es una excelente manera de comenzar a construir tu propia colección de imágenes únicas para utilizarlas en un futuro.

Pixabay – (Gratis) Más de 300,000 fotos gratuitas, vectores e ilustraciones de arte.

Graphic Burger – (Gratis) Un excelente recurso con fotografías e imágenes gratis para uso comercial.

PicJumbo – (Gratis) PicJumbo es un recurso realmente bueno y de alta calidad, que ofrece imágenes en stock. Una gran selección de imágenes bien categorizadas lo hace un excelente recurso.

morgueFile – (Gratis) morgueFile ha estado en línea por bastante tiempo por lo que actualmente cuenta con cientos de fotografías en stock.

Recursos de imágenes de pago

Si tienes un pequeño presupuesto con el cual trabajar, considera algunos de los mejores recursos de pago que te ofrecen imágenes de la más alta calidad. Gracias a que son de pago, existen menos personas utilizándolas en línea, haciendo de tu imagen de inicio algo casi único.

Creative Market – (Pago) Uno de los mejores lugares para encontrar imágenes y gráficos. Sus estándares de calidad son altos y a un precio bastante razonable.

500px Prime – (Pago) Un increíble recurso con únicas y hermosas fotografías proporcionadas por fotógrafos de todo el mundo.

Dollar Photo Club – (Pago) Solo $1 por imagen, destacables de una gran selección de fotos Premium.

Stocksy – (Pago) Otro excelente recurso en donde las imágenes son curadas directamente de fotógrafos profesionales. El rango de precios va desde los $10 para pequeñas imágenes, $25 por aquellas de tamaño mediano y $50 por imágenes grandes.

Claro, las fotografías en stock siempre van a ser eso. Si tienes tiempo y quizá un poco de presupuesto, considera hacer tu propia sesión de fotos y seleccionar tu imagen de inicio como lo hizo Amos Brand.

Realizar tus propias fotografías no tiene que ser caro ni complicado. Te sorprenderías de la calidad de algunas de las imágenes que puedes obtener con tu smartphone. Para comenzar, revisa las opciones gratis que ofrece CreativeLive, para entender los puntos básicos de fotografía.

Quizá también quieras considerar revisar nuestra guía de cómo tomar excelentes fotografías con tu smartphone. Muchos de los consejos que incluimos pueden ser utilizados para tomar hermosas imágenes de inicio para tu página principal.

Cómo juntar una imagen de inicio:

Adobe Photoshop ($9.99/mes) es el programa que la mayoría de los diseñadores, artistas y fotógrafos eligen. Sin embargo, tiene un precio bastante elevado y se requiere estudiar bastante para entenderle. La buena noticias es que hay varias alternativas, mucho más fáciles de utilizar y gratuitas.

Pixlr – (disponible en línea, gratis). Este editor, tanto disponible en línea como descargable de manera gratuita puede funcionarte si tienes cierta familiaridad con la edición de imágenes. Vas a encontrar que Pixlr es bastante fácil de utilizar y bastante intuitivo. Desafortunadamente si no tienes experiencia con la edición de imágenes, puedes encontrar que Pixlr es un poco difícil de manejar. Trata de comenzar con el editor en línea.

Pixelmator – (OSX App $29.99) Pixelmator es un poderoso editor de imágenes para OS X que tiene un costo de $29.99.

Canva – (disponible en línea, gratis) Canva es una aplicación de edición de imágenes bastante nueva disponible en línea y va más allá de la edición de imágenes sencilla. Su objetivo es hacer un diseño simple para cualquier persona. La aplicación hace fácil seleccionar el tamaño de la imagen que estás buscando utilizar e incluye elementos de diseño para incluir fotografías en stocks (gratis y pagados)  y fuentes.

PicMonkey – (disponible en línea, gratis) PicMonkey esconde su poder detrás de una simple e intuitiva interfaz. Además, PicMonkey es gratis pero existe una versión premium que provee un cargo extra mensual.

Conclusión

Aquí tienes la razón, el propósito y el uso de las imágenes de inicio en tu página principal. Cambiar estas imágenes de manera frecuente mantiene tu tienda fresca para constantes visitantes, conduciéndolos a tomar acciones que generen conversiones.

Coméntanos si faltaron algunos excelentes recursos para tener excelentes imágenes.

Acerca del autor

Richard Lazazzera es emprendedor de comercio electrónico y estratega de contenido en Shopify. Conoce más sobre Richard en Twitter.