視覺團隊熟悉的流程
為什麼獨立作品集重要
作品需要脈絡
好的作品集不只是圖庫。招募方和客戶想知道問題、你的角色、限制、結果，以及能佐證的內容。
互動作品需要真正的頁面
Prototype 流程、動效、WebGL、前後比較和嵌入 demo，通常需要比平台個人頁更多的空間。
品牌層應該由你控制
自訂網域和獨立網站會讓作品像是你的專業紀錄，而不是別人平台裡的一個個人頁。
不只適合一種創作工作
產品與介面設計
部署 Framer 匯出、產品案例、互動導覽，以及帶有自訂動效和版面的介面敘事。
3D 與動態作品
支援 WebGL、Spline、Three.js，以及比靜態圖庫更適合瀏覽器原生呈現的視覺作品。
品牌與 editorial 作品集
用更可控的節奏和圖片品質呈現大圖、字體、活動頁和編輯式案例。
作品集案例應該回答難題
問題是什麼？
給陌生讀者足夠脈絡，理解 brief、受眾、限制，以及商業或產品目標。
你實際做了什麼？
說清楚你的角色、團隊規模、工具、決策、取捨，以及你負責的範圍。
上線後改變了什麼？
有資料時，用指標、質性結果、客戶回饋、上線筆記、前後比較或學到的事來說明。
別人可以在哪裡檢查？
連到線上 demo、原始碼、prototype、影片、截圖或更完整的專案說明，讓認真的讀者能驗證作品。
相容創作流程
作品集連結公開前
壓縮大型媒體
大型截圖、影片和 3D embed 會讓作品集變慢。上傳最終 build 前先最佳化資源。
檢查手機版呈現
客戶和招募者常先用手機打開作品集。確認 hero 文字、圖庫和案例卡片不會崩掉。
使用可讀的專案網址
/work/lumina-interface-kit 這類路徑，比隨機匯出檔名更好分享也更好記。
保護機密作品
移除私人客戶資料、未公開產品截圖、內部指標，以及任何受 NDA 限制的內容。
作品集託管常見問題
可以部署 Framer 匯出的 HTML 嗎？
可以。匯出最終靜態檔案後，像其他靜態專案一樣上傳生成的資料夾。
我不是開發者也能用嗎？
可以。設計師可以發佈視覺工具匯出的成果，開發者也能在同一平台發佈自訂 React 或靜態 build。
可以用 .design 或 .art 這類網域嗎？
可以。只要你能設定必要的 DNS 記錄，自訂網域不受 TLD 類型限制。
國際瀏覽時會夠快嗎？
Edge delivery 有助於作品集在多地區保持回應速度。資源大小仍然重要，上線前請壓縮圖片和影片。
可以在作品集裡放線上 demo 嗎？
靜態 demo 和瀏覽器執行的專案可以。如果 demo 需要後端、資料庫、登入或伺服器端處理，請接到其他 runtime。
作品集應該放所有專案嗎？
通常不需要。少量但說清楚的代表作品，比沒有脈絡的大量圖庫更有用。
把作品集放到你控制的網域
作品集只要建好一次，就能全球發佈，並放在真正屬於你的網域上。
從免費方案開始，再依需要成長。