Si estás trabajando en una página web de e-commerce, estás familiarizado con las necesidades de los compradores en línea.
¿Qué es lo más importante? Interactuar con los productos, poder verlos apropiadamente. Para contribuir con resolver esta necesidad, las técnicas de diseño moderno de ecommerce tienen mucho que ver. Una de las mejores formas es utilizando imágenes variadas del producto.
Las distintas imágenes pueden mostrar el producto desde distintos ángulos, colores o texturas. La animaciones también pueden ser algo interesante a emplear, pues invitan al usuario a interactuar con el producto.
De entre todos los productos que debes tomar en cuenta en el diseño de una página web de ecommerce, la forma en la que muestras los productos es la más importante. Esto tiene un fuerte impacto en las conversiones.
Las imágenes pueden hacer mucho. Utilízalas para inspirar, persuadir, e incluso para contar una historia.
Las imágenes son tan poderosas, que darle vida a la personalidad de una marca sin imágenes de producto ni siquiera es una opción. Dependiendo de cómo sean usadas y su calidad, una imagen puede hacer una venta o perderla, en esto influyen varios factores:
Fondos, contextos, detalles y ejemplos de uso son factores importantes para hacer una venta.
La técnica de variar las imágenes no es nueva, es una tendencia creciente en el mundo del ecommerce. Aquí, colocaremos cuatro ejemplos de formas en las cuales puedes usar la variación del producto para un gran efecto.
Los distintos usos o funcionalidades del producto están en relación con los distintos detalles. Algunos de esos detalles pueden ser caracterizados mediante un acercamiento, dándole al usuario una sensación de cercanía con el producto. Usando un efecto inteligente de hover o “flotante”, el producto puede mostrarse en dos posiciones diferentes, sólo deslizando el mouse sobre el objeto.
El efecto flotante o hover es útil para usarlo en la página de la categoría de productos y transformar la experiencia. Se convierte en algo natural. Es en esta página donde colocarás una primera vista de ese producto. Esto estimula al cliente a ver al producto en detalle.
Cuando el botón está activo, aparece información detallada sobre el producto. Esto también se muestra en “agregar al carrito”, y es una oportunidad para examinar el objeto en cada mínimo detalle. Los productos mostrados se desplazan, y el usuario puede realizar una vista rápida de estos.
Esto crea posibilidades enriquecedoras para el diseñador. Los principios del contexto de buenas imágenes se ponen en juego en este ejemplo de ecommerce.
Cada botella de alcohol tiene una imagen de fondo relacionada con la naturaleza, esto proporciona información sobre las técnicas de producción o los ingredientes de la bebida. Sin embargo, de una forma sutil e ingeniosa.
También puedes usar el efecto de “flotar” o el hover, para mostrar una serie de vistas en zoom de un producto dado. Se muestran texturas y colores a detalle, de modo que se asemeja lo mejor posible a la experiencia directamente en la tienda.
Artículo cortesía de Staff Creativa, Agencia de marketing digital y diseño web en Lima, Perú.