· 導入事例 · Oscilar

OscilarはSplineでAIリスクプラットフォームのブランドをどうつくっているか

OscilarはSplineを使って、AIによる意思決定という複雑な概念をインタラクティブな3Dビジュアルに変え、自社のテクノロジーをわかりやすく、モダンで、エンタープライズにふさわしいものとして伝えています。

Oscilarは、フィンテックや銀行の与信、不正、コンプライアンスのワークフローの自動化を支援する、AIネイティブのリスク判断プラットフォームです。そのエージェント型AIシステムは、意思決定をより透明で、説明可能で、身近なものにします。パワフルですが、ビジュアルで表現するのは難しい製品です。

プリンシパルブランドデザイナーのAndrew Ponsが入社したとき、彼に課されたのは、Oscilarがこの知性をビジュアルでどう伝えるかを再構想し、革新的でエンタープライズ水準のプラットフォームとして会社を位置づけることでした。

Oscilarは金融サービスの中でも複雑な製品で、与信やリスクの判断を扱っています。私はブランドに新しいスタイルを与えることを目標に入社し、Splineはその大きな部分を担ってきました。

Andrew Pons, Oscilar プリンシパルブランドデザイナー
Splineのインタラクティブな3DデザインでOscilarのAIプラットフォームに命を吹き込む

インテリジェントなシステムのためのモジュール型の言語

Andrewはまず、Oscilarのスケーラブルなアーキテクチャを映す、モジュール型で柔軟な3Dデザインシステムの開発からはじめました。

タイル状の背景から、重なり合うモジュール、UIのノードまで、それぞれの要素が、プラットフォームの構造化された知性と、4つの主要な領域にわたる適応力を伝えます。オンボーディング(青)、与信(緑)、不正(オレンジ)、コンプライアンス(紫)です。

彼はSplineを使って、これらの3D要素を構想し、デザインしました。一貫したライティング、洗練されたマテリアル、しっかりとした土台が、Oscilarのビジュアルに精密さを与え、AIリスク判断プラットフォームの特徴の一部を映し出しています。

Oscilarのスケーラブルでモジュール型のプラットフォームを表す3Dビジュアル

これはプラットフォームのモジュール性を表しています。その意味を込めてつくったもので、ビジュアルに技術的な、コンピューターのアーキテクチャのような雰囲気を与えています。

Andrew Pons, Oscilar プリンシパルブランドデザイナー

エンタープライズの顧客層に向けたモダン化

ビジュアルの刷新は、エンタープライズでの導入に向けて自社を位置づけるという、Oscilarのより大きな戦略の一部でした。レガシーなシステムとビジュアルが支配する市場で、より信頼でき、頼りがいがあり、革新的に見えることが目標でした。

Splineを活用して、AndrewはOscilarのブランドが複雑さを伝える方法を再定義しました。魅力的なだけでなく、AIリスク判断プラットフォームの背後にある精密さと革新性を映すビジュアルをつくり出したのです。

その結果、高度に技術的な市場の中で会社を際立たせる、一貫性のあるモダンなアイデンティティが生まれました。

主要な金融分野にわたるOscilarのプラットフォームを表す3Dビジュアル

私たちはエンタープライズ層に訴求したかった。そこでSplineの出番です。競合よりも先進的なブランドに見せてくれるのです。

Andrew Pons, Oscilar プリンシパルブランドデザイナー

3Dのストーリーテリングでプラットフォームを可視化する

OscilarのWebサイトは、Splineによるインタラクティブな3Dビジュアルを使って、インテリジェントなリスクシステムのストーリーを伝えています。見どころは、プラットフォームのページのスクロール連動のアニメーションです。ユーザーがページをスクロールすると、AIリスク判断プラットフォームの各層が順にハイライトされます。

Oscilarの多層的なリスクインテリジェンスプラットフォームを表す、スクロール連動のインタラクティブな3Dビジュアル

見込み客にプラットフォームを提案したり、私たちが何をしているかを説明したりするのに役立つ、という声をたくさんもらっています。大きなインパクトがあって、誇れるWebサイトができたと感じてもらえています。

Andrew Pons, Oscilar プリンシパルブランドデザイナー

デジタルから現実世界へのインパクト

Splineの柔軟性は、Webの外にも広がりました。Money20/20の準備では、AndrewはSplineを使ってOscilarのイベントブースを可視化し、空間のレイアウトと最終的なグラフィックを3Dで直接デザインしました。

本番に使える高解像度のグラフィックを作成・エクスポートできるので、Oscilarの3Dアセットは、Web、印刷物、実際の展示へとシームレスに展開でき、あらゆるメディアでビジュアルアイデンティティを統一できました。

レイアウトとブランドのビジュアルの可視化に使った、OscilarのブースのSplineの3Dモデル

このSplineの使い方は、単なる可視化にとどまらず、Oscilarの共同でのデザインプロセスの一部になりました。3Dのブースのプレビューのおかげで、社内のチームや関係者は、実際に何かがつくられるずっと前から、レイアウト、スケール、ブランドのビジュアルを簡単に理解できました。

Andrewはアイデアをすばやく伝え、全員の認識を共通のビジョンにそろえ、グラフィックや制作の細部についての意思決定を速められました。

Splineでブースをすばやくモデリングしました。どんな見た目になるのか、グラフィックがどこに入るのかを、全員が把握できました。これまでで間違いなくいちばんかっこいいブースです。

Andrew Pons, Oscilar プリンシパルブランドデザイナー

Framerとの手間のないWeb連携

OscilarのサイトはFramerでつくられていて、SplineのWebネイティブな性質と簡単なエクスポートのオプションのおかげで、インタラクティブなシーンを手間なく埋め込めました。

私たちのWebサイトはFramerでつくられていて、これを自分ひとりで簡単に埋め込めるんです。ほかのツールでは、これほどかっこいいものはつくれなかったでしょう。

Andrew Pons, Oscilar プリンシパルブランドデザイナー
OscilarのホームページのためにFramerに埋め込んだ、Splineのリアルタイム3Dシーン

この手間のないワークフローのおかげで、Andrewはすばやく動けました。外部のエージェンシーや大がかりなコードのプロジェクトに頼ることなく、3Dコンテンツをデザインし、公開できたのです。

Splineがあれば、モデリングやモーションからWebでのリアルタイムのインタラクションまで、ビジュアル制作のすべての段階を自分でこなし、プロセス全体を効率的で一貫したものに保てました。

反応はとても好評です。みんな本当に感心してくれています。私がこれを全部ひとりでできることが、彼らには魔法のように見えるんです。

Andrew Pons, Oscilar プリンシパルブランドデザイナー
Oscilarのブランドとともに成長を続ける、進化する3Dビジュアルシステム

Splineは、個人のデザイナーやデザインチームが、エンタープライズ水準のストーリーテリングを生み出せるようにします。複雑なAIテクノロジーの概念を、わかりやすく、魅力的で、信頼できる体験に変えるのです。

Oscilarにとって、そのわかりやすさはデザイン以上のもの。ブランドの誠実さそのものです。

3Dで本当にすごいものをつくって、ブランドに命を吹き込みたかった。それを実現できたのはSplineだけでした。

Andrew Pons, Oscilar プリンシパルブランドデザイナー

Splineをはじめよう

Oscilarのように、多くのチームがSplineを使って製品の伝え方を高めています。複雑なアイデアを、わかりやすく表現豊かな3Dのストーリーに変え、ブランドの認知を広げ、エンゲージメントを高めているのです。

Spline 3DとHanaを含むSplineのプラットフォームを使えば、デザイナーやチームはコンセプトから本番までより速く進めます。インタラクティブなWebサイトから製品のショーケース、キャンペーンのビジュアルまで、Splineは、変化の速い今日の環境で際立つ、記憶に残る体験づくりを支えます。

営業担当に相談

ほかの導入事例