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.

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. .

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:

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. 

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. 

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. 

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. 

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. 

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:

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

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. 

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. 

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. 

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. 

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.

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. 

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.

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.

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.  

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.

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.