Digitalización de solicitudes de Cupoágil

Cupoágil no empezó como una pantalla. Empezó como un proceso vivo, repartido entre archivos Excel, bases de Access, correos, conversaciones rápidas y decisiones que muchas veces dependían de quién conocía mejor el flujo.

Ese tipo de operación puede funcionar durante un tiempo, pero empieza a mostrar límites cuando crece: se vuelve más difícil saber en qué estado está una solicitud, quién tiene la información correcta, qué dato cambió y cómo asegurar que todos los roles trabajen sobre la misma versión del proceso.

La oportunidad estaba en convertir conocimiento operativo disperso en una experiencia digital clara, trazable y preparada para integrarse con otros productos de la tribu.

Del proceso al producto

Mi rol principal estuvo en el frontend. Desarrollé junto con el equipo el aplicativo en Angular 13, llevando el flujo a una interfaz modular que permitiera gestionar solicitudes de Cupoágil con mayor orden y consistencia.

La experiencia visual se apoyó en SHERPA, el sistema de diseño de la organización. Esto permitió que el producto no se sintiera como una herramienta aislada, sino como parte de un ecosistema más grande, con componentes reutilizables, patrones conocidos y una experiencia alineada con los estándares internos.

Aunque no fui responsable directo del desarrollo backend ni de la base de datos, sí participé en conversaciones clave para definir APIs, estructuras de información y contratos funcionales. Esa cercanía fue importante para que lo que se diseñaba en pantalla tuviera sentido frente a las capacidades reales de los servicios.

Seguridad desde el frontend

Uno de los componentes relevantes del proyecto fue la integración de un Sandbox de seguridad construido por el COE de desarrollo.

Desde el frontend, este mecanismo protegía las peticiones mediante cifrado de requests y responses, agregando una capa de seguridad al intercambio de información entre la aplicación y los servicios.

Formulario Angular
  ↓
Sandbox de seguridad
  ↓
Request cifrado
  ↓
Servicios backend
  ↓
Response cifrado
  ↓
Aplicación frontend

El segundo movimiento

Con el tiempo apareció una nueva necesidad: centralizar varios productos de la tribu en un solo lugar. Eso cambió la conversación. Cupoágil ya no debía pensarse únicamente como una aplicación independiente, sino como una pieza que tenía que convivir dentro de una plataforma más amplia.

Para preparar ese camino, lideré la migración del frontend de Angular 13 a Angular 19. Esta actualización permitió modernizar la base técnica, reducir fricción de mantenimiento y dejar el proyecto mejor preparado para la siguiente etapa.

Después lideré la planeación y migración hacia una arquitectura de microfrontend usando Module Federation en el proyecto. Desde el equipo de Cupoágil, también conocido como sobregiro, estuve a cargo de llevar el producto a esa nueva forma de exponer el producto.

Línea de evolución

Momento	Cambio principal	Impacto
Operación manual	Excel, Access, correos y voz a voz	Información dispersa y baja trazabilidad
Primera versión	Angular 13 con SHERPA	Experiencia digital consistente para gestionar solicitudes
Seguridad	Sandbox del COE de desarrollo	Peticiones protegidas desde el frontend
Modernización	Migración a Angular 19	Base técnica más actual y mantenible
Centralización	Microfrontend con Module Federation	Integración con la plataforma de productos de la tribu

Más allá del código

El proyecto también exigió criterio funcional. Participé activamente en la definición de historias de usuario, criterios de aceptación y estrategias para certificar historias de alta complejidad.

En calidad, fortalecí la cobertura de código con pruebas unitarias en Jest, usando IA como apoyo para acelerar la construcción, revisión y mantenimiento de pruebas. El objetivo no era escribir tests por cumplir, sino responder a un indicador de cobertura sin perder de vista la estabilidad del producto.

Aportes principales

• Desarrollo frontend de la primera versión en Angular 13.
• Integración del sistema de diseño SHERPA.
• Implementación del Sandbox de seguridad para cifrado de requests y responses.
• Participación en definiciones de APIs, estructuras de datos y contratos funcionales.
• Liderazgo de la migración frontend de Angular 13 a Angular 19.
• Planeación y ejecución de la migración a microfrontend con Module Federation.
• Fortalecimiento de cobertura de código con pruebas unitarias en Jest.
• Uso de IA como apoyo para acelerar la construcción y mantenimiento de pruebas.
• Participación en definición de historias de usuario y criterios de aceptación.
• Apoyo en estrategias de certificación para historias de alta complejidad.

Stack usado

• Angular 13
• Angular 19
• SHERPA
• Jest
• Module Federation
• Microfrontends
• Sandbox
• Sonar
• APIs

Lo que cambió

Cupoágil pasó de depender de canales manuales y conocimiento distribuido a tener una experiencia digital capaz de ordenar solicitudes, mejorar trazabilidad y facilitar la operación entre roles.

La modernización técnica también fue parte del resultado. El producto quedó preparado para integrarse a una plataforma centralizada, alineado con una estrategia frontend más escalable y con una base más sólida para seguir evolucionando.

Qué me dejó

Este proyecto me permitió trabajar el frontend desde varias capas: interfaz, seguridad,, calidad, integración y definición funcional.

También reforzó una idea que considero clave: un buen frontend no solo presenta información. También ordena procesos, reduce ambigüedad y ayuda a que equipos distintos ejecutivos y operativos puedan operar sobre una misma verdad.