# ResendはSplineの3Dデザインで、手に取れるようなブランドをどう築いたか - Spline customers (https://spline.design/ja/customers/resend) > ResendはSplineを使って、目に見えないインフラをインタラクティブな3D体験に変え、開発者向けのブランドにわかりやすさとこだわりをもたらしています。 [導入事例](https://spline.design/ja/customers) 2025年7月25日 · 導入事例 · Resend # ResendはSplineの3Dデザインで、手に取れるようなブランドをどう築いたか ResendはSplineを使って、目に見えないインフラをインタラクティブな3D体験に変え、開発者向けのブランドにわかりやすさとこだわりをもたらしています。 Resendにとって、デザインは表面的なものではありません。開発者との信頼を築くうえで欠かせない要素です。モダンな開発チームのためにトランザクションメールやマーケティングメールを効率化するプラットフォームとして、Resendは、自社の顧客がわかりやすさ、正確さ、細部を大切にしていることを知っています。 創業デザイナーのZeh Fernandesにとって、そうした価値を、特に目に見えないインフラの製品で手に取れるかたちにするには、フラットなデザインを超える必要がありました。そのため、Web上でのResendのビジュアルアイデンティティを再構想するとき、3Dのインタラクティブ性は単なる飾りではなく、戦略になりました。 > 細部までこだわっていることを、顧客に示したかったのです。デザインは私たちの製品の一部です。Splineなら、インフラを手に取れるように感じさせる、本物のインタラクティブな3Dオブジェクトをつくれます。 **Zeh Fernandes**, Resend 創業デザイナー ## すべてのはじまりとなったキューブ 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は、抽象的なアイデアを伝える助けになります。デジタルのインフラに物質感を与え、製品を本物のように感じさせてくれる。開発者はそういうところに気づきます。それが体験の一部になるのです。 ## 生きたビジュアルアイデンティティ Resendの3Dデザインシステムは進化を続けていて、その中心には今もSplineがあります。 「物質感にさらに力を入れています」とZehは言います。「インフラのような目に見えないものを可視化する助けになっているんです。Splineが品質、特にマテリアルを高め続けてくれるなら、使い方をもっと広げていくつもりです」 Resendのビジュアルシステムの3Dアイコン 洗練されたホームページのビジュアルでも、Launch Weekのアニメーションでも、3Dアイコンのセットでも、Resendのビジュアルアイデンティティは、Splineという創造のパートナーを見つけました。 > ただの装飾ではありません。細部までこだわっていることを伝える手段なのです。そして、それはユーザーにも伝わります。 ## Splineをはじめよう Splineを導入して以来、Resendはビジュアルのブランドアイデンティティの確立と伝え方を一変させ、ブランドの認知を高めてきました。 このプラットフォームは3Dデザインのプロセスを効率化し、技術的な障壁を取り除いて、チームがインタラクティブなビジュアルをすばやくプロトタイプし、反復し、公開できるようにしました。開発者向けの製品体験に、わかりやすさと奥行きをもたらしています。 [営業担当に相談](https://spline.design/ja/enterprise) ## ほかの導入事例 [2026年4月13日 · 導入事例LynksenはSplineで複雑なB2BプラットフォームのWebサイトにどう命を吹き込んだか](https://spline.design/ja/customers/lynksen)[2026年3月2日 · 導入事例Onyx Coffee LabはECサイトのためのインタラクティブな3Dをどうつくっているか](https://spline.design/ja/customers/onyx-coffee-lab)[2026年2月24日 · 導入事例Hermeticaは3Dデザインでフィンテックのブランドをどう引き上げたか](https://spline.design/ja/customers/hermetica) [Spline](https://spline.design/ja) チームとそのエージェントのための3D・2Dエディター。Web、iOS、Androidに公開できます。 #### SplineについてAIに聞く #### 製品 - [3Dデザイン](https://spline.design/ja/3d-design) - [Hana](https://spline.design/ja/hana) - [Omma](https://omma.build) - [AI 3D生成](https://spline.design/ja/ai-generate) - [Spline MCP](https://spline.design/ja/mcp) - [Spline Arena](https://spline.design/ja/arena) - [料金](https://spline.design/ja/pricing) - [Enterprise](https://spline.design/ja/enterprise) #### ランタイム - [Web](https://spline.design/ja/web) - [iOS](https://spline.design/ja/ios) - [Android](https://spline.design/ja/android) #### アプリ - [ダウンロード](https://spline.design/ja/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Spline Mirrorをダウンロード](https://spline.design/download-mirror) #### 学ぶ - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/ja/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [ソリューション](https://spline.design/solutions) #### コミュニティ - [Splineコミュニティ](https://community.spline.design) - [Blog](https://spline.design/ja/blog) - [更新履歴](https://spline.design/ja/changelog) - [教育](https://spline.design/ja/education) - [Contra](https://spline.design/contra) - [アフィリエイト](https://spline.design/ja/affiliate) #### 会社 - [導入事例](https://spline.design/ja/customers) - [採用情報](https://www.ycombinator.com/companies/spline/jobs) - [セキュリティ](https://spline.design/ja/security) #### 法的情報 - [利用規約](https://spline.design/terms) - [プライバシー](https://spline.design/privacy) #### お問い合わせ - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.