E-commerce web site
Bang and Olufen
StreamLine is a popular mobile banking app that enables users to manage their accounts, track expenses, and make transactions. The app, however, was facing usability issues that led to a decline in user satisfaction and engagement. Our goal was to redesign the app, improving its UX/UI to provide a seamless, intuitive, and enjoyable experience for users, ultimately increasing user retention and satisfaction.

Responsabilidades
UX, UI
Duraccion del proyecto
5 Meses
Industria
E-commerce
Herramientas
Figma | Trello | Notion | Whismical
Tamaño de la compañia
500+
Entregables
UX Research, Feature Map, Functional Requirements, User Flows, Wireframes
UI Design
Design Library, Mood Board, Style Concepts, Style Guide, Static Mockups, Clickable Prototype
Desafios
Aumentar la retención de usuarios y convertir visitas en potenciales clientes.
Resultados
El rediseño de este comercio electrónico para B&O ha dado sus frutos, y los resultados son notables. En la primera fase de implementación de los cambios, logre elevar el Net Promoter Score (NPS) de 6 a un impresionante 8.
Este rediseño ha trajo consigo una interfaz más intuitiva y atractiva para los usuarios. La navegación se ha vuelto más sencilla y eficiente, lo que ha permitido a los clientes acceder a los productos de manera más rápida y cómoda. Además, hemos introducido opciones de personalización y recomendaciones de productos, lo que ha aumentado significativamente la participación de los usuarios.
El resultado más impactante ha sido el aumento en la satisfacción de nuestros clientes, como lo demuestra el NPS mejorado. Estamos encantados de ver cómo estos cambios no solo han mejorado la experiencia de compra, sino que también han fortalecido la relación con nuestros clientes. Estos resultados nos motivan a seguir trabajando para ofrecer una experiencia de compra en línea excepcional en B&O.
27%
Mejora en el proceso de onboarding
23%
Aumento de retencion de usuarios
74%
Aumento del tiempo pasado en el sitio web
Prototipo Mobile clickeables (limitados)
Prototipo Mobile clickeables (limitados)
E-commerce web site
Bang and Olufen
StreamLine is a popular mobile banking app that enables users to manage their accounts, track expenses, and make transactions. The app, however, was facing usability issues that led to a decline in user satisfaction and engagement. Our goal was to redesign the app, improving its UX/UI to provide a seamless, intuitive, and enjoyable experience for users, ultimately increasing user retention and satisfaction.



Proceso de trabajo
Investigación y Análisis de UX/UI: En esta fase crucial de nuestro proceso de trabajo de diseño de experiencia de usuario (UX) e interfaz de usuario (UI), llevamos a cabo entrevistas con usuarios, encuestas y analizamos las métricas dentro de la aplicación para comprender los puntos problemáticos y las necesidades de los usuarios. Además, estudiamos las aplicaciones de la competencia y las tendencias de la industria para recopilar conocimientos valiosos.
Arquitectura de la Información: Basándonos en los hallazgos de nuestra investigación, reestructuramos la navegación y el contenido de la aplicación, priorizando las características y la información según las necesidades de los usuarios. Esto nos permitió crear una estructura más lógica y fácil de usar.
Creación de Wireframes y Prototipos: Diseñamos wireframes de baja fidelidad para visualizar el nuevo diseño y la navegación, refinándolos de manera iterativa según el feedback de los usuarios. Posteriormente, creamos un prototipo interactivo de alta fidelidad para probar el diseño en un entorno casi real.
Pruebas de Usabilidad: Realizamos pruebas de usabilidad con un grupo diverso de usuarios para validar el diseño y identificar áreas de mejora. Tomando en cuenta los comentarios recibidos, hicimos los ajustes necesarios en el diseño para garantizar una experiencia fluida y satisfactoria.
Diseño Visual y Guía de Estilo: Desarrollamos un lenguaje visual cohesivo que incluye paletas de colores, tipografía e iconografía, asegurando la consistencia en toda la aplicación. Además, creamos una guía de estilo para mantener la coherencia del diseño en futuras actualizaciones, lo que garantiza una experiencia de usuario uniforme y atractiva a lo largo del tiempo.

Proceso de trabajo
Investigación y Análisis de UX/UI: En esta fase crucial de nuestro proceso de trabajo de diseño de experiencia de usuario (UX) e interfaz de usuario (UI), llevamos a cabo entrevistas con usuarios, encuestas y analizamos las métricas dentro de la aplicación para comprender los puntos problemáticos y las necesidades de los usuarios. Además, estudiamos las aplicaciones de la competencia y las tendencias de la industria para recopilar conocimientos valiosos.
Arquitectura de la Información: Basándonos en los hallazgos de nuestra investigación, reestructuramos la navegación y el contenido de la aplicación, priorizando las características y la información según las necesidades de los usuarios. Esto nos permitió crear una estructura más lógica y fácil de usar.
Creación de Wireframes y Prototipos: Diseñamos wireframes de baja fidelidad para visualizar el nuevo diseño y la navegación, refinándolos de manera iterativa según el feedback de los usuarios. Posteriormente, creamos un prototipo interactivo de alta fidelidad para probar el diseño en un entorno casi real.
Pruebas de Usabilidad: Realizamos pruebas de usabilidad con un grupo diverso de usuarios para validar el diseño y identificar áreas de mejora. Tomando en cuenta los comentarios recibidos, hicimos los ajustes necesarios en el diseño para garantizar una experiencia fluida y satisfactoria.
Diseño Visual y Guía de Estilo: Desarrollamos un lenguaje visual cohesivo que incluye paletas de colores, tipografía e iconografía, asegurando la consistencia en toda la aplicación. Además, creamos una guía de estilo para mantener la coherencia del diseño en futuras actualizaciones, lo que garantiza una experiencia de usuario uniforme y atractiva a lo largo del tiempo.
Conclusion
La exitosa reestructuración del sitio web de comercio electrónico B&O abordó de manera efectiva los problemas de usabilidad previamente existentes, resultando en una experiencia de usuario notablemente más intuitiva y amigable. Este rediseño de la interfaz y la experiencia del usuario (UI/UX) condujo a una serie de mejoras tangibles en la forma en que los clientes interactúan con la plataforma en línea.
El enfoque en la optimización de la experiencia del usuario y la navegación en el sitio web permitió un aumento significativo en la adopción de B&O por parte de los usuarios. Además, la participación de los clientes ha experimentado un aumento impresionante, ya que ahora encuentran mucho más fácil y atractivo explorar productos, realizar compras y gestionar sus cuentas en el sitio web de B&O.
Este proyecto destaca la importancia crítica de contar con un diseño web sólido y bien concebido para los diseñadores de experiencia de usuario (UX) en el ámbito del comercio electrónico. En el caso de B&O, este enfoque en la mejora de la experiencia del usuario ha demostrado ser una inversión estratégica que ha repercutido en resultados tangibles y en la satisfacción continua de los clientes. El sitio web de comercio electrónico B&O ahora se destaca como un ejemplo de cómo un rediseño bien ejecutado puede transformar la relación entre una empresa y sus clientes, llevando la experiencia de compra en línea a un nivel completamente nuevo de accesibilidad y usabilidad.