Cómo usar galerías de imágenes con éxito en tu tienda online
Laia Ordoñez
-
-
A la hora de vender online, una imagen vale mucho más que mil palabras. Y es que, en una tienda online, una simple imagen puede servir para invitar a una acción o transmitir un mensaje completo de un simple vistazo. Por eso es importante que conozcas las distintas opciones de galerías de imágenes que puedes utilizar en una tienda online con fines comunicativos y promocionales, y muy especialmente los que te ofrecemos en Oleoshop si nos has escogido como tu plataforma ecommerce.
A continuación te mostramos diferentes tipos de galerías de imágenes, te explicamos para qué puedes utilizarlas y te mostramos algunos ejemplos.
-
1. Imágenes a full-screen o pantalla completa
-
En el post de ayer destacábamos que las imágenes a full-screen o pantalla completa en la home eran tendencia absoluta en 2016, así que… ¿por qué no aplicarlas a tu tienda online? Una imagen a pantalla completa hace que el usuario entre en el mood de la página inmediatamente, induciéndole a un receptivo estado de predisposición en relación a todo lo que tengas que contarle (y venderle).
-
-
Como ejemplo, la web de Luciano Giudicessi, uno de nuestros clientes, y nuestras plantillas Theme Bike y Theme Photo, 100% responsive y personalizables al gusto de cada uno.
-
-
-
Además, gracias al nuevo control de slider HERO de Oleoshop, podrás insertar mensajes y botones de call to action para llevar al usuario a distintos lugares del site fácilmente. Y te quedará tan profesional como en este ejemplo de L’Estol Productes Ecològics, otro de nuestros clientes.
-
-
2. Galerías de imágenes con estructura Cards (tipo Pinterest)
-
Otra de las grandes tendencias en diseño ecommerce 2016 que destacábamos ayer es la presentación de imágenes tipo Pinterest, ya sea para hacer mood boards o crear mundos inspiracionales, ya sea para presentar fichas de producto.
-
En el caso de Oleoshop, el diseño de galerías de imágenes con estructura Cards o tipo Pinterest ya viene dado por la plantilla y es totalmente responsive. No importa el tamaño de la imagen original, ya que el sistema automáticamente la optimiza y la funcionalidad crea la composición. Lo único que hay que tener en cuenta es no añadir demasiadas imágenes para evitar problemas de carga de la página.
-
-
Aquí tienes un ejemplo de cómo presentar galerías de imágenes inspiracionales tipo Pinterest en tu tienda online o web Oleoshop, de nuevo de la mano de nuestro cliente Luciano Giudicessi. Es un recurso ideal para mostrar trabajos fotográficos o para agrupar ideas alrededor de un estilo o tema, como hace también nuestro cliente Això con su sección Ambientes nórdicos.
-
-
En este último caso, cada imagen de inspiración nos lleva a una selección de los productos que protagonizan la imagen, como en este ejemplo de botellitas vintage, un recurso muy efectivo pero poco frecuente en otras plataformas ecommerce.
-
-
Además, con Oleoshop también puedes usar las galerías de imágenes en formato Cards para presentar tus fichas de producto de una manera mucho más sugerente e inspiradora. Eso es lo que hace nuestro cliente Kirei con sus dulces decorativos.
-
-
3. Imágenes con título y texto para sliders, banners y destacados
-
Un recurso ideal para destacar mensajes, mostrar tus mejores productos o crear banners auto-referenciales en tu tienda online o web es usar este formato de imagen con título y texto. Con este recurso podrás destacar tus valores como marca, comunicar ofertas, promociones o rebajas, anunciar novedades… Y todo de manera muy sencilla e intuitiva desde el panel de control de tu tienda Oleoshop. Fíjate cómo emplea este recurso nuestro cliente FitaA en su slider de la home.
-
-
-
4. Componente mosaico con animaciones hover
-
Este componente de Oleoshop permite presentar las imágenes en mosaico, con un estilo tipo Pinterest pero con animaciones hover, es decir, que las imágenes muestran rollovers que se abren al pasar por encima el cursor. Es un recurso genial para presentar proyectos y hacer portfolios online. Si te apetece probarlo, deberás emplear imágenes en alta resolución muy grandes y cuadradas.
-
-
Aquí tienes un ejemplo de cómo lo utilizamos nosotros para presentar el trabajo de nuestra agencia de desarrollo digital. El cuadro azul con el nombre del cliente y la descripción breve del proyecto es lo que se muestra en animación cuando se pasa por encima el cursor.
¿Qué te han parecido todas estas posibilidades a la hora de usar galerías de imágenes en tu tienda online? ¿Te has animado ya a probarlas todas? Si tienes alguna duda aplicando alguna de ellas, ¡no dudes en contactarnos!
Imágenes | Oleoshop, Luciano Giudicessi, Això, FitA, L’Estol Productes Ecològics, Kirei.