ResendはSplineの3Dデザインで、手に取れるようなブランドをどう築いたか

Resendにとって、デザインは表面的なものではありません。開発者との信頼を築くうえで欠かせない要素です。モダンな開発チームのためにトランザクションメールやマーケティングメールを効率化するプラットフォームとして、Resendは、自社の顧客がわかりやすさ、正確さ、細部を大切にしていることを知っています。

創業デザイナーのZeh Fernandesにとって、そうした価値を、特に目に見えないインフラの製品で手に取れるかたちにするには、フラットなデザインを超える必要がありました。そのため、Web上でのResendのビジュアルアイデンティティを再構想するとき、3Dのインタラクティブ性は単なる飾りではなく、戦略になりました。

細部までこだわっていることを、顧客に示したかったのです。デザインは私たちの製品の一部です。Splineなら、インフラを手に取れるように感じさせる、本物のインタラクティブな3Dオブジェクトをつくれます。

すべてのはじまりとなったキューブ

Resendのホームページを訪れたことがあるなら、見たことがあるはずです。ランディングページで回転する、洗練されたインタラクティブな黒いルービックキューブ。目を引くだけではありません。象徴的な存在になり、Resendは実物を3Dプリントして初期の顧客に送ったほどです。そのキューブは？Splineでつくられています。

「Splineコミュニティにあったバージョンからはじめて、少しずつ発展させていきました」とZehは言います。「ブランドの成長に合わせて、マテリアル、ライティング、スタイルを更新してきました。いちばんいいところは？ずっと同じファイルだということです」

SplineのシームレスなReact連携を活用することで、Resendのチームは、低レベルの3Dコードを書くことなく、キューブをWebサイトに直接埋め込めました。

Splineを使う前は、3Dの組み込みだけのために開発者が必要でした。今は並行して作業できます。デザイナーはアセットづくりに集中でき、エンジニアがゼロから作り直す必要もありません。

マーケティングのための3Dデザインシステム

キューブははじまりにすぎませんでした。Splineはすぐに、アニメーションするアイコンからキー入力に反応するヒーローのコンポジションまで、Resendのマーケティング素材に欠かせないツールになりました。

「Launch Weeks」の取り組みでは、チームはSplineを使って、その日のリリースに合わせた3Dビジュアルをつくりました。たとえば新しいライトモードを発表したときには、光に包まれた輝く結晶のフォルムを、すべてSplineでデザインしてレンダリングしました。

Resendは、Splineのイベントシステムも活用して、マウスやキーボードでトリガーされるアニメーションなど、埋め込んだアセットに遊び心のあるインタラクティブなディテールを加え、目ざといユーザーを楽しませています。

3Dは、抽象的なアイデアを伝える助けになります。デジタルのインフラに物質感を与え、製品を本物のように感じさせてくれる。開発者はそういうところに気づきます。それが体験の一部になるのです。

生きたビジュアルアイデンティティ

Resendの3Dデザインシステムは進化を続けていて、その中心には今もSplineがあります。

「物質感にさらに力を入れています」とZehは言います。「インフラのような目に見えないものを可視化する助けになっているんです。Splineが品質、特にマテリアルを高め続けてくれるなら、使い方をもっと広げていくつもりです」

洗練されたホームページのビジュアルでも、Launch Weekのアニメーションでも、3Dアイコンのセットでも、Resendのビジュアルアイデンティティは、Splineという創造のパートナーを見つけました。

ただの装飾ではありません。細部までこだわっていることを伝える手段なのです。そして、それはユーザーにも伝わります。

Splineをはじめよう

Splineを導入して以来、Resendはビジュアルのブランドアイデンティティの確立と伝え方を一変させ、ブランドの認知を高めてきました。

このプラットフォームは3Dデザインのプロセスを効率化し、技術的な障壁を取り除いて、チームがインタラクティブなビジュアルをすばやくプロトタイプし、反復し、公開できるようにしました。開発者向けの製品体験に、わかりやすさと奥行きをもたらしています。

営業担当に相談