Cómo crear hermosas (y persuasivas) imágenes de héroes para su tienda en línea

Publicado: 2015-01-06

La mayoría de las tiendas en línea y las plantillas de temas tienen un componente principal en común, una imagen grande destacada o una serie de imágenes que se muestran de manera destacada en la página de inicio.

Estas imágenes a menudo se denominan imágenes de héroe, pancarta o carrusel. No importa cómo los llame, son lo mismo y cumplen un papel muy importante para los negocios en línea.

En esta publicación, veremos la importancia de las imágenes de héroes, le presentaremos algunas de las mejores prácticas para usarlas y le proporcionaremos algunas herramientas y recursos gráficos increíbles para ayudarlo a crear imágenes de héroes hermosas y persuasivas para su tienda en línea.

Profundicemos en ello.

Lista de lectura gratuita: consejos de diseño de tiendas en línea

La apariencia de su tienda en línea puede tener un gran impacto en las ventas. Dé rienda suelta a su diseñador interior con nuestra lista gratuita y seleccionada de artículos de alto impacto.

Ubicación, ubicación, ubicación.

Una imagen principal ocupa la mayor parte del espacio inmobiliario en la página más vista de todo su sitio, la página de inicio. Este es un bien inmueble de primera en el mundo en línea, y significa que las imágenes destacadas pueden ser un activo muy valioso para su negocio si se usan correctamente.

Estas imágenes grandes están en todas partes, solo echa un vistazo a algunos de los temas más populares en la tienda de temas de Shopify. La mayoría presenta una imagen de héroe prominente:

El propósito de las imágenes de los héroes

Puede usar esta valiosa propiedad inmobiliaria para varios propósitos según su negocio y sus objetivos. Echemos un vistazo a algunos de los enfoques más comunes para usar imágenes destacadas a continuación:

1. Para ayudar a construir su marca y contar su historia

Un uso potencial del espacio de la imagen principal de su página de inicio es ayudar a construir su marca. Este método puede ser particularmente efectivo para su negocio y los productos tienen una gran historia que se suman al . Utilice su propiedad inmobiliaria principal para este método que implica presentar información clave que eduque a sus visitantes sobre la historia de su marca.

2. Para responder a las preguntas de los clientes

Otro enfoque común es ofrecer respuestas a una pregunta frecuente. Esto podría ser una respuesta a su objeción más común o una pregunta urgente que puedan tener sus visitantes. Por ejemplo: “Envío GRATIS a USA”.

3. Para resaltar tu propuesta de valor

Quizás el uso más importante de este espacio puede ser explicar la propuesta de valor de su marca. Su propuesta de valor explica exactamente a sus clientes el valor que les entregan sus productos. Qué mejor lugar para decirles a sus clientes su propuesta de valor que directamente en su página de inicio, donde aterrizan la mayoría de los visitantes.

4. Para hacer un anuncio

Uno de los usos más destacados de este espacio clave es presentar un anuncio como una venta. La imagen del héroe de la página de inicio es un excelente lugar para las notificaciones de venta, ya que llegará a la mayor cantidad de visitantes.

5. Para presentar un producto o línea de productos

Finalmente, otro uso popular de las imágenes de héroes es mostrar un producto o una línea de productos en particular. Esto puede ser perfecto para cuando lanza nuevos productos y desea que reciban la mayor cantidad de atención, así como para presentar productos con el margen de beneficio más alto o productos que está tratando de liquidar.

Independientemente de lo que elija hacer con este espacio, hay varias cosas que debe incluir una buena imagen de héroe. Echemos un vistazo a los elementos más importantes de una imagen de héroe.

¿Qué debe incluir una imagen de héroe?

Hay tres elementos para hacer una gran imagen de héroe. Una combinación bien pensada de cada uno de estos elementos puede conducir a una imagen de héroe persuasiva que obliga al visitante a realizar la acción que usted desea, de acuerdo con su objetivo de conversión.

Echemos un vistazo a los tres elementos esenciales a continuación:

Imagen llamativa: al ojo humano le encantan las imágenes grandes, audaces y brillantes, razón por la cual la fotografía de un producto es tan importante. La imagen del héroe no es diferente. Su imagen de héroe debe presentar gráficos, imágenes o fotos que sean de alta resolución y que llamen la atención. Casi todos los temas tendrán la resolución de imagen sugerida en la lista para que sepa exactamente qué tamaño hacer para sus imágenes principales.
Copia pegadiza: su copia son las palabras que usa para comunicar su mensaje. Debido a la naturaleza de la imagen y el tiempo que tiene para comunicar su mensaje, su texto debe ser muy conciso y directo.
Fuerte llamada a la acción: por último, todas las imágenes destacadas deben incluir una llamada a la acción destacada. Texto o un botón que le indica al lector la acción que desea que realice. Algunos ejemplos incluyen COMPRAR AHORA, LEER NUESTRA HISTORIA, SABER MÁS, etc.

¿Deberías rotar las imágenes de tus héroes?

Notará que muchos temas y sitios contarán con una imagen de héroe giratoria que rotará varias imágenes cada pocos segundos. Esta característica suele ser apreciada por los diseñadores, ya que presenta una gran y hermosa pieza de bienes raíces para mostrar sus excelentes diseños, sin embargo, los expertos en usabilidad han estado frunciendo el ceño durante un tiempo debido a la naturaleza que distrae de las imágenes en constante movimiento que generalmente están fuera de el control del espectador.

Se han realizado algunas pruebas que muestran que casi nunca se hace clic en las imágenes de héroe rotativas más allá de la primera. ConversionXL publicó una gran publicación hablando de esto y su recomendación fue deshacerse de los banners giratorios por completo.

La publicación hace referencia a un estudio de la Universidad de Notre Dame que muestra que la primera imagen de cinco imágenes recibió el 84% de todos los clics.

El consenso general es que, en lugar de presentar varias imágenes destacadas en rotación, debe centrarse en una sola imagen. Sin embargo, la rotación de imágenes puede ser adecuada para su negocio y, con un poco de planificación, puede funcionar muy bien para usted.

Si desea utilizar imágenes de héroe rotativas para su tienda, considere lo siguiente:

Usa un estilo consistente en todas las imágenes de héroes.
Mantenga el contenido simple para que su lector pueda digerirlo rápidamente.
Mantenga las imágenes lo más pequeñas posible en tamaño de archivo para no ralentizar el tiempo de carga de su sitio web.
Mantenga la cantidad de diapositivas al mínimo y solo presente lo que es realmente importante.
Haga que la navegación sea obvia y controlable para el lector.

Cómo crear imágenes de héroe para su tienda en línea

Tal vez el mayor obstáculo para los propietarios de tiendas nuevos, que no son expertos en diseño o en tecnología es crear bellas imágenes nuevas de héroes de forma regular. Sin embargo, en los últimos años, ha surgido una variedad de herramientas que pueden facilitar este proceso incluso para el empresario menos experto en tecnología.

De dónde obtener imágenes:

Hay una cantidad infinita de lugares para conectarse en línea para encontrar imágenes para las imágenes principales de su sitio web. Aunque algunos son mejores que otros. Para ayudarlo en su búsqueda, hemos enumerado algunas de las mejores fuentes para que encuentre su próxima imagen:

Recursos de imágenes libres de regalías y sin costo

Burst by Shopify - (Gratis) Esta es una nueva plataforma de fotos para emprendedores. Puede encontrar fotos de productos de alta resolución e imágenes de estilo de vida que son perfectas para campañas de marketing y redes sociales. Cada semana se agregan cientos de fotos nuevas, así que vuelva con frecuencia si su nicho aún no se ha agregado.

The Stocks - (Gratis) The Stocks reúne las mejores fotos libres de regalías de los mejores recursos en un sitio web limpio y fácil de navegar. No todo se puede buscar, por lo que es posible que deba dedicar un tiempo a buscar entre todos los recursos para encontrar buenos ajustes para su marca.

Death To Stock Photo (Gratis) Estas imágenes gratuitas solo están disponibles por correo electrónico. Debido a que estas fotos se le envían por correo electrónico una vez al mes, es una buena manera de comenzar a crear su propia colección de imágenes únicas que puede usar en el futuro.

Pixabay - (Gratis) Más de 400.000 fotos, vectores e ilustraciones artísticas gratis.

Hamburguesa gráfica - (Gratis) Un gran recurso con fotos e imágenes gratis para uso comercial.

PicJumbo - (Gratis) PicJumbo es un muy buen recurso para fotos de alta calidad y gratuitas. Una gran selección y todo categorizado hace que las imágenes geniales sean fáciles de encontrar.

morgueFile - (Gratis) morgueFile existe desde hace mucho tiempo y tiene miles de fotos de stock gratuitas que se pueden buscar.

Recursos de imagen pagados

Si tiene un presupuesto pequeño para trabajar con sus imágenes de héroe, considere algunos de los recursos mejor pagados para obtener imágenes y fotos de mayor calidad. Debido a que se pagan, hay menos personas que los usan en la web, lo que hace que sus imágenes de héroe sean más únicas.

Creative Market - (Pagado) Uno de los mejores mercados para imágenes y gráficos. Los estándares de calidad son altos aquí y los precios son razonables.

500px Prime - (Pagado) Un recurso increíble para fotos hermosas, únicas y de alta gama de fotógrafos de todo el mundo.

Dollar Photo Club - (Pagado) Solo $1 por imagen y una gran selección de fotos premium.

Stocksy - (Pagado) Otro gran recurso de imágenes seleccionadas de fotógrafos seleccionados. Las imágenes van desde $10 para imágenes pequeñas, $25 para imágenes de tamaño mediano y $50 para imágenes grandes.

Por supuesto, las fotos de archivo siempre serán solo eso, fotos de archivo. Si tiene algo de tiempo y tal vez un poco más de presupuesto, considere tomar su propia fotografía de imagen de héroe como Amos Brand.

Tomar tus propias fotos no tiene por qué ser costoso o complicado. Te sorprendería la calidad de las fotos que puedes obtener desde tu teléfono inteligente. Para comenzar, consulte una de las clases en línea gratuitas de CreativeLive sobre fotografía para comprender los conceptos básicos de la fotografía.

También puede considerar consultar nuestra guía sobre cómo tomar excelentes fotografías con su teléfono inteligente. Muchos de los consejos en esta publicación también se pueden usar para tomar hermosas imágenes de héroes para su página de inicio.

Cómo armar una imagen de héroe:

Adobe Photoshop ($ 9.99 / mes) es el programa elegido entre los artistas de diseño gráfico y fotógrafos, sin embargo, tiene un precio bastante elevado y una gran curva de aprendizaje. La buena noticia es que existen varias alternativas que son mucho más fáciles de usar y gratuitas.

Pixlr: (basado en la web, gratuito) Un editor de imágenes gratuito basado en la web y descargable. Si está familiarizado con la edición de imágenes, encontrará que Pixlr es bastante fácil e intuitivo de aprender. Desafortunadamente, sin experiencia previa en la edición de imágenes, aún puede encontrar Pixlr un poco difícil de navegar. Intente comenzar con el editor basado en web.

Pixelmator - (Aplicación OSX $29.99) Pixelmator es un potente y rico editor de imágenes para OS X que tiene un costo nominal de $29.99.

Canva: (basado en la web, Freemium) Canva es una aplicación de edición de imágenes basada en la web bastante nueva, y va más allá de la simple edición de imágenes. Su objetivo es hacer que el diseño sea simple para cualquier persona. La aplicación facilita la selección del tamaño de la imagen que desea producir e incluye elementos de diseño integrados, como fotografías de stock (gratuitas y de pago) y fuentes.

PicMonkey (basado en la web, gratuito) PicMonkey esconde su poder detrás de una interfaz simple e intuitiva. Aunque PicMonkey es gratuito, hay una versión premium que ofrece muchos extras por un pequeño cargo mensual.

Conclusión

Ahí lo tienes, la razón, el propósito y los usos de las imágenes de un héroe en tu página de inicio. Cambiar estas imágenes con frecuencia hace que su tienda se sienta fresca para los visitantes habituales, la mantiene animada y lleva a los visitantes a realizar las acciones que están más en línea con sus objetivos de conversión.

Cuéntanos en los comentarios si nos perdimos un gran recurso para armar imágenes de héroes geniales.