Una plataforma fragmentada. Equipos que la odiaban.
Vela AI llegó al estudio con un producto en producción desde 2021 — funcional pero amasado con cinco rediseños parciales, tres lenguajes visuales conviviendo, y un NPS interno de 18.
El brief era explícito: no queremos lipstick. Necesitamos rehacer el sistema, redibujar las pantallas críticas y entregar código que el equipo pueda mantener en los próximos dos años sin volver a llamarnos.
Los KPIs estaban claros — bajar el tiempo de onboarding de tesoreros de 6 días a 2, subir adopción de la feature de reconciliación automática del 12% al 60%, y que el equipo de soporte dejara de recibir tickets por UI confusa.
Sistema primero. Pantallas después.
Las primeras tres semanas no diseñamos ni una pantalla. Hicimos auditoría completa de los 5 productos satelitales, entrevistamos a 12 tesoreros activos y mapeamos el modelo mental del usuario contra el flujo real del producto.
A partir de ese trabajo definimos un sistema de diseño nuevo desde cero — tokens, escala tipográfica, sistema de tablas, patrones de filtros, y un set de componentes para datos financieros que se reutiliza en el 80% del producto.
Recién con el sistema firmado empezamos a rediseñar las 38 pantallas. La velocidad después de eso fue 4× — no había decisiones de bajo nivel pendientes en cada pantalla.
Onboarding de 6 días a 36 horas.
El equipo de Vela fue a producción ocho semanas después del go-live. El onboarding de tesoreros bajó de 6 días a 36 horas — la métrica que más importaba en el deal con clientes enterprise.
La adopción de reconciliación automática pasó del 12% al 64% en el primer trimestre. Y por primera vez en dos años el equipo de soporte cerró un mes con cero tickets de UI confusa.
El sistema de diseño se entregó documentado en código + Figma. Hoy el equipo interno produce features nuevas sin diseñador externo y mantiene consistencia visual al 100%.
Construido con código propio.
Front en Next.js con TypeScript, design system en código (no en Figma como source of truth), animaciones con Framer Motion para microUX y GSAP para transiciones más pesadas. Tablas con TanStack, charting con D3 a mano.