Ailin

Mejorar el proceso de compra y activación de kits
Category
Diseño
Service
UX UI
year
Octubre 2023
Ailin
Descripción general

Este fue el proyecto final del bootcamp que realicé junto con Stephanie Macri con un cliente real. El proyecto consistió en simplificar y hacer más intuitivos el procesos de compra, la activación de kits y la entrega de resultados.

Desafío

El mayor desafío que encontramos fue unificar o coordinar los intereses y necesidades de Ailin, los intereses y necesidades de las usuarias y limitar las acciones a realizar por el equipoc en base a nuestra investigación atendido el plazo del proyecto (MVP). Intentado, asismimso, dar como resultado un producto que atendiera a las necesidades de las dos partes , respetando la marca en su conjunto, tanto a nivel de diseño como a nivel de empresa y proyecto.

Empatizar

Ailin es una e-commerce que ofrece kits para la toma de muestras de sangre de forma autónoma y en tu casa.

Ofrece un servicio de recogida puerta a puerta. Los resultados se pueden verificar en línea en la web, junto con recomendaciones personalizadas a la vista de los mismos.

El Objetivo de investigación era aprender cuándo las personas necesitan tomar muestras de sangre, cómo lo hacen y cuáles son los paint points que experimentan durante el proceso.

Target: Mujeres de 28 a 40 años que viven en España y se han realizado un análisis de sangre al menos una vez en su vida. Establecismos este perfil en base a los usuarios que más utilizan los productos de Ailin (datos ofrecidos por la propia empresa).

Después de definir el objetivo y el target, realizamos una investigación secundaria para aprender sobre la industria de la salud y benchmarking con competidores nacionales e internacionales que ofrecen sus mismos servicios.

El objetivo de las Entrevistas era conocer por qué las personas se realizan analíticas, en qué casos concretos, qué proceso siguen y con qué dificultades se encuentran. Realizamos 8 entrevistas y los principales Insights encontrados fueron que:

  • Las personas se realizan las analíticas por control
  • Acuden a centros privados por cuestión de celeridad.
  • Mejoraría su experiencia si el proceso en general fuese más corto.

Realizamos también un test de usabilidad moderados tanto a usuarias de Ailin como a no usuarias con el objetivo de aprender cómo interactúan los usuarios del sitio web y con qué dificultades se encuentra, así como el entendimiento en general del sitio web.

Los principales problemas encontrados fueron: 

  • El exceso y repetición de la información, 
  • Confusión en el proceso de compra y
  • Falta de conocimiento sobre algunas funciones y botones de la web. 

Realizamos una evaluación del sitio web teniendo en cuenta los 10 principios heurísticos establecidos por Jacob Nielsen. Pudimos advertir que no se cumplía los principios de diseño estéticos y minimalista debido a la repetición de información en la barra de navegación y otras páginas, imágenes demasiado grandes y una paleta de colores que causaba sobrecarga cognitiva.

Se analizó el mapa de calor de la homepage para descubrir que el 100% de los usuarios se desplazan por la pantalla desde la barra de navegación hasta la primera sección del sitio web, pero solo el 14% alcanza el pie de página.

Esta heatmap nos indicaba que las usuarias perdían gran parte de la información de la homepage, siendo fundamental para la marca que las usuarias esten suficientemente informadas de los servicios que se prestan y su credibilidad y seguridad. 

Hotjar - Mapa de calor últimos 12 meses

Definir

Como conclusión de la etapa de investigación, se planteó el siguiente Problem Statement:

Los usuarios experimentan confusión durante el proceso de compra por el exceso de información y la distribución de la misma.

Y nuestro planteamiento consistió en preguntarnos:

¿Cómo podríamos ayudar a los usuarios de Ailin para que accedan fácilmente a toda la información que necesitan para comprar el producto?

Idear

Nuestra propuesta para mejorar la web de la Ailin consistió en mejorar la arquitectura de la información, consistente en:

  • Reorganizar las categorías de la barra de navegación, 
  • Agregar un dropdown menu con el listado de test (con el  objetivo de quitar la sección de productos de la homepage). 
  • Cambiar la categoría “conócenos” por “quiénes somos” (en la investigación surgió que “conócenos” generaba confusión con “contáctanos”)
  • Incluir la sección del blog para hacerlo más visible (reduciendo así el espacio que esa sección utilizaba en al homepage).
  • Cambiar la iconografía utilizada para clarificarla 
  • Eliminar el ícono de Whatsapp en la navbar para incluirlo en un botón flotante siempre visible.
  • Unificar botones (presentaban inconsistencia jerárquica) y los referidos al quiz (agregando una breve descripción sobre lo que significa)
  • Dejar únicamente el botón activar kit en la barra de navegación.

Prototipo
https://bit.ly/AilinProto

A continuación muestro la comparativa entre la página de inicio de Ailin y la propuesta que realizamos. Los cambios en la arquitectura de la información reducen la extensión del sitio web y la carga cognitiva, mejorando la experiencia del usuario en general.

COMPARATIVA HOME: BEFORE/AFTER
Valoración

Fue el último proyecto del bootcamp y se realizó con un cliente y encargo real. 

Resultó muy interesante gestionar los intereses del cliente, sus necesidades y las necesidades de las usuarias y también valorar, con el plazo establecido, que se puede hacer y qué cosas deben quedar fuera. Al final, la importancia del MVP.

Fue muy interesante realizar el encargo en una producto que ya está en funcionamiento, que ya tiene un branding determinado y cómo acomodar toda la información obtenida en la investigación con la propia marca. 

Tal vez por mi experiencia anterior, la gestión con un cliente real no me resultó un handicap, al contrario, creo que tener línea directa con el cliente te permite tener mucha información, que como todo tienes que analizar y utilizar desde tu perspectiva de diseñadora UX UI.

Other Projects