Resumen
Wonderlabs Technologies es un estudio de software fintech canadiense que construyó productos digitales para clientes financieros. Durante dos años allí, fui la referencia técnica de front-end y el líder UX en un equipo front-end de 3 personas que trabajaba para Concerto Card Company — una plataforma fintech que recaudó 21,2 M$ en una ronda Serie A de PayPal Ventures y Matrix Partners. El modelo de negocio de Concerto consistía en permitir que marcas y organizaciones deportivas lanzaran programas de tarjetas de crédito co-brandadas. Wonderlabs construyó y mantuvo la plataforma PWA que hizo eso posible, atendiendo a más de 50 000 usuarios en web, iOS y Android. Mi rol fue híbrido en todo momento: asumí responsabilidades tanto de UX como de desarrollo Angular en todas las iniciativas.
Proyecto 1: Gestión de tarjetas corporativas PayPal
PayPal necesitaba una plataforma web para que las empresas gestionaran las tarjetas de crédito corporativas emitidas a sus empleados — emisión de tarjetas virtuales, establecimiento de límites de gasto individuales, monitoreo de transacciones en toda la empresa y gestión de programas de recompensas. Los usuarios eran gerentes financieros y administradores, no consumidores. El desafío UX era hacer que una herramienta B2B densa y cargada de datos se sintiera navegable y rápida. El desafío técnico era gestionar un estado compartido complejo entre portfolios de tarjetas, flujos de transacciones y niveles de permisos para diferentes roles de usuario.
Mi rol en la plataforma PayPal
Como líder UX
- Diseño de la arquitectura de información de la plataforma — vistas del portfolio de tarjetas, monitoreo de transacciones, gestión de límites y flujos de programas de recompensas
- Creación de la base del sistema de diseño del equipo en Figma y de su biblioteca de componentes reutilizables con Storybook y Angular Material, estableciendo estándares de componentes, tokens de espaciado y patrones de interacción
- Rediseño del flujo de onboarding mediante ciclos de prototipado y pruebas, aumentando el engagement de usuarios en un 15 %
- Documentación de requisitos y facilitación de sesiones de alineación entre stakeholders y el equipo de desarrollo
Como desarrollador Angular
- Construcción de funcionalidades de tarjeta virtual y límites de gasto con Angular, NgRx, RxJS y Firebase Authentication, cubriendo gestión de tarjetas, filtrado de transacciones y flujos de acceso basados en roles
- Migración del código base de Angular 13 a Angular 15 en un monorepo, adoptando componentes standalone y las últimas optimizaciones del framework
- Integración de API REST para datos de tarjetas y transacciones en tiempo real, con manejo adecuado de errores y estados de carga en todas las vistas
- Optimización del pipeline CI/CD de Jenkins, reduciendo el tiempo de despliegue en un 20 %, y realización de revisiones de código compartiendo conocimientos de Angular y UX con el equipo
Proyecto 2: Framework de aplicación bancaria de marca blanca
La segunda iniciativa fue el framework de marca blanca que impulsó el negocio principal de Concerto: permitir que marcas y organizaciones deportivas lanzaran sus propias aplicaciones de tarjetas de crédito co-brandadas sin reconstruir desde cero cada vez. El framework combinaba una biblioteca de componentes Angular compartida con una herramienta CLI personalizada que resolvía toda la configuración específica del cliente en el momento de la compilación — branding, imágenes, catálogo de productos, precios y contenido se inyectaban mediante un solo comando CLI por cliente. Esta arquitectura permitió a Wonderlabs lanzar aplicaciones de marca para los socios de Concerto, incluidos los LA Angels, los Baltimore Orioles y Fisher-Price (cuya Mastercard College Savings, desarrollada con Gift of College, fue cubierta por NerdWallet y anunciada por Mattel Corporate). Mi rol fue construir y mantener componentes en la biblioteca compartida, garantizar soporte completo de temas y proporcionar retroalimentación de diseño sobre cómo la configuración impulsada por CLI afectaba la coherencia visual entre clientes.
Resultados e impacto
La plataforma PayPal se entregó en tiempo y la PWA atendió a más de 50 000 usuarios en web, iOS y Android. El rediseño del flujo de onboarding aumentó el engagement de usuarios en un 15 %, y la optimización del pipeline de Jenkins redujo el tiempo de despliegue en un 20 %. El framework de marca blanca permitió a Concerto hacer crecer su portfolio de clientes entre equipos de MLB y marcas de consumo — cada aplicación entregada sin reconstruir desde cero — y Concerto anunció su ronda Serie A de 21,2 M$ en 2022 mientras la plataforma estaba en producción. Mantener tanto las responsabilidades de diseño como de desarrollo a lo largo del proyecto significó decisiones más rápidas y menos fricción entre la intención de diseño y la realidad de la implementación.