21 ejemplos de innovación en la experiencia de usuario en el ecommerce

Cada vez es más evidente que una mejor experiencia de compra para el usuario redunda en mayores ventas para el minorista online.

Para mejorar la experiencia de usuario en un ecommerce debe enfrentarse al reto del folio en blanco y diseñar las estrategias y medios que posibiliten una mejor simbiosis entre el usuario y su tienda. O bien puede inspirarse y aprender de los éxitos y errores de las demás empresas.

En los siguientes 21 ejemplos, podrá comprobar como las diferentes marcas y tiendas han innovado en lo referente a la experiencia de usuario en el ecommerce, pudiendo sacar nuevas ideas y fuentes de inspiración.

1.    Jack Jones 

La conocida tienda de ropa ha optado por mejorar la experiencia de cliente, permitiendo a este escoger grupos de productos para configurar un atuendo completo. De este modo, mejoran la experiencia pero consiguen, además, pedidos mayores al vender los productos en conjunto.

image001

http://jackjones.com/core2styles/jj-core2styles,en_GB,pg.html?forcecountry=GB#style/outfit1

2.    Folks

Esta tienda se dedica esencialmente a la venta de ropa y libros, aunque tiene otras categorías en su catálogo de productos. Su innovación en la experiencia de usuario se ha centrado en el sentido de la vista, introduciendo un fondo animado en su página de inicio, pretendiendo transmitir la sensación de viajar por una carretera. Si bien puede no llegar a proporcionar beneficios extra a la tienda, pero si hacer que esta sea más agradable a la vista del comprador. Y por lo menos logrará que tras una primera visita no se olvide de su tienda y su página de inicio.

 image002

http://folksverona.com/

3.    Bonarium

En esta tienda de ropa online, el usuario tiene total comodidad en la navegación gracias a la inclusión de pequeñas imágenes en los menús desplegables, así como en las etiquetas de navegación. Tienen una herramienta “try me” que permite al usuario ver como conjuntan las prendas superiores e inferiores. Esta herramienta proporciona un gran poder visual a la página, permitiendo a los usuarios jugar con diversas prendas, combinándolas y sobre todo facilitándole la toma de decisión de compra.

image003

http://www.bonarium.com/en/

4.    Two Socks

La original tienda de calcetines online, dispone de una navegación totalmente visual e intuitiva, con una potente herramienta de filtrado. Los productos tienen poca información clave, ya que poco hay que decir de un par de calcetines, por ello su punto fuerte es el impacto visual. Disponen además de una herramienta de “emergencia” para agilizar las compras de aquellos que disponen poco tiempo. Una herramienta que sin duda proporciona mayores ventas.

 image004

http://www.twosocks.com/#!/emergency

5.    Robstep

En la tienda de Robstep se centran en la fotografía de calidad, el contraste de los colores y el uso de imágenes como herramienta de navegación. Una web que le facilita al usuario la navegación tanto como el Robstep le facilita el desplazamiento por su ciudad.

image005

http://www.robstep.co.uk/

6.    MACK

Basándose en la venta de productos agrupados, en esta tienda de decoración se puede acceder, mediante la barra de navegación superior,  a una vista por habitaciones. Al escoger una habitación se puede ver información de los productos que en ella se representan. Como si de un showroom se tratase.

image006

http://shopmack.com/

7.    Shoulland

Aquí se encontrará con muchas animaciones, desde la página principal a la de producto. Sin duda, en su justa medida las animaciones dan vida a la página. Si se decide a incluir animaciones en la experiencia de cliente de su web, ha de buscar el equilibrio adecuado para no resultar cargante.

image007

http://soulland.com/#/products/tom-shirt-2

8.    Protest

Aquí la experiencia es completamente visual, en la que las imágenes son a pantalla completa, con scroll vertical y con un menú que aparece del lateral derecho cuando se requiere información sobre el producto visualizado. Sencillo y eficiente.

image008

http://www.protest.eu/nl/heren/lookbook/

9.    Vertty

La toalla se ha reinventado a base de triángulos y sólo se pueden comprar en Vertty. Con una experiencia de usuario basada en el color y escogiendo primero el color de toalla que más le gusta al usuario, este se ve trasladado a una página del mismo color, donde puede ver con más detalle el producto antes de añadirlo al carrito.

image009

http://www.tryvertty.com/

10. Bellroy

En Bellroy utilizan una tipografía y un diseño agradable a la vista, incluyendo potentes opciones de filtrado y controles deslizantes que permiten al usuario interactuar y ajustar la compra a sus necesidades.

image010

http://bellroy.com/pages/slim-your-wallet/

11. House of Fraser

Recientemente renovada, en esta tienda están facilitando al usuario un ajuste de talla prácticamente real, lo que permite minimizar las devoluciones por disconformidad de talla, y ayudando a los compradores a encontrar el ajuste perfecto de sus prendas.

image011

http://houseoffraser.co.uk/

12. Amazon

Amazon siempre está aplicando pequeñas innovaciones en la experiencia de usuario. Una de las últimas se ha aplicado en la versión para móviles, en la que el teléfono vibra cuando un producto se ha añadido al carrito, como indicador de que se ha añadido correctamente.

image011

www.amazon.com

13. Currys

A simple vista en esta página no hay nada realmente novedoso. Pero, ¿Se ha fijado en el icono de micrófono en el cuadro de búsqueda? Efectivamente, han incorporado la búsqueda por voz en su tienda online.

 image013

http://www.currys.co.uk/

14. Barbour’s Christmas 

La tienda cobra vida con animaciones que se entrelazan con los elementos de la tienda. Petirrojos, Perros correteando, copos de nieve, chimeneas llameantes, entre otros.

image014

http://christmas.barbour.com/

15. Sinstar

Se trata de otro ejemplo de uso de imagen como punto de acceso a las categorías o productos, como sucedía con Robstep. En este caso es una tienda de ropa. De modo que esta técnica es perfectamente aplicable a cualquier tipo de producto que comercialice en su tienda.

image015

http://www.sinstarclothing.com/lookbook/autumn-2013-li6

16. Colette Malouf

Se ha optado por la sencillez y la claridad en el entorno de la web, con un fuerte enfoque en las imágenes y en la simplicidad de la navegación entre productos y categorías.

image016

http://www.colettemalouf.com/collections/hair-pieces

17. Fiorly

Otra tienda de aspecto limpio, imagen enfocada, con un gran contenido sobre sus marcas, productos y clientes. Sin duda han logrado crear el ambiente adecuado para el tipo de producto que comercializan.

image017

http://fiorly.com/

18. Greats

Utilice el puntero de su ratón para girar los zapatos.

image018

http://greatsbrand.com/products/the-royale-nero-white

19. KitchenAid

Esta tienda dispone de una potente funcionalidad de búsqueda sugerida, con función de autocompletado. Si bien es cierto que no es una novedad, son más bien pocos los minoristas los que han incluido estas funciones en su herramienta de búsqueda, y menos aún quienes lo han hecho de manera atractiva a la vista.

image019

http://www.kitchenaid.com/

20. Noon 

En esta tienda, las imágenes son las protagonistas, optimizadas para trasmitir calidad sin afectar a la navegación. Las imágenes hablan por sí mismas.

image020

http://www.noonstyle.com/

21. Cuchillos Kershaw

En cuchillos Kershaw han cortado por lo sano e incorporado una eficiente herramienta de filtrado en la navegación, así como pequeños detalles que facilitan la navegación en toda la tienda.  

image021

http://kershaw.kaiusaltd.com/knives

Todas estas fuentes de inspiración le ayudarán a orientarse a la hora de renovar y mejorar la experiencia de usuario en su ecommerce, favoreciendo la fidelización del comprador o incrementando el volumen y cuantía de los pedidos. 

Desde YooSell les queremos ayudar a impulsar sus ventas en su negocio online. Háblenos de su proyecto y le ayudaremos a aumentar sus ventas con nuestros servicios especiales. Consúltenos, le informaremos y haremos una demostración en tiempo real sin compromiso. Para mayor información, contáctenos. 

Más información econsultancy.com

¡ Solicite más información !

Si le gustó el artículo, ¡compártalo!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>