如何建立能夠為你帶來工作嘅作品集網站

要建立一個能夠為你帶來工作嘅作品集網站，就要為你想吸引嘅受眾揀出四至八個最好嘅項目，將每一個項目呈現為一個簡短嘅故事（問題、你做咗乜、結果），並令人可以喺每一頁輕鬆聯絡到你。保持網站快速，特別係如果你嘅作品以圖片為主，並且要用以你名字命名嘅網域。工具重要性較低，真正關鍵嘅係揀選作品同撰寫內容。

先了解邊啲人會睇

作品集係一個銷售頁面，而你嘅作品就係產品。喺揀選版面之前，先決定你希望邊啲人僱用你，以及佢哋需要睇到乜嘢：

如果你要服務兩類截然不同嘅受眾，例如產品設計職位同自由插畫工作，應該考慮分開區段，甚至分開網站，免得任何一類受眾都要費力尋找。

應該包括咩

作品

揀選較少但更好嘅項目。移除任何你日後唔想再做嘅工作類型。將你最強、最切題嘅作品放喺最前；好多訪客根本唔會捲動過第一行。

對於設計師同開發人員而言，最好嘅項目應該變成個案研究。一個有用嘅結構如下：

1. 問題：用一兩句話描述當時嘅情況，以及受影響嘅人。
2. 你嘅角色：你做咗乜、其他人又做咗乜。要寫得精確；喺面試中，誇大其詞好容易被識破。
3. 流程：幾個關鍵決定，並附上草圖、線框圖或程式碼節錄。
4. 成果：實際推出咗乜嘢，以及你可以誠實說明嘅結果。如果無法分享數字，就用定性描述來說明改變。

對於攝影師同插畫師而言，圖片承擔大部分工作。將圖片分成清晰嘅系列（婚禮、產品、編輯），說明文字保持簡短，並讓格狀排列有足夠空間呼吸。

關於我同聯絡

關於我區段應該說明你係邊個、你做緊乜、你為邊啲人工作，以及你身處邊度，或者你係咪遠程工作。一張真實嘅相片會有幫助。聯絡途徑應該喺每一頁都一目了然：一條簡短表格、一個電郵地址，或者一個預約通話嘅連結。如果你接受預約，要寫明點樣預約。

可選頁面

• 服務及收費：如果你想篩選出不合適嘅查詢，對自由工作者好有用。
• 履歷或簡歷：對求職者有用；通常會同時提供可下載嘅 PDF 同頁面版本。
• 文章或筆記：只有當你會持續更新時先值得加入。一個多年前荒廢嘅網誌，比冇網誌更傷害形象。
• 客戶推薦：只限真實嘅推薦，並須獲得許可。

決策與取捨

靜態網站定係應用程式？ 大部分作品集都係簡單、以內容為主嘅網站，唔需要資料庫。只有在有理由時先加入：例如一條會儲存查詢嘅聯絡表格、一個你會經常透過管理頁面更新嘅相簿，或者一個讓人揀選相片嘅客戶審閱功能。

圖片放喺邊度。 大型圖片係作品集載入緩慢嘅主要原因。上載前要調整尺寸同壓縮，提供現代格式，並在訪客捲動時延遲載入圖片。如果相簿龐大或經常更換，應該將圖片儲存於妥善嘅檔案儲存空間，而唔係將圖片打包入網站嘅程式碼中。

你會點樣更新。 要誠實面對呢點。如果你每個月都會加入新作品，就需要一個簡單嘅更新方式：例如一個簡單嘅管理頁面、內容管理系統，或者一個你用得慣嘅建立工具。如果你每半年先更新一次，直接編輯網站就完全沒問題。

搜尋可見度。 如果你希望人哋可以透過搜尋你嘅名字加上你嘅專業範疇同城市找到你，頁面就需要真實文字、妥善嘅標題層級、每頁獨特嘅標題同描述，以及圖片上有描述性嘅替代文字。參閱 AI 建立網站嘅 SEO。

給 AI 建立工具嘅第一條提示詞

一條好嘅提示詞會寫明受眾、頁面、作品同風格：

幫我為 Lena Park 建立一個作品集網站，佢係一位產品設計師，正在尋找 SaaS 公司嘅資深內部職位。頁面：主頁，附簡短介紹及五個個案研究嘅格狀排列；個案研究頁面範本，包括問題、我嘅角色、流程（附圖片相簿）同成果等區段；關於我，包括相片、簡短簡介同下載履歷；聯絡頁面，附有簡單表格（姓名、電郵、訊息），並將資料儲存於資料庫，提交後顯示多謝訊息。風格：平靜簡約，留有大量空白，只用一種強調色，字體要大而易讀。喺手機上效果要好。使用清楚標示為佔位嘅示範項目，方便我逐一替換。

然後逐個項目替換佔位內容，而唔係一次過將所有內容貼入一條訊息。咁樣更容易檢查，AI 亦能夠逐頁處理得更準確。

更多提示詞寫法，請參閱 如何為 AI 應用程式建立工具撰寫提示詞。

建立步驟

1. 先決定受眾同項目，然後才開始使用任何工具。
2. 先喺文件中寫好每個個案研究嘅文字：問題、角色、流程、成果。
3. 準備圖片：裁剪、調整尺寸及壓縮，並為檔案取一個合適嘅名稱。
4. 生成或揀選一個起始版面。瀏覽 作品集範本 係快速了解邊種風格適合你工作嘅方法。
5. 先建立主頁同一個個案研究，確保做好，然後再沿用同一個模式。
6. 加入關於我同聯絡。 完整測試聯絡表格。
7. 喺手機上檢查。 作品集經常會喺細螢幕上出問題：格狀排列太擠、圖片太大、說明文字太細。
8. 加入 SEO 基本設定同分享圖片，令你發送連結時看起來更出色。
9. 發布並連接你嘅網域。 參閱 如何連接自訂網域。
10. 請兩位目標受眾用三十秒瀏覽網站，並告訴你佢哋知道你做緊乜嘢。如果佢哋答唔到，就要修正主頁。

常見錯誤

• 展示所有嘢。 較弱嘅項目會沖淡較強嘅項目。要精心篩選。
• 有圖片但冇脈絡。 對於設計同開發工作，只有截圖而冇問題同你嘅角色，招聘經理難以從中了解太多。
• 頁面慢、檔案重。 冇壓縮嘅全解像度圖片，會令網站喺流動數據上似乎壞咗。
• 花巧嘅導覽。 特別嘅選單同捲動效果或者有趣，但如果訪客找唔到你嘅作品或電郵，就本末倒置。
• 隱藏聯絡資料。 每一頁嘅頁首同頁尾都應該放聯絡連結。
• 使用你無權展示嘅客戶作品。 要查看合約同保密協議；如有需要，就將項目匿名化或以文字描述。
• 從不更新。 過時嘅作品同多年前嘅「最新項目」會傳達錯誤嘅訊息。

成本

個人作品集嘅持續成本通常不高：每年續期嘅網域名稱，以及託管費用。圖片較多嘅網站，如果要儲存並提供大量大型檔案，成本會稍高。網站建立工具通常會收取包括託管在內嘅月費；自行建立可能更便宜，但就要自己維護。收費會不時更改，請查閱各服務商網站上嘅最新價錢。

何時現成產品係更好嘅選擇

如果你想快速得到一個精緻嘅成果、偏好視覺化編輯器，並且唔需要任何客製化功能，作品集平台同附有作品集主題嘅網站建立工具就好適合你。如果你售賣版畫或提供客戶相簿，專門嘅攝影平台（已經處理好審閱同沖印銷售）可能更適合你。如果你想要獨特嘅設計、需要平台未能提供嘅功能、希望直接展示程式碼或互動作品，或者單純想完全擁有網站，就應該自行建立。

用 Mythex 建立

Mythex 可以根據上面嘅提示詞這類描述建立作品集。你可以喺一個附有手機尺寸框架嘅即時預覽中查看，並喺對話中修改版面同文字，然後發布到 yourname.mythex.app。如果你想要一個可以儲存查詢嘅聯絡表格，Mythex 會為專案加入資料庫；至於圖片相簿，則可以使用專案嘅檔案儲存空間，咁樣圖片就唔會被塞入程式碼入面。Pro 方案用戶可以喺 Mythex 內購買網域，或者連接你已經擁有嘅網域；如果日後想喺其他地方託管，亦可以匯出程式碼或同步到 GitHub。

文件中有 作品集使用個案，並解釋 檔案儲存空間。你亦可以由 AI 作品集網站建立工具 開始，或者使用特定風格嘅範本，例如 開發人員作品集 或 攝影作品集。

常見問題