Caso de estudio:
Rediseño de Plataforma de Mensajería Omnicanal
Caso de estudio:
Rediseño de Plataforma de Mensajería Omnicanal
Desafío
La plataforma requería una actualización visual y funcional para integrar nuevas funcionalidades sin afectar la experiencia existente.
El reto fue rediseñar la interfaz de usuario manteniendo la coherencia del sistema de diseño, optimizando la experiencia de usuario y asegurando que las nuevas capacidades se integraran de forma natural en los flujos actuales.
La plataforma requería una actualización visual y funcional para integrar nuevas funcionalidades sin afectar la experiencia existente.
El reto fue rediseñar la interfaz de usuario manteniendo la coherencia del sistema de diseño, optimizando la experiencia de usuario y asegurando que las nuevas capacidades se integraran de forma natural en los flujos actuales.
Objetivos del proyecto
• Mejorar la usabilidad, accesibilidad e intuitividad general de la plataforma.
• Integrar nuevas funcionalidades respetando el design system existente.
• Optimizar flujos de usuario clave para lograr una experiencia más ágil y eficiente.
• Actualizar el look & feel para alinearlo con estándares de UI moderna y tendencias de diseño digital.
• Mejorar la usabilidad, accesibilidad e intuitividad general de la plataforma.
• Integrar nuevas funcionalidades respetando el design system existente.
• Optimizar flujos de usuario clave para lograr una experiencia más ágil y eficiente.
• Actualizar el look & feel para alinearlo con estándares de UI moderna y tendencias de diseño digital.
Recursos proporcionados por la empresa
• Acceso completo a la plataforma para auditoría UX y testeo de la experiencia actual.
• UI Kit oficial para asegurar consistencia visual.
• Archivos de diseño y prototipos previos como punto de referencia.
• Acceso completo a la plataforma para auditoría UX y testeo de la experiencia actual.
• UI Kit oficial para asegurar consistencia visual.
• Archivos de diseño y prototipos previos como punto de referencia.
Proceso creativo
Entrevistas con el equipo de producto para alinear objetivos estratégicos y técnicos.
Exploración de la plataforma para detectar fricciones y oportunidades de mejora.
Diseño de nuevos flujos de usuario centrados en tareas críticas.
Creación de wireframes aplicando el UI Kit, optimizando layout, jerarquía visual y patrones de interacción.
Refinamiento del UI con elementos modernos, consistencia visual y mejoras en la legibilidad.
Entrega de prototipos y documentación para el equipo de desarrollo.
Entrevistas con el equipo de producto para alinear objetivos estratégicos y técnicos.
Exploración de la plataforma para detectar fricciones y oportunidades de mejora.
Diseño de nuevos flujos de usuario centrados en tareas críticas.
Creación de wireframes aplicando el UI Kit, optimizando layout, jerarquía visual y patrones de interacción.
Refinamiento del UI con elementos modernos, consistencia visual y mejoras en la legibilidad.
Entrega de prototipos y documentación para el equipo de desarrollo.
Herramientas utilizadas
• FigJam: Investigación, definición de objetivos y colaboración con stakeholders.
• Figma: Flujos de usuario, wireframes, prototipos interactivos y refinamiento visual.
• FigJam: Investigación, definición de objetivos y colaboración con stakeholders.
• Figma: Flujos de usuario, wireframes, prototipos interactivos y refinamiento visual.
Solución entregada
Un archivo completo en Figma con:
• Flujos optimizados y wireframes de alta fidelidad.
• Componentes reutilizables y documentación para handoff.
• UI refinado que respeta la identidad visual pero mejora estructura, accesibilidad y experiencia global.
Un archivo completo en Figma con:
• Flujos optimizados y wireframes de alta fidelidad.
• Componentes reutilizables y documentación para handoff.
• UI refinado que respeta la identidad visual pero mejora estructura, accesibilidad y experiencia global.
Resultados
• Plataforma más intuitiva, clara y centrada en el usuario.
• Nuevas funcionalidades integradas de forma fluida en el diseño existente.
• Look & feel actualizado, moderno y alineado con la marca digital.
• Base sólida para un producto escalable y futuras evoluciones.
• Plataforma más intuitiva, clara y centrada en el usuario.
• Nuevas funcionalidades integradas de forma fluida en el diseño existente.
• Look & feel actualizado, moderno y alineado con la marca digital.
• Base sólida para un producto escalable y futuras evoluciones.
Nota de confidencialidad: Debido a un acuerdo NDA, solo se presenta una vista general sin mostrar el diseño interno completo.
Nota de confidencialidad: Debido a un acuerdo NDA, solo se presenta una vista general sin mostrar el diseño interno completo.
