Flexxus dependía de un servicio de soporte que no lograba alinearse con las necesidades críticas de un software de gestión tan potente. La diversidad de usuarios (empleados internos, distribuidores estratégicos y clientes B2B/B2C) sufría por la falta de respuestas rápidas y soluciones específicas para los distintos módulos del Punto de Venta (POS).
Punto crítico: Los incidentes no se derivaban correctamente, lo que afectaba la satisfacción del cliente en el momento más sensible: la operación de venta.
Objetivo: Crear una mesa de ayuda nativa capaz de centralizar, categorizar y resolver problemas técnicos complejos de manera eficiente y escalable.
Las secciones del proyecto se organizaron en páginas específicas en Figma, con nomenclatura consistente para fácil identificación. Se mantuvo la limpieza y organización de capas, siguiendo una estructura de nomenclatura coherente.
La alineación de unidades de espacio con Ant Design facilitó una transición fluida al código. La paleta de colores se convirtió en variables CSS mediante el plugin Color Styleguide, integrando Ant Design para garantizar coherencia en la implementación. Los estilos de texto se organizaron lógicamente, evitando jerarquías HTML y enfocándose en roles y tamaños para un diseño receptivo.
La integración de iconos se realizó con Ant Design, asegurando una exportación eficiente en formato SVG. Se utilizaron componentes de Ant Design para mantener consistencia visual y funcional. La comunicación continua con programadores se facilitó mediante la conexión Figma-Visual Studio Code, asegurando un proceso colaborativo y eficiente desde el diseño hasta el desarrollo web.
Para potenciar aún más la solución de la mesa de ayuda, se emplearon Mapas de Trayectoria del Usuario y Flujos de Tareas para mapear interacciones e identificar problemas específicos para cada usuario. Se definieron y priorizaron objetivos, optimizando flujos de trabajo e interfaces de usuario. Ant Design, una biblioteca de interfaz de usuario para React.js, se incorporó para brindar una experiencia más amigable y facilitar el desarrollo tanto para programadores junior como experimentados.
Además, se implementó un enrutamiento personalizado de incidentes, teniendo en cuenta métricas y satisfacción del cliente para garantizar una resolución más efectiva de problemas. Scrum facilitó la colaboración efectiva, la implementación iterativa y la mejora continua basada en la retroalimentación del usuario y las métricas.
La entrega final incluyó documentación completa de UI/UX para un mantenimiento y escalabilidad sencillos. La solución logró un sistema de mesa de ayuda eficiente y personalizado, adaptándose a las necesidades específicas de cada grupo de usuarios y mejorando la experiencia general del usuario.
