如何打造能帶來工作機會的作品集網站

要打造能帶來工作機會的作品集網站，請為你想吸引的受眾挑選四到八個最好的專案，把每個專案寫成一個簡短的故事（問題、你做了什麼、結果），並讓每一頁都能輕鬆聯絡到你。保持網站快速，特別是圖片較多的情況，並把它放在以你名字命名的網域上。工具的重要性遠不如選擇與寫作。

先想想誰會來看

作品集是一頁銷售頁面，而你的作品就是產品。在選擇版面之前，先決定你希望哪些人來僱用你，以及他們需要看到什麼：

如果你同時服務兩種截然不同的受眾，例如產品設計職位與自由插畫，可以考慮分成不同區塊，甚至分成不同網站，讓任何一方都不必費力尋找。

要放些什麼

作品

挑選數量較少、品質較好的專案。移除任何你不希望再被請去做的作品。把最強、最相關的作品放在最前面，許多訪客甚至不會滑過第一排。

對於設計師與開發者來說，最好的專案應該寫成個案研究。一個有用的結構如下：

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 作品集網站建置工具開始，或選用特定風格，例如開發者作品集或攝影作品集範本。

常見問題