Case Study ABC Groceries

Nuestro primer E-commerce

Para poneros en contexto nuestro Cliente ABC, es consciente de que la industria del supermercado online está creciendo en gran medida por la poca disponibilidad de tiempo de sus usuarios, lo que les genera la necesidad de digitalizar su modelo de negocio, manteniendo sus valores de supermercado Premium y de proximidad y ofreciendo un elemento diferenciador en el mercado.

Comenzamos la primera fase del Design Thinking definiendo nuestro principal problema y los objetivos que queremos alcanzar y una vez asentada esta información, analizamos nuestra posible competencia.

Realizamos 60 encuestas y 4 entrevistas, de las que extraemos la siguiente información:

Descubrimos además que ¾ entrevistados están muy preocupados por la sostenibilidad y el medio ambiente, de ahí va a partir nuestro elemento diferenciador, lo Ecológico. Una frase que nos dijo una usuaria fue:

Gracias al Lean UX Canvas definimos definitivamente el problema, los usuarios no se sienten cómodos con la compra de supermercado Online, para solucionarlo planteamos una Web sencilla e intuitiva, listas personalizadas, seguimiento del pedido y sobretodo packaging sostenible. Además evaluamos posibles maneras de monetizar a través del reparto a domicilio y del servicio premium que agiliza la compra.

Con todos estos datos nace nuestro User persona Cayetano, un treintañero con un ritmo de vida ajetreado en una importante consultora digital, lo que le impide pasar más tiempo con Blanca, su pareja. Quiere aprovechar más sus días y ha empezado ha realizar compras online. Suele comprar unas 5 veces al mes, sobre todo usa Amazon (prime), debido a las entregas y devoluciones express y al soporte de calidad. No solía comprar en el supermercado online, pero tras una buena experiencia su percepción ha cambiado. Le gusta disfrutar de la buena vida, la gastronomía, catas de vino, viajes,…

Nos centramos en la fase de ideación con el Moscow y descubrimos que las features que no podían faltar eran: la estructura Web sencilla y limpia, servicio de entrega y devolución Premium con un seguimiento del pedido y por supuesto, nuestro packaging sostenible, tanto de los productos en tienda, como el embalaje del envío, todo ello muy visibilizado en la plataforma y con posibles jornadas de concienciación.

Realizamos un Sitemap y un User Flow y procedimos a prototipar en baja fidelidad.

Una vez creado el producto lo testeamos, con una pequeña indicación sobre qué debían hacer, con cuidado de no guiar y es entonces descubrimos realmente que necesitábamos y qué no. Quitamos elementos, añadimos otros y hablamos con nuestros testeadores para comprender el why why why.

Y casi sin darnos cuenta hemos llegado al prototipo mid fidelity

Comenzamos a elaborar la estrategia de branding para la marca ABC Groceries y lo primero que vamos a abordar es cómo definir nuestra empresa con tan solo tres adjetivos, para ello nos propusieron un ejercicio muy interesante. Se trata de elegir quién hablaría sobre tu empresa, si fuera un animal u objeto cuáles serían y 3 marcas con las que esta se identifique.

Para que os hagáis una idea nosotros decidimos que ABC podría defenderlo Leonardo DiCaprio o Emma Watson por sus valores frente a la ecología y su concienciación por el Medio Ambiente y el planeta, algo que de sobra es conocido gracias a sus discursos y además son personas con un toque elegante pero fresco, trending. Por otra parte, como animal veíamos un caballo, por encontrarse próximo a nosotros, por su rapidez y también por su elegancia y como objeto el corcho que es natural, orgánico y biodegradable o dicho de otra forma amigable con el medio ambiente.

Analizamos los adjetivos de cada uno de estos elementos y los resumimos en tres muy claros, en nuestro caso son: Ecológico, Concienciado y Elegante, pero con un royo joven y cercano.

Con la psicología de color y sus teorías en mano procedimos a escoger cuáles son aquellos que encajan con los valores que queremos transmitir y además provienen de los adjetivos surgidos de nuestro branding. Sabíamos que íbamos a por lo ecológico y eso es verde, está claro, pero no nos conformamos con convencionalismos y aquello que ya está preestablecido, así que lejos de escoger el tono que usan todas las empresas, buscamos paisajes e imágenes de plantas y nos fuimos a un verde más natural, verde aguamarina, que asimismo al ser una transición hacia azul, transmite esa elegancia que tambien va con la marca de la empresa ABC Groceries.

Ahora teníamos que conseguir que nuestra letra también concordarse con todos estos valores y qué mejor que Montserrat, es una letra creada en California, por lo tanto fresca y joven, que nace en un ambiente que promueve la ecología, además es san serif por supuesto, no olvidemos que somos elegantes pero cercanos.

Con todo esto escogido a conciencia, toca empezar a jugar con nuestros elementos, botones, iconos y ver cómo poco a poco encajan todas las piezas y si tiene sentido.

Cómo he comentado los colores y letras las teníamos muy claras, pero teníamos dudas con el tipo de fotografía que introducir, así que realizamos los testing que tanto nos gustan y nos dan la realidad de qué ve y siente el usuario, así se aclaró todo.

Solo nos faltaba el Style guide, que es una herramienta que permite que todos en el equipo, tanto diseñadores como programadores, remen en la misma dirección, con eso y una buena comunicación de equipo, el proyecto mantiene el equilibrio.

Ahora se trataba de encajar todo y convertir el Mid fidelity en Hi fidelity, un poquito de color y la calabaza se convertiría en carroza, pensábamos que todo iría muy rápido como hasta el momento.

Llevábamos todo el lunes trabajando intensamente en nuestras pantallas y sobre las 18h de la tarde nuestras TA’s nos preguntaron que sobre qué base estábamos desarrollando la Web. Tuvimos unos momentos de pánico, hasta ese instante no habíamos usado un solo grid, pero nos sobrepusimos y fuimos a por todas, nos quedamos hasta que cerró Ironhack perfeccionando la página, estabamos orgullosos de lo que mejoró en una sola tarde.

Pero dos días después, nos dimos cuenta que algo no estaba funcionando, los bordes eran demasiado redondeados, el fondo muy intenso, no nos daba apariencia de un producto final. Así que estuvimos prácticamente toda la noche inmersos en el proyecto hasta que por fin quedamos satisfechos con el resultado.

Algo muy importante que aprendí con mi primer proyecto es que no hay nada subjetivo y todo está basado en datos, todo es cuantificable y cada elemento que añades se basa en tu investigación, UX es una ciencia.

Por otro lado, la inecesidad de hacer testing cada vez que surjan dudas, pues tus usuarios las despejaran y sobretodo la importancia de perseverar y de colaborar en un buen equipo dispuesto trabajar codo con codo hasta que salga el proyecto adelante.

Related posts:

A few years ago we had the chance to work on Kiosk application that was gesture controlled via Leap Motion. The gestures were a great way to interact with the kiosk but the technology was very early…

We all know what I am referring to here. Covid-19 and it’s subsquential quarantine. It is all anyone is talking about at the moment. But something that not a lot of people are talking about, is how…

There are times where habits stop working for you, or you reach the end of the line with them. You take a moment to breathe, assess why things changed, and figure out what the next steps are.