九月校招將至，一個高質量的個人作品集網站是設計師求職、接單的核心名片。本文精選 25 位全球優秀設計師/工作室的個人網站，涵蓋交互設計、視覺設計、動態設計、3D 藝術等領域，風格極簡、前衛、敘事性、實驗性並存，助你打破模板思維，打造專屬數位身份。

案例速覽與風格標籤

設計師/工作室	風格關鍵詞	亮點
Ryan Scherf	極簡、留白、動態敘事	滾動觸發動畫，項目呈現如閱讀長文
Miro Hristov	3D、WebGL、沉浸式	首頁即互動場景，技術展示與藝術融合
Charlotte Tang	插畫風、手繪感、溫暖	插畫貫穿全站，人格化品牌形象
Flamy	暗黑模式、霓虹、賽博龐克	強烈視覺衝擊，技術棧展示創新
Marc Thomas	編輯設計感、排版精湛	像閱讀高端雜誌，項目案例深度長文
Mariusz Ciesla	幾何抽象、動態標識	Logo 與導航融合，動態品牌系統
Studio Airport	工作室制、系統化展示	專案分類清晰，流程透明化
Cosmin Capitanu	插畫師風格、強個人IP	插畫即導航，風格極其統一
DJNR	實驗性、聲音視覺化	音頻驅動視覺，極具探索性
Jordan Flaig	3D 插畫、角色設計	可愛風格與專業輸出平衡

精選案例深度賞析

Ryan Scherf —— 敘事式滾動體驗

特點：極大留白、極細字體、滾動驅動的章節切換。每個專案不是縮圖列表，而是完整的案例研究長文，包含背景、挑戰、過程、結果、反思。適合資深產品設計師、UX 研究員展示思考深度。

Miro Hristov —— WebGL 沉浸式首頁

特點：進入即置身 3D 空間，滑鼠移動觸發粒子/幾何體互動。專案入口隱藏在場景物件中。適合創意技術師、3D 設計師、前端開發者展示硬核技術實力。

Charlotte Tang —— 插畫即品牌

特點：手繪插畫貫穿導航、專案縮圖、錯誤頁、Loading 動畫。風格一致性極強，讓訪客瞬間記住「這是 Charlotte 的世界」。適合插畫師、品牌設計師、文創從業者。

Studio Airport —— 專業工作室標桿

特點：專案分類標籤系統（品牌、數字產品、環境圖形等），每案例含客戶背景、團隊角色、交付物、影響力數據。適合設計工作室、團隊作品集參考。

打造高轉化作品集的 5 個關鍵要素

1. 3 秒法則：首屏必須傳達「我是誰、做什麼、有多強」。
2. 案例深度 > 數量：3-5 個深度案例研究優於 20 個縮圖列表。
3. 過程可見：展示草圖、線框、用戶測試紀錄、迭代版本，證明思考深度。
4. 技術細節：標註工具棧、協作流程、無障礙適配、性能優化等硬指標。
5. 聯繫零摩擦：郵件、LinkedIn、Behance、Dribbble、簡歷下載一鍵直達。

技術棧選型建議

• 無代碼/低代碼：Framer、Webflow、Squarespace、Notion + Super.so —— 適合視覺設計師，快速上線。
• 前端框架：Next.js + Tailwind CSS、Astro、Vite + Vue/React —— 適合懂代碼設計師，極致性能與 SEO。
• 3D/互動：Three.js、React Three Fiber、Spline、Rive —— 適合創意技術師。
• 部署：Vercel、Netlify、Cloudflare Pages（免費、全球 CDN、自動 HTTPS）。

避坑指南：不要為了炫技犧牲加載速度與可訪問性；不要用現成模板卻不修改預設文案；不要只放最終圖不放思考過程。
你的作品集，本身就是你最重要的「設計專案」——請用對待客戶專案的標準來要求它。