Blog de personalización de comercio electrónico

Consejos, estrategias y noticias de comercio electrónico.

Optimización conversión

Diseño de página de producto para incrementar las ventas.

Un gran diseño de página de producto crea una gran experiencia para el cliente.  Sin embargo, hay dos retos significativos a los que las páginas de producto se enfrentan. 


Primero, existen muchos tipos de compradores que entran en páginas de producto – desde aquellos que solo exploran hasta los que están listos para comprar. Y segundo, la diversidad de productos. Cada una tiene sus propias características, haciendo que sea improbable que cualquier página única de producto encaje perfectamente con ese
producto.


Este artículo explora las mejores técnicas de diseño de páginas de producto para crear experiencias inolvidables para el cliente. Nos preocupamos de cómo usar el diseño para ofrecer opciones a los clientes en tres importantes áreas: imágenes, "área de compra", y ventas cruzadas.

Técnicas Destacadas en Diseño de Páginas de Producto: Primer Pantallazo en Target

El diseño de páginas de producto plantea un reto por varias razones. Primero, la página es de alto interés. Todo cliente pasa por tu página de producto. Segundo, no todo el que ve tu página se encuentra en el mismo estado de compra.  


Algunos visitan páginas de producto para encontrar el look adecuado. Otros investigan. Y otros aterrizan con intención de comprar exactamente lo que están buscando.


Tercero, las tiendas eCommerce suelen gestionar muchos tipos de productos. Sin embargo, a pesar de contener productos con características variadas, muchas tiendas eCommerce usan plantillas únicas de producto. 


En otras palabras, las tiendas eCommerce intentan optimizarse para muchos tipos de productos y clientes mediante un solo diseño.  


Estas necesidades tan diferentes provocan demandas descabelladas en las páginas de producto, y la mayoría fracasan intentándolo. Para ayudar, analizamos cómo trata Target su página de productos. .

Técnicas Destacadas en Diseño de Imágenes para Páginas de Producto en eCommerce

Las imágenes se muestran como uno de los elementos más cruciales en el diseño de una página de producto. Algunas de las técnicas destacadas son:

  • Permitir zoom – Permite a los clientes ver fácilmente detalles de tus productos.
  • Fotos contrastadas – Relativizar el tamaño colocando un objeto común junto al artículo o vestido por una modelo.
  • Imágenes variadas – Incluye fotos desde diferentes ángulos para mostrar una vista completa del producto.  
  • Incorporar redes sociales – Porque normalmente los primeros elementos que se ven en la página son las imágenes, incorpora comentarios de redes sociales en algunas de ellas.
  • Limpiar galerías – Es fácil ignorar las galerías. Los grandes diseños de páginas de producto las resaltan para destacar que hay más imágenes para mostrar. 
  • Variaciones en los detalles del producto – Reforzar la comprensión del cliente para las diferentes versiones de producto como colores, tallas, o accesorios. Abajo extraemos cómo Target optimiza sus imágenes de páginas de producto. 

Diseño de imágenes de producto 1: Zoom con cursor

El detalle importa. Para ayudar a los clientes a entender sus productos, Target permite un zoom intuitivo y fácil de usar en todas sus imágenes de productos. 




Simplemente pasea el cursor sobre la imagen y será aumentada, permitiéndote inspeccionar cualquier detalle que quieras de la imagen. 

Diseño de imágenes de producto 2: Cambio dinámico de imágenes según color elegido

Muchos productos varían.




Deberás cambiar las imágenes presentadas para ver las características del producto. 



En este caso, el producto es un vestido de manga corta disponible en 9 colores distintos.


Target hace un excelente trabajo cambiando dinámicamente las imágenes presentadas para mostrar el color elegido.

El cliente puede ahora inspeccionar el color exacto en el que esté interesado. 

Diseño de imágenes de producto 3: Incluir imágenes de redes sociales

Me encanta como Target incorpora contenido generado por el usuario en los diseños de su página. 




En este caso, tras las fotos de las tres modelos, comienzan a mostrarse imágenes de clientes llevando el vestido.

¿Cómo postea Target los comentarios? Una manera es mediante su canal Instagram. Han creado el hashtag #targetstyle para dar a los clientes una vía fácil para conectar con la página. 




Entonces pueden buscar rápidamente fotos subidas que encajen con su criterio de una imagen de página de producto. Luego, envían un simple comentario al perfil solicitando permiso para usar la imagen en su web. 




De nuevo, usan un hashtag para confirmarlo al equipo. Abajo hay un ejemplo del intercambio.

Y el equipo no se detiene solo un post generado por un usuario.

Múltiples fotos de usuarios lo hacen más confiable para comprarlo. 

Diseño de imágenes de producto 4: Aportar imágenes equilibradas

Las imágenes mostradas por Target incorporan una modelo que permite al visitante ver cómo queda el vestido. Cosas como lo estrecho o corto que es, o cómo son las mangas y el cuello, son difíciles de mostrar con palabras.

Aún mejor, los visitantes pueden ver cómo queda el vestido en usuarios no modelos mediante imágenes generadas por ellos. 

Diseño de imágenes de producto 5: Destacar imágenes adicionales en galerías 

Target no sobrecarga la galería de imágenes, sino que resaltan que hay más por ver colocando una capa oscura y mostrando cuántas imágenes más hay disponibles. 

Es la única capa oscura en toda la página de producto. 

Técnicas Destacadas para el Área de Compra para Páginas de Producto: Cómo manejar múltiples grupos de clientes correctamente.

El "área de compra" describe los widgets donde los clientes pueden comprar los artículos.  




Normalmente, en desktop está en el primer pantallazo a mano derecha. Entre las mejores prácticas para el área de compra en páginas de producto destacan:

  • Ofrece reseñas de clientes – Las reseñas son una forma potente de social proof. Las reseñas han de ser visibles fácilmente. Los clientes deben poder verlas detalladamente.
  • Crea enlaces para aprender más – Da al cliente maneras de aprender más, a través de reseñas o de FAQs.
  • Selección sencilla de características de producto – Haz fácil la selección de tipo de producto a comprar.
  • Proporciona información de envío – Los gastos de envío son la primera razón para el abandono de las compras online. Mostrar los gastos de envío claramente, y aún mejor dar formas de conseguir envíos gratis, elimina este abandono. 
  • Ofrece más de un modo de envío – Opciones rápidas como recibir el día siguiente, así como la entrega en diferentes establecimientos (como las estrategias "click and collect"). 

Target hace un gran trabajo dirigiéndose a múltiples tipos de comprador a la vez.

Diseñar el área de compra 1: Proporciona envío gratuito

Los gastos de envío inesperados son la​ razón primaria para abandonar la web.

Target indica claramente cómo los usuarios pueden conseguir envíos gratuitos.  Como un bonus, es una técnica efectiva para incrementar valor medio del pedido en eCommerce

Diseñar el área de compra 2: Enlaces rápidos de aprendizaje

No todos los visitantes de página de producto están listos para comprar. 

Target hace un gran trabajo proporcionando enlaces rápidos para acceder a otras partes de la página. En la parte de arriba dan dos opciones. 

La primera es ver las reseñas en detalle. 

La segunda salta a la sección Q&A. Una táctica interesante es organizar las Preguntas Frecuentes por popularidad. Las que son preguntadas con más frecuencia suben a lo más alto. 

Me gusta particularmente cómo Target permite a los clientes responder y dar feedback de los artículos. Insertan dinámicamente la etiqueta "Target Team Member" cuando ellos mismos clarifican las FAQ. 

Diseñar el área de compra 3: Botones de llamada a la acción para reservar artículos 

Otros clientes piensan en comprar más tarde. Hemos visto que el comportamiento en compras online incorpora cada vez más investigación - más notablemente en la reciente investigación sobre el comportamiento de compra online y offline.

Aquí, Target da a los clientes una manera fácil de reservar los productos en una lista personal, o registrarlos como regalo. 

Diseñar el área de compra 4: Parte del look

Target idea looks para sus productos. 

Los looks son en parte informativos y en parte ventas extra. Educan al cliente para combinar artículos que crean un outfit completo. El proceso lleva implícitas ventas cruzadas.


Aquí exploramos los looks con más detalle

Diseñar el área de compra 5: Sencilla selección de características

Por último, Target hace un gran trabajo mostrando las diferentes opciones de forma intuitiva y sencilla. 




La clave es exponer visualmente las características del producto en vez de ocultarlo en submenús. Los visitantes pueden ver fácilmente varias opciones de colores y seleccionar rápidamente la talla y color que prefieran.

Técnicas Destacadas en Ventas Cruzadas para Páginas de Producto: Cómo aumentar beneficios

Finalmente, quisiera explorar las mejores técnicas en ventas cruzadas para páginas de producto.

La tecnología de personalización ha abierto numerosas formas de hacer recomendaciones más potentes y relevantes. Aquí una breve lista de técnicas destacadas para páginas de producto que puedes implementar para aumentar beneficios. 

Diseño de ventas cruzadas 1: Creando looks

Como he dicho, los looks hacen más que informar a los clientes. Proporcionan una forma natural de ofrecer productos complementarios. Target ofrece una selección de looks para el producto. 



Cuando pinchas en un look, un widget de artículo simple aparece. Puedes navegar fácilmente por cualquiera de los productos complementarios, reservarlos o ver más detalles.

Diseño de ventas cruzadas 2: Cambios dinámicos de imágenes en looks

Cuando ofreces diferentes características de productos, es importante personalizar las ventas cruzadas. 

Personalizar dinámicamente los looks es una forma fantástica de usar contenido dinámico.

Target actualiza dinámicamente los widgets de looks para mostrar las características de los productos seleccionados. Tanto las imágenes como los accesorios cambian en tiempo real.

Diseño de ventas cruzadas 3: Recomendar productos personalizados

Los widgets de recomendación de productos de Target son flexibles. Ofrecen una barra de navegación sencilla que permite a los clientes filtrar los productos recomendados. En este caso, el producto que estamos viendo encaja tanto con la línea de cuello como con la longitud. 

Target nos ofrece la opción de filtrar basándose en ambos. 

Cambiando a longitud mini los productos se actualizan dinámicamente.

Asimismo, seleccionando "show more" se expandirá el número de artículos sugeridos. Perfecto para compradores buscando ampliar su cesta. En vez de tener que retroceder hasta la categoría de donde venían, en la página pueden ver qué artículos quieren.  

Diseño de ventas cruzadas 4: Navegación sencilla a productos recientes

Por último, Target simplifica al comprador la búsqueda de productos previos. Su Segundo widget de producto recomendado son artículos recientes.  

Conforme visitan el catálogo, tienen un historial de productos en los que han mostrado interés.

Siguiente paso

El diseño de página de producto es crucial para la conversión de clientes.

Para satisfacer los requerimientos de los consumidores y presentar la oferta adecuada, debes considerar la posibilidad de asociarte con un proveedor de personalización.


Barilliance potencia cientos de tiendas eCommerce con contenido personalizado. Pincha aquí para ver si Barilliance es la mejor opción para tu tienda.

Tambíen te pueden interesar