作品集網站範例：為設計師、開發者同創作者而設嘅 14 個點子

最好嘅作品集網站，會快速做到三件事：講清楚你係邊個、做緊乜嘢；展示幾件你最好嘅作品並附上背景；同埋令人容易聯絡到你。以下係 14 個作品集網站範例。其中五個係我哋喺 2026年10月實際參閱過嘅真實網站；其餘九個係針對唔同類型工作嘅模式，描述時並無指名任何網站。之後會有一份清單、常見錯誤，以及點樣建立你自己嘅網站。

14 個範例一覽

真實作品集網站，以及佢哋做得好嘅地方

以下描述以 2026年10月為準。

1. Brittany Chiang：一位開發者招聘人員所需要嘅一切

Brittany Chiang 嘅網站 將她介紹為前端工程師，並配以一句關於無障礙、精緻網頁體驗嘅標語。導覽列可以跳到關於我、經歷同專案。每份工作都列出僱主、日期、簡短描述同技術標籤，並附有完整履歷嘅連結。精選專案有截圖、描述同連結，而「查看完整專案存檔」連結則收納其餘所有作品。寫作部分則連結到她嘅文章。

可以借鑑嘅地方： 主頁面只展示最好嘅幾項，其餘放入存檔。標籤令人容易掃視，找到某項特定技能。

2. Jessica Hische：兼具生意經營功能嘅作品集

Jessica Hische 嘅網站 將她呈現為字體藝術家、作家同創業者。客戶作品按類別分組（廣告、書籍同電影、編輯、產品），每個專案都有一個連到完整頁面嘅縮圖，描述語氣輕鬆，並解釋製作過程。除咗作品之外，仲有委約、演講、輔導、書籍、商店頁面，以及不同類型查詢專用嘅獨立聯絡電郵。

可以借鑑嘅地方： 如果你提供好幾種服務，每種都應該有自己嘅路徑同聯絡途徑，確保正確嘅查詢會送到你手上。

3. Lee Robinson：純文字，思路清晰

Lee Robinson 嘅網站 係一個簡約嘅單頁：簡短嘅個人簡介、一份主題筆記清單，以及一份附有日期嘅部落格文章清單。聯絡方式係一個電郵連結同一個 X 個人檔案。

可以借鑑嘅地方： 對於以想法為主要工作嘅人來說，寫作就是作品集。一份附有日期嘅標題清單容易閱讀，載入亦快。

4. Paco Coursey：簡短、有立場嘅章節

Paco Coursey 嘅網站 將他描述為打造介面嘅設計師兼開發者。頁面有簡短章節，分別介紹他正在建立嘅嘢、三個開源專案、寫作、一個「現在」章節（講述目前嘅興趣），以及聯絡連結。

可以借鑑嘅地方： 「現在」章節係一個簡單方法，唔使另外開設部落格，就可以令作品集感覺係最新、有個人風格。

5. Bruno Simon：網站本身就是作品

Bruno Simon 嘅作品集 係一個互動嘅 3D 世界，你可以用鍵盤、滑鼠、觸控或遊戲手掣駕駛一輛小汽車穿梭其中，當中有成就系統同計時競速模式。一個「幕後」章節解釋所用嘅技術，並連結到原始碼。

可以借鑑嘅地方： 對於創意開發者而言，實驗性質嘅網站可以係最有力嘅技能證明。但對於大部分其他職位來說就不太適合，因為只想睇你履歷嘅訪客，要先玩一輪遊戲。

可以抄嘅作品集模式

6. 個案研究作品集

三至五個專案，每個都有獨立頁面：問題、你嘅角色、限制、過程（草圖、反覆修改）、成果，以及你下次會有咩不同做法。頁首用一句話先講結果。最適合產品設計師同 UX 研究人員。

7. 相片格狀作品集

大圖以格狀或全寬序列排列，按相簿分組（婚禮、人像、商業）。文字極少，圖片載入快，每個相簿都附有預約或查詢連結。參閱點樣建立攝影網站。

8. 寫作作品集

你最好嘅文章剪報，按主題或刊物分組，每篇附上標題、刊物、日期同一句摘要。連結到線上文章，並保留一份 PDF 副本，以防文章下架。

9. 單頁式自由工作者網站

你做乜嘢、為邊類客戶、三件作品、起始收費或收費範圍（如果你願意公開）、客戶推薦同聯絡表格。當目標係吸引查詢而唔係招聘人員時，呢種網站好適合。

10. 學生或初級作品集

將課程同個人專案當作真實工作去處理：簡介、你嘅決定同成果。一個簡短嘅「我正在學習乜嘢」章節可以顯示你嘅發展方向。連結到程式碼同即時示範。

11. 影片集錦作品集

頁首放一段 60 至 90 秒嘅集錦，然後再列出個別專案，附上署名同你嘅角色。將影片託管到專為影片而設嘅服務，令頁面保持快速。

12. 建築或室內設計作品集

專案按類型篩選（住宅、商業），每個都附有相片、平面圖同簡短嘅委託說明。地點同年份有助客戶搵到相關嘅作品。

13. 數據或研究作品集

幾份已發表嘅分析，附上一兩個互動圖表，連結到筆記本或報告，並為每項發現提供一段淺白嘅摘要。

14. Link-in-bio 作品集

為生活在社交平台上嘅創作者而設：一個以手機為先嘅頁面，展示你最近嘅好作品、你嘅頻道，以及聯絡或預約連結。參閱點樣建立 link-in-bio 頁面。

最佳作品集嘅共同點

• 一句話介紹。 你嘅名字同做乜嘢，用客戶或招聘人員會用嘅字眼講。
• 精選作品。 幾件有質素嘅作品，其餘放入存檔。
• 每件作品都有背景。 你嘅角色、問題同成果。單靠視覺效果唔能解釋決定。
• 容易聯絡。 每頁都有電郵連結或簡短表格，唔會藏喺頁腳裏面。
• 快速同易讀。 圖片經過優化，字體清晰，適合手機瀏覽。
• 保持更新。 最新作品或「現在」章節，顯示你仍然活躍。
• **如果可以，用自己嘅網域，**令網址永遠屬於你。

常見錯誤

• 什麼都展示。 十個普通專案會掩蓋兩個出色嘅作品。
• 冇解釋。 一堆截圖唔能說明你做過乜嘢。
• 聯絡方式難找。 如果人哋要四處搵電郵，好多人就會放棄。
• 重形式多於內容。 過多動畫令頁面變慢或者隱藏內容。
• 連結損壞、示範失效。 將網站發送俾任何人之前，要檢查每個連結。
• 使用唔可以公開嘅作品。 發布機密專案前，要先得到客戶或僱主同意；如有需要，應該將資料匿名化。

點樣建立你自己嘅作品集網站

1. 揀選你嘅受眾： 招聘人員、客戶，定係合作夥伴。呢個會決定邊樣嘢要放喺最前。
2. 揀三至六個專案，並為每個寫一份簡短嘅個案研究。
3. 揀上面一個模式，並草擬頁面：首頁、專案頁面、關於我、聯絡。
4. 建立它。 用 Mythex 你可以喺對話中描述你嘅作品集，在即時預覽中查看，上載你嘅圖片，並一鍵發布到一個網址（參閱點樣連接自訂網域）。你亦可以由範本 開始。如果你想將其當作學習專案而親手編寫，都係一個好選擇。
5. 請人用手機幫你檢視，並請佢講出十秒之後，佢記得你做緊乜嘢。

如果想看逐步教學版本，請閱讀點樣建立作品集網站；如果你主要需要喺網上放置履歷，可以參閱點樣建立履歷網站。

我哋點樣揀選呢啲範例

我哋喺 2026年10月參閱咗每個指名嘅網站，並且只描述當時所展示嘅內容。我哋揀選嘅係能夠說明清楚一個想法嘅知名網站，而唔係「最佳」作品集嘅排行榜。各種模式係以一般性描述嘅常見格式。

常見問題