Para comenzar, realicé un relevamiento de la situación actual de la página e identifiqué las siguientes oportunidades de mejora:

• Unificación visual
  Homogeneizar paleta de colores, tipografías, componentes y espaciados en toda la plataforma permitirá ofrecer una interfaz fluida y profesional, reforzando la percepción de coherencia y confianza en cada paso.
• Mensajes de error más claros
  Rediseñar las validaciones con un UX Writing preciso y colores menos agresivos para que los usuarios entiendan rápidamente qué corregir, reduciendo la frustración y los rechazos innecesarios.
• Indicador de progreso intuitivo
  Incorporar un stepper o barra de avance que señale en todo momento en qué fase del flujo de pago se encuentra el usuario, evitando la sensación de desorientación y aumentando la confianza durante el proceso.
• Modales contextuales y controlables
  Eliminar las modales innecesarias y asegurar que cada una tenga un botón de cierre visible, de modo que el usuario mantenga el control de su recorrido sin interrupciones injustificadas.
• Buscador de facturas inteligente
  Añadir filtros por entidad, fecha y tipo, junto con tooltips explicativos y lógica que muestre solo facturas pagables, para que la búsqueda sea rápida y relevante, facilitando al usuario encontrar el servicio correcto.
• Carga ágil de facturas
  Sustituir la introducción manual del número de factura por un lector de códigos de barras (con opción manual de respaldo), acelerando el proceso y minimizando errores tipográficos que provocan abandonos.
• UX Writing y placeholders consistentes
  Definir una terminología única (“DNI” vs. “Número de documento”) y utilizar placeholders con ejemplos de formato para guiar al usuario, evitando dudas sobre cómo completar cada campo.
• Mejora de accesibilidad
  Ajustar contrastes de color, tamaños de texto y habilitar navegación por teclado para garantizar que todos los usuarios, incluidos aquellos con necesidades especiales, puedan completar sus pagos sin barreras.
• Descarga de comprobantes y secciones de valor
  Implementar la opción de descargar comprobantes al finalizar el pago y crear secciones de “Ofertas destacadas” y “Empresas” para ofrecer contexto adicional, incentivar promociones y mejorar la navegabilidad.
• Estandarización de componentes y microinteracciones
  Definir estados claros para botones primarios y secundarios (hover, selected), eliminar duplicaciones de íconos y documentar cada componente en un design system compartido, asegurando consistencia y eficiencia en futuras iteraciones.