- Taony 設計私房菜
- Posts
- UX Portfolio 作品集致命雷區
UX Portfolio 作品集致命雷區
Hi 大家,
我是Taony, 我們又見面了😊 你這週的工作生活好嗎?
這次的私房菜,想和你分享關於如何做好 UX 作品集的一些心得。

在如今競爭激烈的工作市場中,研究數據表示 80% 的 recruiter 招募人員花在一份作品集上的時間不足 3 分鐘。
因此如何快速獲得關注,吸引並留住對方,變的非常重要!
我整理出了「 七大 UX 作品集致命雷區 」以及如何避免的方法,方便大家快速檢查調整。
一:🙅 主頁混亂
Homepage 視覺感受雜亂,無法快速抓取重點信息。導航欄設計不夠直覺,層級結構複雜。
網站加入太多非必要的視覺元素,例如動畫效果、裝飾元素。
主頁的錯誤會導致 recruiter 快速離開。
解決方法:
移除不必要的視覺元素,專注於內容本身
導航盡可能用簡單結構,確保可以快速跳轉
確保 Hero Section 首屏部分突出個人價值
修改後,請嘗試快速掃描主頁,測試能否一眼抓取到關鍵信息。
二:🙅 沒有體現個人價值
Hero Section 部分的 “我是誰” title 描述不夠突出設計師的個人價值,過於寬泛模糊。
例如「我是充滿熱情的 UX 設計師」,無法快速傳遞差異化價值。
解決方法:
標題內容避免過長,控制在兩至三句話以內。
強調關鍵技能,例如擅長使用者訪談或數據分析。
突出行業經驗,例如 5 年 To C 電商網站經驗。
額外的細節可以放在「關於我」頁面中,不要都塞在主頁。
價值最好與目標企業的需求匹配。
修改後,請反覆閱讀,思考你的價值體現能否讓企業覺得「非你不可」。
三:🙅 視覺缺乏一致性
整體作品集網站介面缺乏統一的設計元素,例如顏色過多、字體不一致、佈局方式混亂。
網站打開給人一種廉價感,有種隨手筆記的感覺,大大降低專業度。
忽略對細節的注意,例如按鈕的文字沒有居中對齊。
解決方法:
建立自己的 Design system, 確保所有元素的統一
網站配色不要超過三種,大面積的區域建議採用灰色、黑色、白色。
適當加入個人品牌顏色,但僅限小面積,例如按鈕、Tag 等。
中文和英文字體的總和不超過三種。內容部分採用單一字體。
四:🙅 缺乏個人魅力
UX 作品集缺少「Personal Story」,看起來與其他設計師之間沒有差異。
在「關於我」的部分,沒有體現出設計師的個性。整個網站缺少溫度和情感,無法與瀏覽者建立連結。
解決方法:
在「關於我」頁面分享關於個人故事,可以是職涯歷程。不用追求完美,真實的展現更有「人味」。
避免太多筆墨在個人興趣愛好,多專注在可轉移的軟技能(例如溝通能力)
適當提及獲得的獎項、證書、推薦信。
五:🙅 未經篩選的案例研究
所有的過往專案都放入了作品集,甚至混合非 UXUI 設計的內容(例如平面、插畫)
主頁案例研究展示超過 5 個,通常 recruiter 只會瀏覽 1-2 個案例。
解決方法:
挑選與目標企業/產業職缺相關的案例
案例研究數量控制在 3-5 個
將最強、最突出個人能力的案例放在頂部
在篩選案例研究時,思考你是否為此專案感到驕傲?是否有故事可講?
六:🙅 案例研究縮略圖沒有精心設計
主頁的 Case Study 縮略圖缺乏視覺吸引力,風格混亂,缺乏一致性。
縮略圖隨意截取一些專案的介面,甚至無法清晰看見細節。
案例研究的標題過於籠統,例如「 xxx 購物平台 app 設計」,缺乏吸引力。
解決方法:
縮略圖展示產品的關鍵元素、介面,使用足夠簡潔的設備模型。也可以直接展示,不需要一定使用 mockup.
設計風格盡量保持一致,例如字體大小、佈局。可以做一些規律變化,例如左/右對調。
保持縮略圖的背景簡潔,避免太多裝飾元素。
標題不僅是產品名稱,還要傳遞出影響力。(xx產品解決xx問題,帶來xx價值)
七:🙅 聯絡方式不明顯
忘記將個人聯絡方式放在容易獲取的地方,或者只提供了網站內嵌的「發送訊息」功能表單。
當 Recruiter 無法輕易找到聯絡方式的時候,可能會直接放棄。網站內嵌的表單功能,也有可能無法100% 確保訊息的傳遞。
大部分的 recruiter 偏好直接郵件聯絡或者透過 LinkedIn 連結。
解決方法:
在主頁 Hero section 放置例如「聯絡我」CTA 行動按鈕。
將電子郵件和社群媒體(LinkedIn、Behance、Dribbble)連結放在頁腳或導航列,確保每頁可見。
每篇案例研究末尾加入明確聯絡方式或行動 CTA。
📌 總結 & 更多建議
作品集是 UX 設計師的關鍵求職工具,必須思考如何 3 分鐘內吸引招募人員。
有條件可以設計自己的 LOGO(AI 即可),採用專屬域名,建立個人品牌。
根據職缺需求調整案例研究的內容和展示順序
避免上述雷區,專注於突出的個人價值、視覺一致性和一定的故事性。
定期更新作品集,平日記錄項目細節。多與同行交流,獲取反饋建議。
確保 Portfolio 網站是 RWD 響應式設計,並且優化行動裝置的顯示效果。
避免案例研究內容過於詳細和複雜,確保閱讀節奏和易讀性。
雖然這是 UX 作品集相關,但同樣適用於 UIUX 作品集中。區別是 UIUX 還要突出 UI 設計的能力,諸如:視覺表現力、設計系統、個人風格等。
希望這份快速避雷清單,可以幫助你打造出色的 UX 作品集。更多相關的內容也可以參考我之前的 YT 影片。
💗 Thanks for reading!
感謝你能看到這裡,希望今天的私房菜可以幫助到你~
那我們下次見!
Taony
Reply