# Resend 如何用 Spline 的 3D 設計打造具體可感的品牌 - Spline customers (https://spline.design/zh-hant/customers/resend)

> Resend 運用 Spline，將抽象的基礎設施轉化為互動式 3D 體驗，為以開發者為核心的品牌帶來清晰度與工藝感。

[客戶](https://spline.design/zh-hant/customers)

2025年7月25日 · 客戶案例 · Resend

# Resend 如何用 Spline 的 3D 設計打造具體可感的品牌

Resend 運用 Spline，將抽象的基礎設施轉化為互動式 3D 體驗，為以開發者為核心的品牌帶來清晰度與工藝感。

在 Resend，設計不只是表面功夫，而是他們與開發者建立信任的核心。作為一個為現代開發團隊簡化交易與行銷電子郵件的平台，Resend 知道他們的受眾重視清晰、精準與細節。

對創始設計師 Zeh Fernandes 來說，要讓這些價值變得具體可感（尤其是對一個抽象的基礎設施產品而言），就必須超越平面設計。因此，當要重新構思 Resend 在網路上的視覺識別時，3D 互動不只是點綴，而是成為一種策略。

> 我們想讓受眾看到，我們在乎細節。設計是我們產品的一部分。有了 Spline，我們能打造真實、可互動的 3D 物件，讓我們的基礎設施變得具體可感。

**Zeh Fernandes**, Resend 創始設計師

## 一切從這顆方塊開始

如果你造訪過 Resend 的首頁，你一定看過它：一顆俐落、可互動的黑色魔術方塊在登陸頁上旋轉。它不只吸睛，更成了代表性的標誌，甚至讓 Resend 將它 3D 列印成實體版本，寄給早期客戶。那顆方塊？就是用 Spline 打造的。

以各種數位與實體形式呈現的魔術方塊

「我們從 Spline Community 上的一個版本開始，然後隨著時間逐步演進，」Zeh 說，「我們更新了它的材質、光線和風格，以反映品牌的成長。最棒的是什麼？一直都是同一個檔案。」

藉由 Spline 與 React 的無縫整合，Resend 團隊不必撰寫底層 3D 程式碼，就能直接把方塊嵌入網站。

> 在使用 Spline 之前，我們光是處理 3D 整合就需要一位開發人員。現在我們可以平行作業：設計師專注於打造素材，工程師也不必從頭重建。

## 為行銷打造的 3D 設計系統

方塊只是開始。Spline 很快就成為 Resend 製作行銷素材的首選工具，從動態圖示到會回應按鍵的主視覺構圖都有。

在「Launch Weeks」活動期間，團隊用 Spline 為每天的發布量身打造 3D 視覺。例如，在推出新的淺色模式時，他們打造了一個沐浴在光線中、熠熠生輝的水晶造型，完全在 Spline 中設計和渲染。

Resend 也善用 Spline 的事件系統，在嵌入的素材中加入俏皮的互動細節，例如由滑鼠和鍵盤觸發的動畫，為眼尖的使用者帶來驚喜。

透過 3D 設計塑造並表達的 Resend 品牌

> 3D 幫助我們傳達抽象的概念，為我們的數位基礎設施帶來物質感，讓我們的產品感覺真實。開發者會注意到這些東西，它成為體驗的一部分

## 持續生長的視覺識別

Resend 的 3D 設計系統持續演進，而 Spline 始終是其中的核心。

「我們正加倍投入物質感，」Zeh 說，「它幫助我們把基礎設施這種無形的東西視覺化。如果 Spline 持續提升品質，特別是材質方面，我們會繼續擴大使用它的方式。」

Resend 視覺系統中的 3D 圖示

無論是俐落的首頁視覺、發布週的動畫，還是一套 3D 圖示，Resend 的視覺識別都在 Spline 身上找到了創作夥伴。

> 這不只是裝飾，而是我們展現在乎細節的方式。而我們的使用者感受得到。

## 開始使用 Spline

自從採用 Spline 以來，Resend 徹底改變了建立和傳達視覺品牌識別的方式，進而提升了品牌知名度。

這個平台簡化了他們的 3D 設計流程，消除技術門檻，讓團隊能快速製作原型、迭代並發布互動視覺，為以開發者為核心的產品體驗帶來清晰度與深度。

[聯絡業務](https://spline.design/zh-hant/enterprise)

## 更多客戶案例

[2026年4月13日 · 客戶案例Lynksen 如何用 Spline 讓複雜的 B2B 平台網站活起來](https://spline.design/zh-hant/customers/lynksen)[2026年3月2日 · 客戶案例Onyx Coffee Lab 如何為電商打造互動式 3D](https://spline.design/zh-hant/customers/onyx-coffee-lab)[2026年2月24日 · 客戶案例Hermetica 如何以 3D 設計提升金融科技品牌](https://spline.design/zh-hant/customers/hermetica)

[Spline](https://spline.design/zh-hant)

為團隊及其 AI 代理打造的 3D 與 2D 編輯器。一鍵發布到網頁、iOS 和 Android。

#### 向 AI 詢問 Spline

#### 產品

- [3D 設計](https://spline.design/zh-hant/3d-design)
- [Hana](https://spline.design/zh-hant/hana)
- [Omma](https://omma.build)
- [AI 3D 生成](https://spline.design/zh-hant/ai-generate)
- [Spline MCP](https://spline.design/zh-hant/mcp)
- [Spline Arena](https://spline.design/zh-hant/arena)
- [價格](https://spline.design/zh-hant/pricing)
- [企業](https://spline.design/zh-hant/enterprise)

#### Runtime

- [Web](https://spline.design/zh-hant/web)
- [iOS](https://spline.design/zh-hant/ios)
- [Android](https://spline.design/zh-hant/android)

#### App

- [下載](https://spline.design/zh-hant/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [下載 Spline Mirror](https://spline.design/download-mirror)

#### 學習

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/zh-hant/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [解決方案](https://spline.design/solutions)

#### 社群

- [Spline 社群](https://community.spline.design)
- [Blog](https://spline.design/zh-hant/blog)
- [更新日誌](https://spline.design/zh-hant/changelog)
- [教育](https://spline.design/zh-hant/education)
- [Contra](https://spline.design/contra)
- [聯盟行銷](https://spline.design/zh-hant/affiliate)

#### 公司

- [客戶](https://spline.design/zh-hant/customers)
- [工作機會](https://www.ycombinator.com/companies/spline/jobs)
- [安全性](https://spline.design/zh-hant/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.