Entre Col y Col. Rediseño ecommerce.

Nuria Gallego
6 min readJan 27, 2021

--

Contexto.

En la segunda semana del bootcamp tuvimos que buscar un comercio local que dispusiera una página web a la que tuviéramos proponer un rediseño. De la misma manera que había ocurrido la semana anterior, nos dividieron en grupos de cuatro personas para realizar un proyecto en equipo. Nuestro equipo estaba formado por Juan Hernández, Elisa Naharro y Lorena López.

Esta vez no disponíamos de un briefing y tampoco contábamos con mucho tiempo para decidir con qué negocio podríamos elaborar el proyecto, así que lo primero que hicimos fue reunirnos e investigar rápidamente los tipos de ecommerce con los que podríamos trabajar.

En nuestro caso elegimos una frutería que goza de cierto renombre en el centro de Madrid, llamada Entre Col y Col. Cuenta con productos de proximidad y gourmet y cuya página, sin embargo, se encuentra alojada en un portal de mercados y no cuenta con una estética cuidada sino bastante genérica.

Desarrollo.

Nuestra aproximación al proyecto sería a través de la metodología Design Thinking, realizando Sprints de una semana.

Proceso de Design Thinking para el proyecto Entre Col y Col
Proceso de Design Thinking para el proyecto Entre Col y Col

Empatizar.

Lo primero que hicimos fue realizar una investigación de los aspectos que engloba el negocio en sí: un análisis competitivo para comprobar las funcionalidades de la competencia directa, un análisis DAFO para poder determinar debilidades, amenazas, fortalezas y oportunidades de Entre Col y Col.

Con el análisis competitivo pudimos precisar lo que los negocios con la misma tipología (La huerta de Amparo, Charito, Frutas Vázquez Jr y Fruta en casa Barceló) estaban ofreciendo actualmente en cuestiones de servicio a comparación con nuestro cliente.

Benchmarking
Análisis competitivo

De igual manera, el análisis DAFO nos sirvió de gran manera para visualizar qué estaba realizando de manera correcta la empresa de nuestro cliente y qué puntos podríamos aprovechar para mejorar.

Análisis DAFO Entre Col y Col
Análisis DAFO

Paralelamente utilizamos el Lean Survey Canvas para ir recabando la información que íbamos conociendo para poder elaborar las preguntas para las entrevistas y encuestas que necesitábamos para tantear al público al que queríamos dirigirnos. Aparte, realizamos una entrevista destinada al stakeholder del negocio, en este caso Javier, el dueño de Entre Col y Col.

También comenzamos a trabajar con el Lean UX para detectar los problemas que tenía actualmente la página web del negocio, cuáles eran sus clientes y cómo se beneficiarían si comenzaban a realizar la compra de manera online. También nos ayudó a plantear posibles soluciones y ver qué podía fallar en nuestros planteamientos.

El feedback proporcionado por nuestros instructores y los resultados de las 140 encuestas y 8 entrevistas nos ayudaron a afinar aún más los planteamientos que estábamos plasmando en el Lean Ux.

Lean UX
Lean UX

Definir.

Resultados de las encuestas
Resultados de las encuestas

En resumen, nos arrojaron datos tales como que el 26% de los encuestados se sentían desorientados a la hora de realizar la compra online en la web de Entre Col y Col, que el 88% no la realizaban a través de internet pues preferían ver el producto en persona y que el 64% les preocupaba el estado en el que pudiera llegarles los productos frescos.

Por lo tanto, el principal problema detectado fue el sentimiento de desconfianza por parte del potencial cliente de Entre Col y Col, acrecentado por la desactualización del stock de la tienda, el desconocimiento por parte del cliente del estado del pedido y que el dueño del negocio dependía de la infraestructura de terceros para poder manejar su propia web.

Todo esto estaba ocasionando que la página web tuviera únicamente 2 pedidos al día frente a los 125 clientes que visitaban de manera diaria el establecimiento físico y los 40 pedidos que recibían a través del teléfono.

Tras realizar un testing de la web con personas ajenas al proyecto, el siguiente paso que dimos fue la creación de un Affinity Diagram, en el que apuntamos los resultados del testeo y que nos ayudó a conectar pensamientos y sensaciones comunes en nuestros encuestados y entrevistados. Todo esto nos sirvió para la elaboración del User Persona.

User Persona de una compradora habitual de la frutería
User Persona de un comprador ocasional de la web

Para nuestro User Persona elegimos crear a Julia, una mujer de mediana edad que compagina su puesto como administrativa con su labor como ama de casa y madre, lo cual le deja muy poco tiempo para ocuparse de todo. Aun así, le da una alimentación sana y balanceada a los suyos y está concienciada con el negocio local.

Para el User Journey describimos en qué situación entraría Julia en contacto con la web de Entre Col y Col y qué principales pain points surgirían en el proceso de compra que la harían disuadir de adquirir el producto de forma online, haciendo hincapié en algunas de las debilidades detectadas anteriormente: buscador no demasiado visible para el usuario, no poder comprar por unidades sino únicamente por kilos, desconocimiento de cuándo llegará la compra…

User Journey

A posteriori realizamos un User Scenario, mostrando cómo realizaría el usuario la compra y cómo se solucionarían los problemas con nuestras propuestas implementadas.

User Scenario

Idear.

En esta fase, procedimos a realizar un brainstorming y un mindmap grupal en el que continuamos aportando soluciones, determinando cuáles resultaban factibles y cómo podríamos llevarlas a cabo.

Mindmap
Mindmap

Ya con todo esto en mente y llegando todos a las mismas conclusiones, el siguiente paso era la creación de un Sitemap tras estudiar qué secciones y categorías necesitaba Entre Col y Col para un buen funcionamiento; haciendo posteriormente varios Card sortings para apoyar que nuestra propuesta iba en la dirección correcta, teniendo que hacer algunos ajustes que sustentaban el feedback que nos estaban proporcionando nuestros testers.

Sitemap del rediseño de la web de Entre Col y Col
Sitemap del rediseño de la web de Entre Col y Col

Una vez modificado el sitemap, procedimos a elaborar un Userflow, partiendo del User Jorney para mostrar el flujo que realizaría nuestro usuario para adquirir productos en la web, las decisiones que tomaría para meterlos en la cesta de la compra y los posibles errores que podrían suceder en el proceso y cómo anticiparnos a ellos.

Prototipar.

A la hora de materializar todos los pasos anteriores, realizamos una primera versión Low Fidelity en papel para poder testear cómo funcionaría el ecommerce y poder solucionar de manera sencilla cualquier fallo que surgiera en este primer proceso.

Los puntos fuertes del negocio que queríamos potenciar sobre los competidores
Los puntos fuertes del negocio que queríamos potenciar sobre los competidores

Ya desde esta herramienta teníamos claro que queríamos potenciar las características que hacían fuerte a Entre Col y Col respecto a sus competidores (el uso de materiales biodegradables, la venta de producto casi exclusivamente nacional y que procedían de una huerta propia) dedicándoles una sección destacada que quedase visible para el usuario al visitar la web, además de estructurar el ecommerce para que resultase atractivo de usar.

Imágenes del Low Fidelity

Realizadas las comprobaciones necesarias para confirmar que nuestro MPV funcionaba, trasladamos nuestro prototipo a figma para crear un Mid Fidelity con interacciones para mostrar cómo sería la navegación del usuario.

Testear.

Tras recibir el feedback de los profesores y de nuestros propios compañeros, realizamos algunas pequeñas modificaciones que tendremos presentes cuando presentemos la propuesta de rediseño a Javier; además de futuras mejoras que no han sido posible implementar para este MPV.

¡Muchas gracias por leer!

--

--

Nuria Gallego

Hi! I am a graphic and UX/UI designer located in Madrid. Nice to meet you!