Vanguard spart 50 % Zeit für Designs und verzeichnet verstärkte Wirkung mit Figma

Vanguard, ein bekanntes Investmentmanagement-Unternehmen, wurde mit einer einfachen und doch revolutionären Idee gegründet — dass ein Investment-Unternehmen die Fonds, die es es anbietet, im besten Interesse seiner Kund*innen verwaltet*. Diese Vision unterstreicht das konsequente Engagement gegenüber mehr als 50 Millionen globaler Kund*innen, deren Fachkenntnisse von Einzelpersonen, die noch am Anfang ihrer Investment-Reise stehen, bis hin zu versierten Fachleuten reichen. Mit einer solch diversen Kundenbasis und Produktangeboten kann Vanguard noch bessere finanzielle Optionen bieten, indem es mit Figma und FigJam ein lehrreiches, nahtloses und design-orientiertes digitales Erlebnis bietet.

Optimierung eines überdiversifizierten Tech-Stacks

Seine soliden digitalen Angebote, die Online-Accountmanagement, mobile Apps, digitale Beratungsleistungen und personalisierte Dashboards umfassen, ermöglichen es Vanguard, die vielfältigen Nutzerpräferenzen zu bedienen. Alle Apps und Produkte, die Vanguard anbietet, haben die Intention, ihren Kund*innen zu finanziellem Erfolg zu verhelfen.

Bevor Figma zum Einsatz kam, arbeiteten die Teams bei Vanguard als eigenständige kleine, jedoch isolierte Start-ups: Diese Mentalität sorgte zwar für Geschwindigkeit und Innovation, hielt sie jedoch davon ab, ein einheitliches Produkt-Ökosystem aufzubauen, und verursachte häufig Doppelarbeit. Für die User Experience- (UX), Produkt- und Engineering-Teams wurden diese Silo-Umgebungen noch durch einen überkomplizierten Tech-Stack aus Sketch, Abstract, Invision und Mural verschlimmert. Die Folgen waren unübersehbar: Im Arbeitsalltag stellten effektive Kommunikation, das Teilen von Dateien in verschiedenen Teams und die Nachverfolgung der aktuellen Dateiversionen eine Herausforderung dar. Vanguard wusste, dass der Tech-Stack optimiert werden musste, und dies erfolgte durch den Wechsel zu Figma.

Will Walsh, Senior Manager UX, Personal Investor Savings & Investing bei Vanguard, berichtet: „Figma bot uns die Möglichkeit, drei andere Tools auszusortieren. Das ist die Effizienz eines Tools, in dem Design, Prototyping, Teilen mit Entwickler*innen, Zusammenarbeiten und Kommentieren möglich ist. Das war wirklich ein Gamechanger. Wir haben so viel mehr Leute in verschiedenen Bereichen, die Figma nutzen, als es mit Sketch der Fall war.

Figma katapultiert Vanguards Designsystem in ungeahnte Höhen

Mit Figma als browserbasiertem Designtool verbringt das Designteam von Vanguard weniger Zeit damit, nach der aktuellen Datei zu suchen und hat mehr Zeit, bereichsübergreifend zusammenzuarbeiten. Rob Kubala, UX-Manager bei Vanguard, berichtet: „In der Zeit vor Figma habe ich jeden Tag gefühlt mindestens zehn Links an Produktinhaber*innen geschickt, damit alle Beteiligten den jeweils aktuellsten Prototyp zur Hand hatten. Unsere alten Tools verursachten ineffiziente Kommunikation und machten das Teilen schwierig. Mit Figma kommunizieren wir seit dem letzten Jahr mehr als je zuvor.“ In einer Welt des „schnellen Reichtums“ bleibt Vanguard seiner Richtung treu, indem der Fokus weiterhin auf dem finanziellen Wohlbefinden seiner Kund*innen liegt. Das von Kundenseite entgegengebrachte Vertrauen beginnt bei der internen Zusammenarbeit, die durch ein Tool wie Figma möglich gemacht wurde.

Vanguard nutzt Figma für jeden Abschnitt seiner Designprozesse, vom Ausbau der Designsystem-Bibliothek über die Nutzerabläufe mit FigJam bis zur Durchführung von Nutzertests durch Prototyping. Mit Figma ist ihr Designsystem Constellation besser geordnet und für alle Teams zugänglich. Das Nutzererfahrungsteam von Vanguard nutzt die erweiterten Funktionen von Figma wie beispielsweise Auto-Layout, was ihnen eine freiere Skalierung ihrer Bausteine ermöglicht. Für Kristi Cooke, UX-Designerin bei Vanguard, sind die Vorteile offensichtlich – sie kann schneller und präziser arbeiten und verbringt nicht mehr „Stunden über Stunden“ damit, dass ihre Designs nach der kleinsten Änderung auf den letzten Pixel perfekt sind. Sie erzielt zeitliche Einsparungen von 50 % und mehr, wenn sie die Master-Dateien aktualisiert, damit ein neues Design oder Änderungen der Inhalte wiedergegeben werden. Kristi berichtet: „Unsere Tickets werden viel schneller bearbeitet, weil wir viel schneller liefern können.“

Seitdem das Designsystem in Figma eingerichtet wurde, kann Vanguard die Anforderungen seiner über 300 Mitarbeitenden erfüllen und gleichzeitig einzelne Teams wie Brand, Retail Marketing oder International unterstützen, die ihre eigenen Muster-Bibliotheken benötigen. Mit Branching, einer erweiterten Designsystemfunktion von Figma, können Teams bei Vanguard neue Ideen in Testumgebungen erforschen, ohne die originalen Designdateien zu gefährden – sehr zu Kristis Erleichterung. Dank der Auto-Layout-Funktion in Figma passen sich Vanguards Designs allen Änderungen an. Das ermöglicht Content- und UX-Strateg*innen, Änderungen vorzunehmen, ohne zusätzliche Designunterstützung von Kristi anfordern zu müssen.

Sicherheitsfunktionen, die das Vertrauen der Kunden stärken

Für eine etablierte Finanzinstitution wie Vanguard gibt es nichts wichtigeres als das Vertrauen ihrer Kund*innen. Und dies ist abhängig von der Sicherheit ihrer Plattform. Vanguard nahm ein Upgrade auf das Enterprise-Abo von Figma vor, um die umfassendsten Sicherheitsfunktionen nutzen zu können. Rob berichtet: „Das Enterprise-Abo von Figma verlieh uns wesentlich mehr Kontrolle, insbesondere bei den Nutzertests, was uns wiederum ein System gab, das cloudbasiert und sicher ist. Wir wollten sicher sein, dass wie eine skalierbare Lösung haben, die nicht nur unsere Kommuniation und Kollaboration fördert, sondern auch in Bezug auf Single-sign-on sehr sicher ist.“ Mit dem Enterprise-Abo muss Vanguard für schnellere Innovation keine Abstriche bei der Sicherheit machen: Beides ist zusammen möglich.

Figma lohnt sich dank Schnelligkeit und Zusammenarbeit

Durch Layering in FigJam, der Online-Whiteboard-Lösung von Figma, hat Vanguard neu definiert, wie sich Zusammenarbeit für seine Teams anfühlen kann. Rob berichtet: „Es hat meinen Blick auf Live-Zusammenarbeit vollständig verändert. Wir alle haben uns in diesem Meeting mit FigJam viel stärker eingebracht. Ich habe so etwas noch nie virtuell erlebt.

Von der Erstellung von Storyboads zur Abbildung von User Journeys, Sitzungen mit wichtigen Stakeholdern bis zum Wireframing und Abhalten von Kickoff-Meetings: Teams bei Vanguard nutzen FigJam auf zahlreiche verschiedene Weise. FigJam hat die bereichsübergreifende Zusammenarbeit verbessert, indem ein Raum geschaffen wurde, in dem UX-Team, Produktteam und Entwicklungsteam zusammenkommen können, um an Ideen zu tüfteln oder Feedback zu geben.

Will fasst es folgendermaßen zusammen: „Du öffnest FigJam, und es ist wie eine große Party.

Die spürbaren Auswirkungen dieser Zusammenarbeit sind für das Design- und Produktteam von Vanguard offensichtlich: nahtlosere Übergaben, schnelleres Prototyping und bessere Organisation (um nur ein paar Beispiele zu nennen). Für Vanguard ist Figma das, was sie selbst als „lohnende Investition“ bezeichnen würden: Es ermöglicht doppelt so schnelles Design und Versand und den Aufbau von Finanzprodukten für Millionen von Kund*innen.

Erfahre mehr über das Design-Denken von Vanguard in Bezug auf Strategie, Kultur und Führungskraft, und entdecke die Möglichkeiten in ihrem UX-Team.

* © The Vanguard Group, Inc., used with permission

1Stand April 2024

Haftungsausschluss: Vanguard befindet sich im Besitz seiner Investment- und Aktienfonds, die den Aktionärskunden von Vanguard gehören.