Vanguard diseña un 50 % más rápido y ve un efecto acumulado con Figma

Vanguard, la conocida empresa de gestión de inversiones, se fundó sobre una idea simple pero revolucionaria: que una empresa de inversiones debe gestionar los fondos que ofrece en beneficio de sus clientes*. Esta visión audaz destaca su profundo compromiso con más de 50 millones de clientes en todo el mundo, que van desde personas que recién están empezando a invertir hasta inversores experimentados. Con una base de clientes y una oferta de productos tan amplia como la suya, Vanguard es capaz de promover un mayor bienestar financiero al ofrecer una experiencia digital educativa, fluida y centrada en el diseño con Figma y FigJam.

Abordar una pila tecnológica afectada por el exceso de diversificación

Gracias a su amplia oferta de recursos digitales, que incluye gestión de cuentas online, aplicaciones móviles, servicios de asesoramiento digital y paneles personalizados, Vanguard puede atender a una amplia gama de preferencias de los usuarios. Cada aplicación y producto que Vanguard crea se diseña con la intención de ayudar a sus clientes a alcanzar el éxito financiero.

Antes de usar Figma, los equipos de Vanguard funcionaban como sus propias startups: ágiles, pero aisladas. Esta mentalidad fomentaba rapidez e innovación, pero les impedía establecer un ecosistema de productos cohesivo y, en la mayoría de los casos, duplicaba el trabajo. Para los equipos de experiencia de usuario (UX), producto e ingeniería de Vanguard, estas barreras de comunicación se vieron exacerbadas por una pila tecnológica demasiado compleja, formada por Sketch, Abstract, Invision y Mural. Los efectos eran difíciles de ignorar: en su día a día, se enfrentaban a desafíos a la hora de comunicarse de forma eficaz, compartir archivos entre equipos y mantener un seguimiento de los archivos más actualizados. Sabían que necesitaban optimizar su pila tecnológica, y lo hicieron al cambiarse a Figma.

Will Walsh, gerente sénior de UX del sector de Inversiones y Ahorros de Inversores Personales en Vanguard, explica: “Figma nos permitió eliminar otras tres herramientas. Esa es la eficiencia de una herramienta capaz de diseñar, crear prototipos, compartir con desarrolladores, colaborar y comentar. Ha sido un cambio radical. Tenemos muchísimas más personas de diferentes disciplinas usando Figma en vez de Sketch”.

Figma lleva el sistema de diseño de Vanguard a nuevas alturas

Con Figma como herramienta de diseño basada en navegador, el equipo de diseño de Vanguard pasa menos tiempo buscando el archivo más reciente y más tiempo trabajando en conjunto con las diferentes funciones. Rob Kubala, gerente de UX en Vanguard, comparte: “Antes de Figma, creo que enviaba al menos diez enlaces por día a los propietarios o desarrolladores de productos para asegurarme de que todos tuvieran el prototipo más actualizado. Nuestras herramientas anteriores creaban ineficiencias en la forma de compartir y comunicar. Con Figma, en el último año ha habido más comunicación que nunca”. En un mundo en el que abundan los planes para ‘hacerse rico rápido’, Vanguard mantiene su compromiso con el bienestar financiero de sus clientes. La confianza que se han ganado de sus clientes comienza con la colaboración interna que hace posible una herramienta como Figma.

Vanguard usa Figma para cada parte del proceso de diseño, desde crear su biblioteca de sistemas de diseño hasta establecer flujos de usuario con FigJam y hacer pruebas de usuario a través de prototipado. Con Figma, su sistema de diseño, Constellation, está más organizado y es más accesible para todos los equipos. Para el equipo de experiencia de Vanguard, aprovechar las funciones avanzadas de Figma, como la disposición automática, les permite adaptar sus bloques de construcción con mayor libertad. Para Kristi Cooke, diseñadora UX de Vanguard, las ventajas son obvias: puede diseñar más rápido y con mayor precisión, ya no tiene que pasar “horas y horas” para asegurarse de que los diseños estén perfectos después de un solo cambio. Consigue un ahorro de tiempo del 50 % o más al actualizar los archivos maestros para reflejar nuevos cambios en el diseño o el contenido. Kristi asegura: “Nuestras tareas se están resolviendo mucho más rápido porque ahora podemos entregar mucho más rápido”.

Tener su sistema de diseño en Figma le permite a Vanguard ampliar su alcance y cubrir las necesidades de más de 300 empleados y, al mismo tiempo, prestar servicios a equipos individuales, como el de Marca, Marketing Minorista o Internacional, que necesitan sus propias bibliotecas de patrones. Gracias a la ramificación, una función avanzada de sistema de diseño de Figma, los equipos de Vanguard pueden probar nuevas ideas en espacios de exploración sin arriesgar el archivo de diseño original (para el alivio de Kristi). Con la función de disposición automática de Figma, los diseños de Vanguard responden a cualquier cambio, lo que permite a los estrategas de contenido y UX hacer modificaciones sin necesidad de que Kristi les brinde ayuda adicional para el diseño.

Funciones de seguridad para proteger la confianza de los clientes

Para una institución financiera consolidada como Vanguard, no hay nada más fundamental que la confianza de sus clientes. Esto depende de la seguridad de su plataforma. Vanguard se actualizó al plan Empresa de Figma para acceder a las funciones de seguridad más exhaustivas. Rob comenta: “El plan Empresa de Figma nos dio mucho más control, sobre todo con las pruebas de usuario, lo que nos permitió tener un sistema basado en la nube y seguro. Queríamos asegurarnos de que contábamos con una solución escalable que no solo fomentara nuestra comunicación y colaboración, sino que también fuera muy segura en lo que respecta al inicio de sesión único”. Con el plan Empresa, Vanguard no tiene que sacrificar la seguridad para innovar con más rapidez. Ambas cosas son posibles al mismo tiempo.

Figma paga dividendos con rapidez y colaboración

Con la incorporación de FigJam, la solución de pizarra online de Figma, Vanguard ha redefinido el concepto de colaboración para sus equipos. Rob afirma: “Cambió por completo mi perspectiva sobre la colaboración en vivo. Todos participamos mucho más en las reuniones con FigJam. Nunca había vivido algo así de forma virtual”.

Los equipos de Vanguard aprovechan FigJam de infinitas maneras, ya sea para elaborar guiones gráficos, mapear los recorridos de los usuarios, facilitar sesiones con los principales stakeholders, hacer wireframes o dirigir reuniones iniciales. FigJam ha mejorado la colaboración entre equipos al proporcionar un espacio para que el equipo de UX, el de productos y el de desarrolladores se reúnan y aporten ideas o comentarios.

Will lo resume así: “Entras en FigJam y es como estar de fiesta”.

El impacto tangible de esta colaboración es obvio para el equipo de diseño y producto de Vanguard: entregas más fluidas, prototipos más rápidos y una mejor organización, por nombrar solo algunos ejemplos. Para Vanguard, Figma es lo que llamarían una inversión rentable, que ha permitido a Vanguard diseñar y entregar un 50 % más rápido y, en última instancia, crear productos financieros para millones de clientes.

Lee más sobre la perspectiva de diseño de Vanguard en la estrategia, la cultura y el liderazgo, y explora las oportunidades en su equipo de UX.

* © The Vanguard Group, Inc., utilizado con permiso

1A partir de abril de 2024

Descargo de responsabilidad: Vanguard es propiedad de sus propios fondos, los cuales son propiedad de los clientes accionistas de los fondos de Vanguard.