CASO DE ESTUDIO
Investigamos y Validamos para Luego Diseñar
En Banco Falabella, validamos la hipótesis de que un rediseño del Banner Hero y la Sección de Oportunidades Únicas optimizaría la navegación y la percepción visual de la página, mejorando así la experiencia del usuario.
01
Contexto e Investigación
Esta investigación surge a partir de las constantes consultas de los usuarios, quienes tenían dificultades para encontrar promociones o no sabían dónde ubicar esa información dentro del sitio.
02
Objetivos
El proyecto partió de una hipótesis a validar: que un rediseño del Banner Hero y la Sección de Oportunidades Únicas optimizaría la navegación y la percepción visual de la página.
Los objetivos de las pruebas eran evaluar el comportamiento de los usuarios en los 4 países (Chile, Perú, México y Colombia) y optimizar la jerarquía visual al interactuar con el nuevo diseño de los componentes.
03
Proceso y Metodología
Se aplicó el marco de Doble Diamante. Se realizaron pruebas de usuario con grupos de participantes de cada país, quienes completaron una serie de tareas en la plataforma Useberry.
Entre los hallazgos, se identificó una diferenciación cultural clara entre países: algunos usuarios leen más el contenido textual antes de actuar, mientras que otros se dejan llevar más por el color y los elementos visuales.
04
Mi Rol en el Proyecto
Organicé y estructuré los test de usuario en Useberry: definí las preguntas, armé las tareas y envié el estudio a los participantes de los 4 países. Diseñé las propuestas de los nuevos componentes en Figma y, tras analizar los resultados del research, apliqué las mejoras correspondientes. Estas mejoras fueron luego validadas mediante un test de guerrilla presencial en una sucursal del banco.
05
Decisiones de Diseño
A partir de los hallazgos obtenidos en las pruebas de usuario, que se centraron en la efectividad, la encontrabilidad y el flujo de navegación, se decidió realizar mejoras en los nuevos componentes propuestos: el banner principal, las cards de productos y los botones de navegación del banner. Estas decisiones se basaron en los resultados, observaciones y retroalimentación proporcionada por los usuarios durante las pruebas.
Fue necesario realizar un segundo test, optando en esta ocasión por un test de guerrilla en una sucursal del banco. A partir de los comentarios obtenidos en pruebas anteriores, surgió una nueva hipótesis: ¿Qué tan eficaces son los botones de navegación horizontal en la versión desktop? Antes de aplicar el test, se hizo una comparativa de los botones en un caso práctico, considerando variables como la oscuridad del fondo, el desenfoque, el color y las microinteracciones.
El test de guerrilla validó que las mejoras fueron positivas: los usuarios reconocían los componentes y hacían buen uso de ellos.
06
Resultados
El proyecto permitió diseñar, mejorar y evolucionar el Design System en tres componentes clave: banner principal, cards de productos y botones de navegación.
- Los usuarios reconocen la información presentada en los banners y saben cómo navegar de uno a otro.
- Los usuarios reconocen correctamente la información de las cards de productos: logo, descuento, días de vigencia y empresa asociada.
- Los usuarios notaron y respondieron positivamente a las microinteracciones incorporadas en los botones de desplazamiento.
Banner Principal
Los usuarios reconocen la información presentada y saben cómo navegar de un banner a otro.
Cards de Productos
Los usuarios identifican correctamente toda la información clave: logo, descuento, días de vigencia y empresa asociada.
Botones de Navegación
Los usuarios notaron y respondieron positivamente a las microinteracciones incorporadas en los botones de desplazamiento.
07
Antes y después
08
Prototipo
09
Reflexión y Aprendizajes
- Validar antes de escalar: confirmar con datos reales antes de aplicar cambios a un Design System usado por 30+ diseñadores.
- Diseñar para la diversidad cultural: cada país respondía distinto, unos priorizan texto, otros color. Un Design System regional debe absorber esa diferencia sin perder consistencia.
- Combinar métodos remotos y presenciales: Useberry permitió escalar a 4 países; el test de guerrilla en sucursal dio la validación más concreta.
Escalar un Design System no es solo escalar componentes, es escalar la forma en que cada país confía en ellos.