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

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

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

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

一切從這顆方塊開始

如果你造訪過 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 設計系統持續演進，而 Spline 始終是其中的核心。

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

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

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

開始使用 Spline

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

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

聯絡業務