Vanguard社はFigmaで設計を50%高速化し、複合的な効果を獲得

投資運用会社として有名なVanguard社は、「投資会社は、提供するファンドを顧客の最善の利益のために運用すべきである」というシンプルでありながら革新的な考えに基づいて設立されました*。この大胆なビジョンは、投資を始めたばかりの人から豊富な投資経験を持つ人まで、5,000万人を超える世界中の顧客に対する同社の根本的なコミットメントを明確に示しています。幅広い顧客基盤を持ち、同様に幅広い商品を提供するVanguard社は、FigmaとFigJamを設計の中心に据えた教育的でシームレスなデジタルエクスペリエンスを提供することで、資産運用においてより大きな満足感の提供を推進できるようになりました。

過度の多様化に悩む技術スタックへの対応

オンライン口座管理、モバイルアプリ、デジタル相談サービス、パーソナライズされたダッシュボードなど、Vanguard社は強力なデジタルサービスを通じて、多様なユーザーの好みに応えることが可能です。Vanguard社が構築するアプリや製品はいずれも、顧客の経済的成功を支援することを目的として設計されています。

Figmaを利用するようになる前は、Vanguard社の各チームはそれぞれ無駄のない、しかしサイロ化したチームとして運営され、スピードと革新性への意欲はありましたが、まとまりのある製品エコシステムを確立することができず、重複した作業が発生することもよくありました。Vanguard社のユーザーエクスペリエンス(UX)、製品、エンジニアリングの各チームにとって、こうしたサイロ化は、Sketch、Abstract、Invision、Muralからなる複雑すぎる技術スタックによって悪化していました。その影響は無視できないもので、チームは日々、効果的なコミュニケーション、チーム間でのファイル共有、最新ファイルの把握といった課題に直面していました。技術スタックを合理化する必要があることが明らかとなり、Figmaに切り替えることでそれを実現することができたのです。

Vanguard社の個人投資家向け貯蓄・投資部門、UX担当シニアマネージャーのWill Walsh氏は次のように語っています。「Figmaには、他の3つのツールを不要にする能力がありました。それは、設計やプロトタイプ作成、開発者との共有、共同作業、コメントを1つのツールで実現する効率の良さです。まさにゲームチェンジャーでした。Sketchを使用していたときよりも多くの分野で、より多くの人々がFigmaを活用しています」。

FigmaがVanguard社のデザインシステムを新たな高みへ

Figmaをブラウザベースのデザインツールとして使用することで、Vanguard社のデザインチームは、最新のファイルを探す時間を減らし、部門を超えた共同作業に時間をかけられるようになりました。Vanguard社のUXマネージャーであるRob Kubala氏は次のように述べています。「Figmaを使う前は、全員が最新のプロトタイプを持っていることを確認するために、プロダクトオーナーや開発者に毎日少なくとも10個のリンクを送っていたと思います。以前のツールは、共有やコミュニケーションの方法という点で、非効率でした。Figmaのおかげで、ここ1年でかつてないほどコミュニケーションが増えました」。「一攫千金」をうたう手段が横行する中、Vanguard社は、顧客の経済的な満足度向上のために尽力し続けることで、独自の道を守っています。同社が顧客から得た信頼は、Figmaのようなツールによって可能になる社内のコラボレーションから始まっているのです。

Vanguard社は、デザインシステムライブラリの構築から、FigJamを使ったユーザーフローの確立やプロトタイピングによるユーザーテストの実施まで、デザインプロセスのあらゆる部分でFigmaを使用しています。Figmaにより、同社のデザインシステムであるConstellationはよりいっそう組織化され、すべてのチームがアクセスできるものになりました。Vanguard社のエクスペリエンスチームは、オートレイアウトなどのFigmaの高度な機能を利用することで、構築ブロックをより自由に拡張できるようになりました。Vanguard社のUXデザイナーであるKristi Cooke氏にとって、そのメリットは明らかです。より速く、より正確にデザインできるようになったおかげで、デザインを1か所変更しただけで「何時間も何時間も」費やしてピクセルを完璧にするために調整する必要がなくなりました。新しいデザインやコンテンツの変更を反映するためにマスターファイルを更新する際に、50%以上の時間短縮を達成しています。Cooke氏は次のように述べています。「納期が大幅に短縮されたので、チケットの動きもずっと速くなりました」。

デザインシステムをFigmaで構築することで、Vanguard社は、300人以上の従業員のニーズを幅広くサポートすると同時に、ブランド、小売りマーケティング、インターナショナルなど、独自のパターンライブラリを必要とする個々のチームにも対応することができます。Figmaの先進的なデザインシステム機能であるブランチ機能により、Vanguard社のチームは、オリジナルのデザインファイルを危険にさらすことなく、新しいアイデアを探索的なスペースで試すことができます。これはCooke氏に大きな安心をもたらしました。Figmaのオートレイアウト機能により、Vanguard社のデザインはどのような変更にも対応可能となるため、コンテンツやUXの担当者は、Cooke氏による追加のデザインサポートを必要とせずに、編集を行うことができます。

顧客の信頼を守るセキュリティ機能

Vanguard社のように定評のある金融機関にとって、顧客の信頼ほど重要なものはありません。これは、プラットフォームのセキュリティにかかっています。Vanguard社では、最も包括的なセキュリティ機能を利用するために、Figmaのエンタープライズプランにアップグレードしました。Kubala氏は次のように語っています。「Figmaのエンタープライズプランでは、特にユーザーテストに関して、より多くの制御が可能で、クラウドベースの安全なシステムを手にすることができました。当社では、コミュニケーションとコラボレーションを促進するだけでなく、シングルサインオンに関しても非常に安全な、スケーラブルなソリューションが必要だと考えていました」。Vanguard社はセキュリティを犠牲にして高速なイノベーションを手に入れたわけではありません。エンタープライズプランなら、どちらも実現可能です。

Figma、スピードとコラボレーションで利益をもたらす

FigmaのオンラインホワイトボードソリューションであるFigJamを重ねることで、Vangurad社は、コラボレーションがチームにとってどのようなものであるかを再定義しました。Kubala氏は次のように述べています。「ライブコラボレーションに対する私の考え方が一変しました。私たち全員が、FigJamを使用する会議に、はるかに積極的に関わるようになったのです。バーチャルでそのようなことを経験したのは初めてでした」。

ストーリーボード作成からユーザージャーニーのマッピング、主要な利害関係者とのセッションの促進から、ワイヤーフレーム作成、キックオフミーティングの主導まで、Vanguard社の各チームは、数え切れないほどの方法でFigJamを活用しています。FigJamは、UX チーム、製品チーム、開発者チームが集まってアイデアを出し合ったり、フィードバックをしたりする場を提供することで、クロスコラボレーションを改善しました。

Walsh氏は次のように言います。「FigJamに入れば、パーティーをしているようなものです」。

このコラボレーションの具体的な効果は、Vanguard社のデザインおよびプロダクトチームにとって明白です。ハンドオフの円滑化、プトロタイプの迅速化、組織の効率化など、これらはほんの一部にすぎません。Vanguard社にとって、Figmaは価値ある投資と呼ぶにふさわしいもので、Vanguard社の設計と出荷を50%高速化し、最終的には数百万人の顧客のための金融商品を構築することを可能にしました。

戦略、文化、リーダーシップにおけるVanguard社のデザインに対する考え方や、同社のUXチームの機会についてもご確認ください。

* © The Vanguard Group, Inc. 使用許諾済み

12024年4月現在

免責事項: Vanguardは投資ファンドによって所有されています。つまり、Vanguardの投資ファンドを所有しているお客様が所有者です。