La Nona Olimpia
Cuando La Nona Olimpia comenzó en 2019, nunca imaginé el viaje profesional que emprendería. Desde un pequeño espacio físico en Santiago de Compostela, el objetivo era simple: ser un lugar de referencia donde el arte emergente cobraba vida a través de eventos, exposiciones, talleres y la venta de obras únicas. Sin embargo, la pandemia tenía otros planes para este proyecto y para mí.
El mundo se detuvo y me vi obligada a adaptarme a los nuevos tiempos. La transición al mundo online no resultó fácil, pero fue durante este período cuando descubrí el mundo del diseño del UX/UI y de cómo debía trasladar toda aquella experiencia que era el mundo offline al mundo digital.
A principios de 2022, tomé la decisión de detener el proyecto de La Nona Olimpia. Esta pausa se convirtió rápidamente en un viaje de auto descubrimiento. Al mirar la plataforma web que había creado me di cuenta de las oportunidades de mejora que había pasado por alto. Comprendí que era una ciencia y que debía formarme en el mundo del diseño UX/UI.
Ahora desde la perspectiva de lo que he aprendido y la experiencia rediseñé la experiencia digital en La Nona Olimpia. Abordé cada interacción que no funcionaba y cada obstáculo que bloqueaba una navegación correcta, con el objetivo de fusionar la belleza del arte con la funcionalidad del diseño digital.
En este case study, te invito a explorar conmigo el viaje personal y profesional que me llevó a rediseñar La Nona Olimpia. Es un viaje de auto descubrimiento, pasión por el diseño y un compromiso inquebrantable con una experiencia online que refleje verdaderamente nuestra identidad y valores.
Proyecto
Personal
Rol
UX Researcher | Diseño UI
Herramientas
Figma | Photoshop | Illustrator
Challenge
Mejora del diseño de la web y del proceso de compra
Resultado
Una web más trabajada, con especial atención al detalle. Cuidaremos especialmente las interacciones para una mejora de la usabilidad
01 |Contexto. Historia y objetivos
¿Dónde y cómo nace La Nona Olimpia?
Tras vivir una temporada en Barcelona, vuelvo a Galicia. Con la mudanza me llevo una idea de negocio que hasta el momento no estaba muy explorado en la comunidad gallega; un espacio de exposición, con talleres, donde poder adquirir piezas de arte emergente. En definitiva, un lugar en el que la experiencia fuese el centro de todo. La ciudad escogida fue Santiago de Compostela.
Santiago rebosa una diversidad cultural que la hace única en la región. Siendo el destino final del Camino de Santiago, su energía es aún más especial, impregnada de historias y tradiciones de todas partes del mundo. Es el escenario perfecto para un espacio donde las diversas culturas se fusionen, creen un ambiente dinámico y acogedor para el arte y la expresión.
Objetivo de La Nona Olimpia
Queremos ofrecer un lugar en el que descubrir obras y piezas únicas de artesanos y artistas emergentes. Objetos honestos, desde su concepción hasta su creación, producidos a mano de manera sostenible.
Nuestra meta es acercar a las personas curiosas y amantes del arte a los procesos detrás de la creación de estos objetos, invitándolos a repensar cómo y qué consumimos. La Nona Olimpia es una ventana abierta para todos, donde se pueden descubrir piezas únicas.
Seleccionamos cada pieza y artista con cuidado, valorando el origen de su obra, su proceso creativo y sus valores. Buscamos artesanos que crean piezas extraordinarias de manera sostenible.
Contexto
Tal y como se ha expuesto en la introducción, cuando llega la pandemia, el sistema del negocio se traslada al online. La web, que en un primer momento funcionaba como apoyo comunicativo al negocio offline, pasa a tener el eje fundamental en el desarrollo del proyecto.
| UN PEQUEÑO ANÁLISIS
En marzo de 2020 la web tenía 6 meses de vida. El número de usuarios no llegaba a los 3000.
A partir de esta fecha, las visitas a la web aumentan por tres en el primer año y por 8 en el segundo año.
A pesar de la mejora de las cifras en cuanto a usuarios y sesiones no conseguimos la conversión óptima ideal.
Sabemos que la categoría más vendida es la de ilustración. Supone en torno un 40% de las ventas totales.
02 | Entender a nuestros clientes
Hagamos un recorrido por las expectativas y necesidades de nuestros clientes. Llevamos a cabo una investigación exhaustiva sobre sus comportamientos, motivaciones y frustraciones. A través de esta investigación, buscamos obtener una comprensión profunda de quiénes son nuestros clientes y cómo podemos mejorar su experiencia.
| ¿Cómo son nuestros clientes?
Sabemos que nuestros usuarios son personas muy comprometidas con el negocio local, que compran conscientemente y apuestan por valores sostenibles y de proximidad.
Desarrollamos el perfil de una persona que encaja con el análisis que hemos hecho de las características que posee una de nuestras clientas, sus drivers y barriers de compra.
| ¿Cómo es el recorrido por nuestra web actual?
Somos conscientes que uno de los problemas que encontramos al analizar la web es que, se genera una barrera de compra a la hora de seleccionar ilustraciones enmarcadas. El proceso de selección tal y como esta planteado, entre escoger el tamaño de la ilustración y su correspondiente marco en la web inicial, es confuso y poco claro lo que genera en el usuario una gran carga cognitiva.
03 | Objetivos
Mejora de la estética de la web
Destacar productos y artistas mediante un diseño limpio.
Mejorar la legibilidad y accesibilidad de las tipografías.
Optimizar el espacio visual con una alineación coherente entre textos e imágenes.
Mejora en la conversión y optimización del proceso de compra
Simplificar la compra de ilustraciones enmarcadas para aumentar la conversión
Integrar correctamente los iconos para mejorar la usabilidad.
Implementar barra de progreso y spinners de carga para una navegación más informada.
Impulso de ventas cruzadas
Añadir una sección visual de ideas y usos del producto.
Reforzar las recomendaciones de productos para aumentar las unidades por transacción (UPT).
Fomentar el sesgo de influencia social con un bloque dedicado a redes sociales.
Coherencia y presentación de información:
Jerarquizar imágenes y textos para mejorar el escaneo visual.
Rediseñar los CTA para una mayor efectividad.
Enriquecer la información del producto.
04 | Diseño
| LA BIENVENIDA. PÁGINA DE INICIO
| ORIGINAL
| REDISEÑO
Mejora del header: reestructuramos la jerarquía de productos para que sea más intuitiva, permitiendo un acceso claro y rápido a las categorías.
Menú hamburguesa: trasladamos el menú hamburguesa al lado izquierdo que facilita el acceso a todo el contenido relacionado con La Nona Olimpia, generando confianza en nuestros usuarios y clientes.
Valor a la fotografía y presentación del producto: destacamos la importancia de la fotografía de producto y su presentación. Mediante el uso de hotspots se mostrarán las tarjetas de producto con toda la información detallada.
| IMAGEN INTERACTIVA
| IMÁGENES FIJAS
| PÁGINA DE PRODUCTO
| ORIGINAL
| REDISEÑO
Mejora de la carga visual: alineamos cuidadosamente los textos e imágenes para una presentación más limpia y coherente.
Icono de favoritos: introducimos el icono de favoritos para mejorar la experiencia del usuario, permitiéndoles guardar productos de interés fácilmente.
Barra de progreso y carga de productos: prestamos especial atención a la barra de progreso y a la carga de productos por página, asegurando que el usuario siempre sepa en qué punto de la navegación se encuentra.
| IMAGEN INTERACTIVA
| IMÁGENES FIJAS
| COMPRA DE UNA ILUSTRACIÓN ENMARCADA
| ORIGINAL
| REDISEÑO
Mejora en la presentación del producto: jerarquizamos las imágenes y el texto para facilitar un mejor escaneo visual y mejorar la legibilidad.
Rediseño de los CTA: actualizamos los Call to Action para hacerlos más atractivos y efectivos.
Valor añadido al producto: mejoramos la información detallada sobre el producto, los envíos, los cambios y las devoluciones para proporcionar una experiencia de compra más completa y transparente.
Sección de ideas y recomendaciones: añadimos una sección con imágenes que ofrece ideas y recomendaciones de uso del producto, enriqueciendo la experiencia del usuario.
Atención a la recomendación de productos: nos enfocamos en sugerir otros productos relevantes para mejorar la venta cruzada y aumentar el UPT (Unidades por Transacción).
| IMAGEN INTERACTIVA
| IMÁGENES FIJAS
| CHECKOUT
| ORIGINAL
| REDISEÑO
Mejora visual de la página: trabajamos en el uso del espacio y la distribución del contenido para lograr una mayor claridad y un diseño más aireado.
Coherencia de la información: organizamos la información en dos bloques diferenciados: datos personales y de pago, y contenido del carrito, para una mejor coherencia y comprensión.
Utilización de spinner de carga: implementamos un spinner de carga para indicar el estado de procesamiento y mejorar la experiencia del usuario durante la espera.
Información detallada del estado del pedido: proporcionamos información detallada sobre el estado del pedido mediante textos claros y el uso de iconos explicativos.
| IMAGEN INTERACTIVA
| IMÁGENES FIJAS
CONCLUSIÓN
| QUÉ HE APRENDIDO
Con este case study he vuelto a vivir el proyecto con el que descubrí qué es la experiencia de usuario y el por qué me quise formar en ello. Revisando cómo era la web original he sido consciente de todos los puntos de mejora en los que se debían trabajar.
Recurrí a analizar el tráfico, las tasas de conversión y los feedbacks de clientes para identificar exactamente en los puntos en los que debía trabajar.
He investigado en la necesidad de optimizar la navegación del sitio web para reducir las tasas de abandono del carrito y la oportunidad de mejorar la personalización de las recomendaciones de productos para aumentar las ventas.
De cara al futuro he descubierto que existe una demanda por parte de los usuarios de visualizar los productos en sus propios espacios antes de realizar la compra por lo que será interesante trabajar en la implementación de un "probador virtual" de decoración.