Diseño UX/UI

  1. Home
  2. »
  3. Proyecto Sistema de diseño

Proyecto Sistema de diseño

Descripción

BrumBee es una plataforma web en la nube dirigida principalmente a profesionales de la contaduría y, recientemente, a startups tecnológicas. Aunque la aplicación ya estaba creada y en funcionamiento, su interfaz visual era anticuada y poco clara en algunos procesos. Por ello, se planteó la necesidad de rediseñar la experiencia visual aplicando principios de UX/UI design, sin alterar la funcionalidad existente.
El proyecto consistió en la creación de un sistema de diseño unificado, acompañado de guías de estilo y guías de componentes, con el fin de modernizar la interfaz y garantizar consistencia visual en los ocho productos que conforman la suite BrumBee.

¿Para quién es?

  • Profesionales en contaduría: que requieren herramientas confiables y claras para la gestión de procesos contables.
  • Startups tecnológicas: que buscan soluciones ágiles y modernas para la administración de sus operaciones.
  • Equipo de desarrollo y diseño: que necesita lineamientos claros para mantener coherencia visual en futuras actualizaciones.

Función del sistema de diseño

  • Unificar la identidad visual de BrumBee en todos sus productos.
  • Facilitar la implementación de interfaces consistentes mediante guías de estilo y componentes.
  • Permitir la actualización automática de colores y estilos gracias al uso del plugin Material Theme Builder de Google.
  • Servir como referencia documental (PDF) para diseñadores y desarrolladores.

Progreso del sistema de diseño

1. Investigación inicial:

  • Pruebas con usuarios en la plataforma anterior.
  • Encuestas para recopilar opiniones sobre la experiencia visual y usabilidad.

2. Metodología:

  • Se aplicó Scrum, permitiendo avances iterativos sin detener el uso de la plataforma.

3. Implementación:

  • Creación del sistema de diseño con Material Design 3.
  • Uso del kit oficial de Google y el plugin Material Theme Builder.
  • Desarrollo de guías de estilo y componentes para cada uno de los 8 productos.

4. Cambios realizados:

  • Actualización visual completa de la interfaz.
  • Rediseño del menú de navegación.
  • No se modificaron los flujos funcionales (UX), aunque se inició el análisis de diagramas de flujo para futuras mejoras.

Historia de usuario

Como usuario de BrumBee, quiero contar con una interfaz visual moderna y clara, para que pueda utilizar las herramientas de la plataforma sin confusión y con una experiencia más agradable, manteniendo las funcionalidades que ya conozco.

Objetivos

  • Modernizar la interfaz visual de BrumBee sin alterar la funcionalidad existente.
  • Crear un sistema de diseño escalable y consistente que permita futuras mejoras en UX.
  • Documentar guías de estilo y componentes para asegurar la continuidad del diseño en todos los productos.

Pruebas realizadas

  • Pruebas con usuarios en la plataforma anterior: para identificar problemas visuales y de comprensión.
  • Pruebas con usuarios en un producto piloto: validando la nueva interfaz y recopilando retroalimentación.
  • Encuestas de percepción: sobre la claridad, estética y facilidad de uso de la nueva interfaz.
  • Iteraciones de mejora: aplicadas antes de la publicación final.

Volver