Diseño UX/uI
Proyecto Rediseño de Log In
Descripción
El proceso de rediseño del Log In de BrumBee se realizó tras la implementación del sistema de diseño general. El objetivo fue modernizar la pantalla de acceso, mejorar la experiencia visual y transmitir mayor confianza al usuario desde el primer contacto con la plataforma.
Se siguió el mismo proceso de análisis, wireframing y prototipado en alta fidelidad, incorporando además una animación sencilla creada en After Effects y exportada como Lottie, para aportar dinamismo y reforzar la identidad visual de la marca.
¿Para quién es?
- Usuarios finales de BrumBee → profesionales en contaduría y startups tecnológicas que acceden diariamente a la plataforma.
- Stakeholders y equipo de desarrollo → que requieren una interfaz clara, moderna y alineada con el sistema de diseño.
Función del nuevo Log In
- Facilitar el acceso seguro y rápido a la plataforma.
- Transmitir confianza y profesionalismo desde la primera interacción.
- Integrar elementos visuales consistentes con el sistema de diseño.
- Ofrecer una experiencia responsive en desktop, tablet y mobile.
- Incorporar una animación Lottie para dar un toque moderno y atractivo.
Proceso de diseño
1. Análisis UX
- Evaluación del Log In anterior
- Benchmarking de buenas prácticas en pantallas de acceso SaaS.
2. Wireframing
- Definición de estructura simple y clara.
- Revisión y aprobación interna.
3. Prototipado UI
- Desarrollo en alta fidelidad con el sistema de diseño existente.
- Inclusión de la animación Lottie exportada desde After Effects.
- Diseño responsive para todos los dispositivos.
4. Publicación
- Implementación de la nueva pantalla de Log In.
- Planificación de futuras mejoras en seguridad y accesibilidad.
Historia de usuario
Como usuario de BrumBee, quiero acceder a la plataforma desde una pantalla de Log In moderna, clara y confiable, que además me brinde una experiencia visual atractiva y adaptada a cualquier dispositivo.
Objetivos
- Modernizar la pantalla de acceso con un diseño limpio y consistente.
- Mejorar la percepción de seguridad y confianza en la plataforma.
- Incorporar animaciones ligeras para enriquecer la experiencia visual.
- Garantizar una experiencia responsive en todos los dispositivos.
Pruebas realizadas
- Validación interna del prototipo interactivo.
- Revisión con stakeholders para asegurar alineación con la identidad visual.
- Publicación controlada de la nueva pantalla de Log In.
- Verificación de comportamiento responsive y rendimiento de la animación Lottie.
