Case Study UX | E-Commerce Local (I parte)

MariaCrollan
5 min readJan 28, 2020

--

El reto de la semana pasada fue encontrar un comercio local el cual estuviera dispuesto a colaborar con nosotros para hacer una investigación de su negocio y llevar a cabo una propuesta para la creación de un E-Commerce.

Mi equipo, compuesto por Alejandro Sánchez, Leti OrtiZap, Omar Razola Arévalo y yo, nos fuimos a la aventura y después de varias negativas, dimos con Ferreterías Aguilón, un negocio que lleva 15 años vendiendo productos de ferretería y menaje del hogar en el barrio de Legazpi.

En la primera investigación que llevamos a cabo, nos dimos cuenta que el negocio ya tenía una web. Nuestra sorpresa fue saber que la hicieron hace 12 años y, como era de esperar, no han cambiado la información desde entonces 🧐.

Desde ese momento, nos dimos cuenta que iba a ser todo un reto este proyecto. No solo por la complejidad que supone hacer un E-Commerce con una tienda de estas características, sino que había que encontrar una propuesta de valor muy diferenciadora ya que en la zona existen 15 ferreterías 😅.

Tras toda la investigación que realizamos (que te la explico más adelante), este es el prototipo en Mid-Fidelity que finalmente presentamos al final de la semana.

Prueba el prototipo en Mid-Fidelity

Para llegar hasta este prototipo hemos pasado por varias etapas que te explico a continuación:

Investigación

En primer lugar llevamos a cabo la investigación. Por un lado, necesitábamos conocer a fondo el negocio, por lo que le hicimos una pequeña entrevista al dueño del local. Desde aquí, aprovecha para agradecerle su amabilidad y disposición a la hora de darnos información de gran valor que nos sirvió para realizar nuestro proyecto.

Tras hablar con Santos (dueño del negocio), nos dimos cuenta que teníamos tres problemas:

  • El ticket medio de compra por usuario no superaba los 3 o 4€.
  • Solo el 5,7% de los encuestados compra productos de ferretería en tiendas online.
  • No podíamos hacer un E-Commerce con envíos a domicilio porque el gasto del envío, en la mayoría de los casos, era superior al importe de la compra realizada.

En segundo lugar, teníamos que conocer cuáles eran los hábitos de consumo y compra de la población en relación a la compra de productos de ferretería. De las 75 encuestas y 35 entrevistas que hicimos extrajimos datos importantes:

  • Solo el 7% de los consumidores va a comprar productos de ferretería a grandes superficies y el 93% compra en ferreterías de barrio. Esto se debe a que:
  • Valoran el asesoramiento personalizado y experto del dependiente.
  • La calidad y garantía que tienen los productos.
  • Poder comprar por unidad y no en packs.

Lean UX Canva

Después de la investigación realizamos el Lean UX Canva, el cual nos sirvió para identificar tres cosas fundamentales para nuestro proyecto:

  • User and customer: qué tipo de clientela tendría nuestro E-Commerce.
  • User benefits: todo aquello que nos iba a diferenciar de la competencia (nuestra propuesta de valor que te explico más adelante).
  • Solutions and ideas: los requisitos que identificamos que nuestro E-Commerce tenía que tener.

User Persona

Todos los datos que teníamos hasta este momento eran suficientes para crear el User Persona de Ferreterías Aguilón. La creación de este personaje imaginario nos sirvió más adelante para crear un user flow del cliente ideal (ten paciencia, podrás verlo dentro de muy poco).

User Persona

Llegamos a mitad de semana con mucha información valiosa ya que conocíamos cuáles eran los hábitos de consumo de los usuarios cuando compran productos relacionados con ferretería, habíamos analizado a la competencia y además, conocíamos las características del User Persona y habíamos creado un User Scenario con los momentos en los que creíamos que podía interactuar con nuestro E-Commerce.

User Scenario

Por lo que el siguiente paso, era empezar a darle forma a ese E-Commerce aunque todavía lo haríamos en papel.

Sitemap & Card Sorting

Lo primero que hicimos fue diseñar el esqueleto que tendría nuestro E-Commerce y a partir de ahí, creamos varios productos para que los usuarios los categorizaran o colocaran como quisieran.

Cuando hicimos el “testeo” a través del Card Sorting nos dimos cuenta que ningún usuario lo colocaban como nosotros teníamos establecido, pero sí que encontramos patrones de comportamientos similares. Por lo que con toda esa información, nuestro Sitemap quedó así:

Sitemap

Prototipar (User Flow & Low — Fi)

Una vez que teníamos el esqueleto de lo que iba a ser nuestra primera propuesta de diseño de baja fidelidad, hicimos el recorrido ideal que iba a realizar nuestro User Persona al entrar en la página. El objetivo de este User Flow era añadir un producto al carrito y realizar una compra.

User Flow

Propuesta de valor:

Con todos los datos encima de la mesa, nos dimos cuenta que la principal propuesta de valor de nuestro E-Commerce, iba a ser la rapidez con la que el usuario iba a poder comprar un producto y pasar a recogerlo en horario de mañana o tarde, acompañado del asesoramiento del experto. Todo ello con un con lenguaje sencillo y claro.

Por lo que con la propuesta de valor definida, el siguiente paso fue crear el prototipo en Low-Fidelity y mas tarde lo pasamos a Sketch para convertirlo en el Mid-Fidelity que habéis visto anteriormente.

Next Steps

  • Introducir un chatbot para atender las preguntas de los usuarios basadas en las consultas más frecuentes.
  • Introducir envío a domicilio por grandes importes.

¡Gracias por llegar hasta aquí! 🤩

--

--

MariaCrollan

UX/UI Designer & Marketera | Sketch & Figma | InVision | Design Thinking