Diseño UX/UI
Proyecto de Rediseño de Home
Descripción
Tras la creación del sistema de diseño de BrumBee, se desarrolló el nuevo prototipo de alta fidelidad interactivo para la pantalla principal (Home). Este rediseño implicó una reestructuración completa de la interfaz, enfocada en mejorar la experiencia visual, la jerarquía de información y la adaptabilidad a distintos dispositivos, sin alterar la funcionalidad existente.
La nueva versión publicada es una implementación básica del prototipo, con planes futuros para integrar los widgets interactivos definidos en el diseño.
¿Para quién es?
- Usuarios finales de BrumBee → contadores y startups que acceden diariamente a los productos de la suite.
- Stakeholders y equipo de desarrollo → que requieren una interfaz clara, escalable y alineada con el sistema de diseño.
Funciones
- Centralizar el acceso a los productos incluidos en el plan del usuario.
- Mostrar avisos relevantes por producto en una card dedicada.
- Presentar noticias generales de BrumBee en una sección final.
- Mejorar la experiencia visual y la navegación sin alterar los flujos funcionales.
- Garantizar una experiencia responsive óptima en desktop, tablet y mobile.
Proceso de diseño
1. Análisis UX
- Evaluación de la versión anterior.
- Investigación de buenas prácticas en dashboards SaaS.
- Benchmarking visual y funcional.
2. Wireframing
- Diseño de estructura base con enfoque en jerarquía visual.
- Revisión y aprobación interna.
3. Prototipado UI
- Desarrollo directo en alta fidelidad usando el sistema de diseño existente.
- Interacciones simuladas para validar navegación y disposición.
- Diseño responsive desde el inicio para todos los breakpoints.
4. Publicación
- Implementación de una versión básica del Home.
- Planificación de futuras mejoras con widgets definidos en el prototipo.
Historia de usuario
Como usuario de BrumBee, quiero acceder rápidamente a los productos de mi plan y visualizar avisos y noticias relevantes desde una interfaz clara, moderna y adaptable a cualquier dispositivo, para tener una experiencia más eficiente desde el inicio.
Objetivos
- Reestructurar el Home para mejorar la jerarquía visual, claridad, accesibilidad y adaptabilidad.
- Aprovechar el sistema de diseño para garantizar consistencia y escalabilidad.
- Sentar las bases para una futura versión con widgets interactivos.
Pruebas realizadas
- Validación interna del prototipo interactivo.
- Revisión con stakeholders para asegurar alineación con objetivos del producto.
- Publicación controlada de la versión básica para observación de comportamiento real.
- Verificación de comportamiento responsive en distintos dispositivos.
