# Hermetica 如何以 3D 設計提升金融科技品牌 - Spline customers (https://spline.design/zh-hant/customers/hermetica)

> 當 Hermetica 想在擁擠的金融科技市場中脫穎而出時，Lepisov Branding 運用 Spline，將單一的 3D 概念發展成一套為速度、規模與敘事而生的完整品牌系統。

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

2026年2月24日 · 客戶案例 · Hermetica

# Hermetica 如何以 3D 設計提升金融科技品牌

當 Hermetica 想在擁擠的金融科技市場中脫穎而出時，Lepisov Branding 運用 Spline，將單一的 3D 概念發展成一套為速度、規模與敘事而生的完整品牌系統。

當金融科技新創 Hermetica 決定為加密原生投資人打造品牌時，他們面臨一個熟悉的挑戰：

要如何傳達信任、透明與技術上的可信度，又不淹沒在數百個千篇一律的金融產品之中？

這就是 Lepisov Branding 團隊的 Dmitry Lepisov 和 Arthur Skripnik 所面對的挑戰。他們要做的不只是視覺識別，而是一套完整的品牌系統。

這套系統要能延伸到行銷素材、產品 UI 和社群媒體，同時保有彈性與速度，並忠於品牌精神。

Hermetica 品牌系統的實際應用

## 為新型態的金融受眾而設計

Hermetica 開發以加密貨幣為基礎的金融產品，包括加密錢包和自家的穩定幣。

「金融向來是視覺上很無聊的領域，」Dmitry 解釋。

團隊從一開始就知道，光有視覺是不夠的。他們需要景深、動態和互動設計，同時不能犧牲速度或效能。

> Hermetica 的品牌必須看起來嚴謹可信，但也要獨特、有創意，才能脫穎而出。

**Dmitry Lepisov**, Lepisov Branding 創辦人

Hermetica 的品牌系統讓宣傳影片能快速做出變化

## 一枚 3D 硬幣如何發展成完整的視覺系統

這個專案一開始規模不大，只是一份募資簡報。

Arthur 在 Spline 中設計了一枚 3D 硬幣：深色、極簡、富有質感。它原本是用來輔助敘事，而不是定義品牌。這枚硬幣是為投資人簡報而做的，但反應立竿見影：

> 我們拿給創辦人看，他們非常驚豔。他們問我們能不能把同樣的 3D 風格帶到社群媒體，接著是網站，最後是產品的 UI。

原本的小專案，很快就發展成一套完全以 Spline 打造、由 3D 驅動的完整系統。

採用新品牌系統的 Hermetica 網站與宣傳影片

## 建立品牌系統與語言

為了在專案擴大時保持視覺語言和風格一致，設計團隊建立了一套框架，既保有彈性與速度，又能依循統一的概念建立獨特的品牌識別：

- **Macro** \- 一枚細節豐富的 3D 代幣，代表 Hermetica 的核心產品。
- **Mezzo** \- 成疊、成排的硬幣，用於呈現產品功能與敘事。
- **Micro** \- 數千個小元素組成波浪般的圖樣，反映市場的波動與趨勢。

Macro、Mezzo 與 Micro 框架的視覺呈現

這套品牌系統是為了發展品牌背後的故事敘事而建立，讓每個活動和貼文都遵循相似的邏輯。

由於規則已經內建在系統中，這套框架讓 Hermetica 的內部團隊能獨立作業，又不破壞視覺一致性。

> Hermetica 看到這些圖像時，覺得就像魔法一樣。我們做出了真正有用的東西，所以我們很滿意。

**Arthur Skripnik**, Lepisov Branding 共同創意總監

## 為什麼 Spline 適合這個工作流程

Spline 涵蓋圖片、影片和 SVG 的匯入與匯出功能，打造出快速、靈活的工作流程，讓既有素材能調整後重複用於多種產出。

Spline 不只是一個 3D 工具，它成為這個品牌的製作環境與作業系統。

在 Spline 中擠出成 3D 的儀表板元素

對 Arthur 來說，吸引力是立即的：

- 以狀態為基礎的動畫
- 即時渲染
- 在同一個地方設計、製作動畫，並為多種產出準備素材

對 Dmitry 來說，它徹底改變了協作方式。他不必再審閱線框圖和靜態渲染圖，而是能立即看到完全互動的場景、直接在檔案中留言，或自己調整元素。

Hermetica 團隊也是如此，他們打開連結就能在實際情境中體驗作品。審閱因此變得更快，決策也更明確。

> 有了我們訂好的規則，Hermetica 團隊可以打開 Spline 檔案，調整攝影機視角之類的東西，再輕鬆匯出。

## 速度與效能兼得

Hermetica 經常在很緊的時程內推出東西：新功能、儀表板、行銷活動……

「有時候客戶會說『我們只有一週時間推出這個』，而 Spline 幫助我們以超快的速度交付。」

為了趕上其中一個緊迫的期限，團隊直接在 Spline 中製作了一支完整的宣傳影片，即時處理動畫與渲染，不必依賴傳統的 3D 渲染管線。

> 這很簡單，我們只是匯入一些儀表板元素、把它們擠出、加上一些燈光，就能非常快速地做出吸睛的視覺。

Hermetica 新上線 App 的宣傳影片，以 Spline 製作動畫

這個專案的另一個挑戰，是打造視覺豐富、卻不影響網站效能的場景。

為了製作「Micro」動畫，Arthur 設計了一個超輕量的解法：一個三角形元件，透過 Spline 的複製器功能複製數千次。一種材質、一個元件、數千個實例。

最終的場景只有 7-10 KB，在效能最佳化測試中表現優異，卻依然顯得精緻、充滿動感和生命力。

## 整合讓一切更簡單

Spline 讓團隊能跨媒介工作，而不打斷流程：

- 直接嵌入的互動網站場景。
- 即時渲染的產品 UI 宣傳影片。
- 以相同核心素材打造的社群動畫。
- 從 Spline 匯出 PNG，用來製作品牌規範。

如果 Hermetica 的內部團隊需要變化版本，他們可以打開原始檔案、調整攝影機角度，再匯出新素材，不必從頭開始。

交付流程和設計系統本身一樣靈活。Spline 讓速度成為一項優勢，而不是一種妥協。

想法能在創作動能仍在時，從概念走到正式產出。沒有漫長的渲染排程、沒有支離破碎的工作流程，也不必在不同工具之間重新解釋意圖。

> 創作時，最重要的是動能，你不會想失去它。Spline 幫助我們在極短的時間內將想法視覺化並付諸實現。

## 開始使用 Spline

透過壓縮時程、消除阻礙，Lepisov Branding 以更少的交接和更少的妥協，更快交付了更高品質的作品。

而當 Hermetica 見識到在這種水準下「快」可以是什麼樣子，期待也隨之改變：「Spline 提高了 Hermetica 的標準。現在他們知道，在這麼短的時間內能達到什麼樣的品質。」

Spline 讓打造一套富有表現力、高效能且可擴展的品牌系統成為可能，而且不會拖慢打造它的人。

[聯絡業務](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)[2025年10月20日 · 客戶案例Oscilar 如何用 Spline 打造 AI 風險平台的品牌](https://spline.design/zh-hant/customers/oscilar)

[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.