04/12/2017

Plantilla Diamond: mejorando la experiencia de compra

Desde el equipo de Producto de Tienda Nube estamos investigando constantemente el comportamiento de las personas que navegan tiendas online para comprender cuáles son las motivaciones a la hora de comprar y así, generar más ventas en las tiendas que usen nuestras plantillas.
Esta vez trabajamos en una de las plantillas más elegidas por nuestros clientes, Lifestyle.

Hicimos foco en el proceso de compra buscando facilitar los 3 momentos clave:

  • Cuando la persona que navega conoce la variedad de productos existentes y mezcla esa información con sus necesidades y motivaciones personales.
  • Cuando ya se hizo una selección y se quiere saber más de un producto en particular.
  • Y por último, cuando la decisión de compra está casi hecha y la persona decide agregar el producto al carrito de compras.

¡Hacemos más fácil la búsqueda de productos!

Con el objetivo de facilitar la búsqueda de productos modificamos la posición de la barra de navegación para que sea más sencillo interpretar las categorías y subcategorías de los productos.

Además, comenzamos a especificar los elementos dentro del botón del carrito de compra para que se entienda rápidamente cuántos ítems hay en el carrito.

También cambiamos el color de la barra de búsqueda para que el peso visual esté en la navegación.

 

Header

Cuando se muestran todos los productos, el objetivo principal de los usuarios es poder encontrar de forma simple aquellos que más le interesan. Por lo cual, priorizando la búsqueda, rediseñamos los botones para filtrar y ordenar la lista de productos para que tengan en mismo peso y que cada usuario busque productos a su manera.

Las personas interactúan con las tiendas, cuando alguien para el cursor del mouse por encima del producto, agregamos una animación para facilitar el foco en los productos que le interesen.

En el la pantalla de detalle de producto se modificó el botón para agregar o restar más productos iguales ya que desde el celular no era muy sencillo hacer tap en estos botones y más 70% del tráfico en las tiendas es a través de smartphones. ¡La tendencia mobile en el mundo del ecommerce, es todo!

Category

 

Carrito lleno, tienda contenta 🙂

El momento en el que se agrega un producto al carrito es clave ya que allí es donde se toma la decisión final de comprar o no un producto. En esta instancia se bajó el peso visual al botón de “volver” para que los usuarios se enfoquen en el momento de compra y no en volver a navegar.

También se cambió el diseño del botón de compra principal para que esté relleno con el color principal de la marca y no con bordes. En los casos en los que aparece el botón de “seguir comprando”, movimos el mismo hacia el fondo de la pantalla para que no interfiera en el medio del proceso de compra.

Finalmente, agregamos un recuadro alrededor del cálculo de costo de envío para que pueda leerse de manera simple y ágil cada componente de la pantalla.

Bonus track: llevamos el precio total del carrito hacia la derecha para que esté en la misma columna que el resto de los precios.

Cart

 

¿Qué te parecieron estos cambios?

Vamos a ir lanzando estos cambios en las tiendas que tengan las plantillas Diamond, Cosmetics, Studio y Fancy de manera gradual para poder medir el impacto de los cambios realizados y asegurarnos de que, con cada modificación, estamos mejorando la cantidad de ventas de quienes usan Tienda Nube.

Fecha de la última actualización: 02/01/2018


¿Te gustó el contenido?


Rocío Diez

Rocío es diseñadora de productos digitales. Trabaja en Tienda Nube en el área de Storefronts. Es adicta a las papas fritas y le encanta hacer CrossFit.


    Ecommerce por Expertos

    Conversaciones exclusivas con especialistas en comercio electrónico. ¡Llevá tu negocio a otro nivel!

    plantilla-diamond-mejorando-la-experiencia-de-compra