Rediseño.
Catálogo de promociones
¿Por qué rediseñar?
Debido a la pandemia, se suspendería la impresión de la guía de compras, por lo tanto, el formato digital sería la nueva forma de dar a conocer las promociones semanales de cada categoría.
Al convertirse en la principal fuente para dar a conocer las promociones, ofertas financieras y servicios. Era necesario comunicarlo de una forma concreta, clara y amigable para el usuario.
Metodología | Pain Points | Reto de diseño | Funcionamiento | Resultados
Rol en el proyecto
UX, UI, Front end
Metodología.
La metodología usada para este proyecto fue Sprint Design. Mi objetivo principal, era identificar los insights que arrojaba el primer catálogo de promociones digital, para poder desarrollar una idea nueva enfocada a los usuarios pero también alineada a los objetivos de la marca.
Pain points.
Contexto
La marca ya contaba con un catálogo de promociones digital, su funcionalidad era muy similar al catálogo impreso. Para identificar los posibles problemas y mejoras del catálogo existente realicé una investigación.
Puntos de la investigación:
- Navegué en el catálogo de promociones digital y recopilé los problemas percibidos así como las mejoras que podrían funcionar.
- Realicé 5 entrevistas y analicé la forma en cómo se comporta el usuario mientras navega en el contenido.
- Revisé el contenido del catálogo impreso y comparé su estructura con los componentes que ofrecía el e-commerce.
- Solicité información estadística sobre el Conversion Rate de la página.
Insights
Después de las entrevistas, recopilé los puntos que se repetían continuamente. Agrupé estos puntos de dolor en temas y características comunes en el catálogo de promociones digital. Después identifiqué los puntos de alta prioridad y concluí que son los siguientes:
Control sobre el catálogo
El usuario mostraba desesperación ya que el catálogo es de reproducción automática, quitándole control total sobre la permanencia en la categoría que es de su interés.
Menú de navegación por categoría
No existe una manera de llegar a la categoría de interés más que deslizando página por página.
Organización de categorías y productos
La organización del catálogo está segmentada por páginas y categorías, sin embargo, no existe organización interna por categorías, productos y promociones. Todo el contenido aparece en listas enormes de productos dificultando una fácil navegación.
Espacios dedicados para ofertas financieras, pautas y servicios
No existen espacios dedicados para dar a conocer las ofertas financieras, pautas, servicios y bondades que ofrece el retail.
Diseño mobile first
Al tener más del 70% de usuarios que ingresan por celular, la navegación en el catálogo se volvía frustrante, ya que si bien el diseño es responsivo, es poco funcional en dispositivos móviles.
Optimización Conversion Rate
Para el mes de noviembre 2019, los números se encuentran así:
Número de páginas vistas únicas: 41,69 %
Promedio de tiempo en la página: 00:00:47
Entradas: 39,38 %
Bounce rate: 1,86 %
Reto de diseño.
El reto de este rediseño, fue utilizar la mayor cantidad de componentes proporcionados por la plataforma para hacer la administración más sencilla, sin embargo, la plataforma carecía de componentes que se pudieran utilizar en el catálogo, para hacerlo funcional, con un diseño más atractivo y que se adaptara a las necesidades de los insights encontrados en la investigación. Partiendo de lo anterior
¿De qué manera el usuario puede consultar los diferentes departamentos y productos que se encuentran en promoción y así mismo cómo puede conocer las ofertas financieras que ofrece Best Buy semana a semana de manera sencilla y eficaz?
Proceso.
Navegación
El primer paso fue realizar la reestructuración de la arquitectura de la información. Ordenando jerárquicamente las categorías y el tipo de contenido que iba a tener cada una. Para esta organización me base de la estructura que tiene el catálogo impreso y de los insights de la investigación.
Sistema de diseño
Se utilizaron los lineamientos marcados por el branding de la marca para conservar una experiencia de diseño unificada.
Colores
La paleta de colores definirá jerarquía visual y consistencia de la marca.
Tipografía. Human for Best Buy
La familia tipográfica personalizada, refleja el lado amigable y tecnológico de la marca.
Íconos
Imágenes
Componentes
Mensajes
Componentes personalizados
se diseñaron y desarrollaron diferentes componentes especializados que se pueden replicar en las diferentes páginas del catálogo de promociones y que se adaptan a las diferentes resoluciones del navegador (Desk, Tablet, Mobile).
Cabe mencionar, que para tener un control, se desarrolló un pequeño sistema de clases css que se podían elegir para personalizar el componente.
Funcionamiento.
Takeaways
Recordando los puntos críticos para el rediseño del catálogo, se tomaron en cuenta los siguientes:
- El usuario tendrá control sobre su navegación.
- Menú de navegación interactivo.
- Contenido organizado (Categorías, productos).
- Espacios dedicados para pautas, ofertas financieras, servicios y bondades.
- Refresh visual, así como optar por una navegación first mobile.
User Story
Como usuario del catálogo, quiero conocer y acceder fácilmente a las promociones para poder comprar una Pantalla de 65″
Resultados.
En números
Se comparó el catálogo digital 2019 vs 2020 en un periodo de 11 días, para tratar de igualar los escenarios en cuanto a promociones, visitas y temporalidad.
Noviembre 2019
Promedio de tiempo en la página: 00:00:47
Entradas: 39,38 %
Bounce rate: 1,86 %
Noviembre 2020
Promedio de tiempo en la página: 00:00:58
Entradas: 51,12 %
Bounce rate: 0,47 %
Resultados de la optimización Conversion Rate.
+14,36 %
Número de páginas
vistas únicas
Son las páginas que visita un solo usuario en una visita.
+23,96 %
Promedio de
tiempo en la página
Es el tiempo que está el usuario en una sección hasta que pasa a otra.
+39,62 %
Entradas
Es la cantidad de usuarios que entraron a partir de esta sección.
-74,74 %
Bounce rate
Es cuando el usuario llega a una sección y no hace nada, solo se va.
+5,93 %
Valor de página
Sirve para conocer si los usuarios están cumpliendo con la finalidad de la sección.
