Naviguer jusqu'au contenu principal

Vanguard augmente sa vitesse de design de 50 % et bénéficie d'un impact cumulatif grâce à Figma

Vanguard, la célèbre société de fonds d'investissement, a vu la jour grâce à une idée simple, mais non moins révolutionnaire selon laquelle une société d'investissement doit gérer les fonds qu'elle propose dans l'intérêt de ses clients*. Cette vision audacieuse souligne son engagement le plus total envers plus de 50 millions de clients dans le monde entier, des particuliers faisant leurs premiers pas en investissement à ceux disposant d'une grande expérience en la matière. Forte d'un portefeuille de produits aussi large que sa clientèle, Vanguard est en mesure de favoriser le bien-être financier en offrant une expérience numérique éducative, fluide et axée sur le design avec Figma et FigJam.

Gestion d'une infrastructure technologique en proie à la surdiversification

De par sa solide offre de services numériques, qui couvre la gestion des comptes en ligne, les applications mobiles, les activités de conseil numériques et les tableaux de bord personnalisés, Vanguard peut satisfaire un large éventail de préférences d'utilisation. Tous les produits et applications élaborés par cette société ont pour vocation d'aider leurs clients à atteindre la réussite financière.

Texte avec directives concernant l'interligne et les lignes de baseTexte avec directives concernant l'interligne et les lignes de base
Exemple de directives en matière de typographie de Vanguard

Avant d'utiliser Figma, les équipes de Vanguard formaient leur propre startup allégée, mais structurée en silos. Si cet état d'esprit a favorisé la rapidité d'action et l'innovation, il les a empêchées de bâtir un écosystème de produits cohérent et, la plupart du temps, a généré du travail en doublon. Aux yeux des équipes expérience utilisateur (UX), produit et ingénierie de cette société, ce problème de cloisonnement a été aggravé par une infrastructure technologique trop complexe, composée de Sketch, Abstract, Invision et Mural. Il était difficile d'en ignorer les effets : au quotidien, elles avaient des difficultés à communiquer efficacement, à se partager des fichiers entre elles et à assurer le suivi des fichiers les plus récents. Elles savaient qu'elles devaient simplifier leur infrastructure technologique et ont sauté le pas en adoptant Figma.

Will Walsh, cadre supérieur et responsable UX, épargnes et placements d'investisseurs personnels chez Vanguard : « Figma nous a donné la possibilité de nous débarrasser de trois autres outils. C'est là toute l'efficacité d'un dispositif capable de concevoir, prototyper, échanger avec les développeurs, collaborer et commenter. Il a vraiment changé la donne. Nous comptons bien plus de collaborateurs, et dans bien plus de disciplines, qui utilisent Figma qu'à l'époque où nous nous servions de Sketch. »

Icônes et survols sur fond clair et sur fond sombreIcônes et survols sur fond clair et sur fond sombre
Composants Vanguard affichés en mode Clair et en mode Sombre

Figma propulse le design system de Vanguard vers de nouveaux sommets

En utilisant l'outil de design basé sur le Web de Figma, l'équipe design de Vanguard passe moins de temps à rechercher le fichier le plus récent et en consacre davantage à la collaboration transversale. Rob Kubala, responsable UX chez Vanguard : « Avant Figma, je devais envoyer au moins dix liens par jour aux product owners ou aux développeurs pour m'assurer que tout le monde disposait du prototype le plus récent. Nos outils précédents rendaient notre manière de partager et de communiquer inefficace. Avec Figma, nous communiquons bien plus que nous ne l'avions fait l'année dernière. » Dans un monde où pullulent les « plans pour devenir riche rapidement », Vanguard garde le cap en poursuivant son engagement envers le bien-être financier de ses clients. Pour gagner leur confiance, l'entreprise a d'abord mis en place une collaboration interne qu'elle a su instaurer grâce à un outil comme Figma.

Vanguard se sert de Figma à chaque étape du processus de design, de l'élaboration de sa bibliothèque de design systems à la création de flux d'utilisateurs avec FigJam, en passant par la réalisation de tests utilisateur par le biais du prototypage. Avec Figma, son design system, Constellation, est mieux organisé et plus accessible pour toutes les équipes. L'équipe expérience de Vanguard peut redimensionner ses éléments constitutifs plus librement en appuyant sur les fonctionnalités avancées de Figma comme la mise en page automatique (auto-layout). Kristi Cooke, responsable UX de Vanguard, en retire des avantages évidents : sa vitesse et son niveau de précision de design augmentent, elle ne passe plus « des heures et des heures » à s'assurer que ses designs sont parfaits au pixel près après avoir effectué une seule modification. Elle gagne du temps à hauteur de 50 %, voire plus, lors de la mise à jour des fichiers principaux pour tenir compte des nouveaux changements de design ou de contenu. Kristi : « Nos tickets circulent bien plus vite, dans la mesure où nous pouvons assurer une livraison plus rapide. »

Mise à jour de la couleur du texte grâce à des composants de contenu dans Figma

L'intégration de son design system dans Figma permet à Vanguard d'intervenir à large échelle et de répondre aux besoins de plus de 300 employés tout en satisfaisant les équipes individuelles (marque, marketing de détail ou internationale, entre autres), lesquelles nécessitent leurs propres bibliothèques de modèles. Avec la création de branches, une fonctionnalité de design system avancée de Figma, les équipes de Vanguard peuvent tester de nouvelles idées dans des espaces d'exploration sans compromettre le fichier design original, au grand soulagement de Kristi. Grâce à la fonctionnalité de mise en page automatique de Figma, les designs de Vanguard réagissent aisément aux changements, ce qui permet aux stratèges contenu et UX d'effectuer des modifications sans assistance supplémentaire de Kristi en matière de design.

Le forfait Enterprise de Figma nous a donné bien plus de contrôle, notamment au niveau des tests utilisateur, et nous a ainsi permis d'obtenir un système basé sur cloud et sécurisé. Nous voulions nous assurer de disposer d'une solution évolutive capable de favoriser notre communication et notre collaboration, mais aussi d'assurer des opérations d'authentification unique très sécurisées.

Rob Kubala, responsable UX chez Vanguard

Des fonctionnalités de sécurité qui préservent la confiance des clients

Pour une institution financière bien établie comme Vanguard, rien ne compte plus au monde que la confiance de ses clients. Celle-ci repose sur la sécurité de sa plateforme. La société a effectué une mise à niveau vers le forfait Enterprise de Figma pour accéder aux fonctionnalités de sécurité les plus complètes. Rob : « Le forfait Enterprise de Figma nous a donné bien plus de contrôle, notamment au niveau des tests utilisateur, et nous a ainsi permis d'obtenir un système basé sur cloud et sécurisé. Nous voulions nous assurer de disposer d'une solution évolutive capable de favoriser notre communication et notre collaboration, mais aussi d'assurer des opérations d'authentification unique très sécurisées. » Avec le forfait Enterprise, Vanguard n'accélère pas l'innovation au détriment de l'innovation. Elle peut avoir les deux à la fois.

Figma récompense ses utilisateurs en termes de rapidité et de collaboration

En adoptant FigJam, la solution de tableau blanc en ligne de Figma, Vanguard a redéfini la notion de collaboration pour ses équipes. Rob : « Cette solution a totalement bouleversé mon point de vue sur la collaboration en directe. Nous nous étions tous beaucoup impliqués dans cette réunion avec FigJam. Je n'ai jamais rien expérimenté de tel dans le monde virtuel. »

De la scénarisation à la cartographie des parcours utilisateur, en passant par l'animation de sessions avec les principales parties prenantes, le wireframing ou encore l'animation de réunions de lancement, les équipes de Vanguard tirent parti de FigJam de nombreuses manières. FigJam a contribué à améliorer la collaboration transversale en fournissant aux équipes UX, produit et développeur un espace pour se rassembler, générer des idées et donner du feedback.

En résumé, selon Will : « Pénétrer dans l'univers de FigJam, c'est une vraie partie de plaisir ! »

Une meilleure collaboration permet à Vanguard de répondre aux besoins de ses millions de clients

Cette collaboration exerce des impacts concrets sur les équipes design et produit de Vanguard : des transferts fluidifiés, un prototypage accéléré et une organisation améliorée, pour n'en citer que quelques-uns. Aux yeux de Vanguard, Figma est ce qu'on pourrait appeler un « investissement rentable » qui lui a permis d'augmenter sa vitesse de design et d'expédition de 50 % et, en fin de compte, d'élaborer des produits financiers pour des millions de clients.

Découvrez le design thinking de Vanguard en termes de stratégie, de culture et de leadership, et explorez les opportunités offertes par son équipe UX.

* © The Vanguard Group, Inc., données utilisées avec autorisation

1 À partir d'avril 2024

Avertissement : la société Vanguard est détenue par ses fonds de placement, eux-mêmes détenus par les clients actionnaires de Vanguard.

À propos de Vanguard

Industrie : Services financiers

Forfait Figma : Enterprise

Produits : Figma, FigJam

En savoir plus sur les fonctionnalités de notre design system

Comment Figma vous aide à faire passer le design à l’échelle

Un design d/'exception peut aider votre produit et votre marque à sortir du lot. On ne crée de grandes choses qu/'ensemble ! Figma rassemble les équipes produit avec un workflow de design plus rapide et plus inclusif.

Contactez-nous pour découvrir comment Figma peut aider les entreprises à faire passer le design à l/'échelle.

Nous verrons comment Figma peut vous aider à :

  • centraliser chaque étape du processus de design, de l/'idéation à la création en passant par la réalisation ;
  • accélérer les workflows de design avec des design systems partagés dans toute l/'entreprise »
  • favoriser l\'inclusivité au sein du processus de l\'équipe produit avec des plateformes en ligne, accessibles et simples d\'utilisation.

Contactez notre équipe

En cliquant sur Envoyer, vous acceptez nos conditions et notre politique de confidentialité.