作品集網站的目的不是展示,是說服

大多數創意工作者在做作品集網站時,有一個隱含的假設:「我只要把好作品放上去,客戶自然會找我。」

但看作品和決定聯絡是兩件不同的事。

訪客看完你的作品集後可能想法是:「作品不錯,但不知道他接哪類型的案子、費用大概是多少、有沒有空接案、聯絡的流程是什麼……算了,再找一個人看看。」

讓作品集網站真正帶來詢問,不只需要展示作品,還需要明確的導引——告訴訪客「你是誰、你做什麼、你適合誰、以及如何開始合作」。

作品集網站的 5 個核心頁面

1. 首頁(Home)

首頁要回答 3 個問題,而且要在 5 秒內回答:

  • 你是誰: 名字 + 你的核心身份(品牌識別設計師 / 商業攝影師 / 文案撰稿人)
  • 你服務誰: 明確指出你的目標客群(台灣中小企業 / 餐飲業 / 新創品牌)
  • 為什麼選你: 你的差異化——不是「專業」「有創意」這種空話,而是具體的

英雄標題範例(弱): 「你好,我是 James,自由接案設計師」

英雄標題範例(強): 「幫台灣餐飲品牌設計讓人忍不住拍照分享的識別系統」

2. 作品集(Portfolio)

什麼要放、什麼不要放:

  • 只放你最好的作品(10 件精品 > 30 件良莠不齊)
  • 只放你「想要接的那類型」的作品——你展示什麼,你就會吸引那類客戶
  • 不要放「雖然這個客戶預算低但我努力做了」的作品

每個案例要說的故事:

截圖不夠。每個案例至少說明:

  • 客戶是誰、面臨什麼挑戰
  • 你的設計決策是什麼(為什麼這樣做,而不是那樣做)
  • 結果是什麼(如有量化數據更好)

這讓訪客從「看圖」變成「理解你的思維過程」,建立更深的信任感。

3. 關於我(About)

About 頁面是建立「人的連結」的地方。

你的個人故事、你對工作的態度、你喜歡與什麼類型的客戶合作、你的工作方式——這些讓你從「一個設計師」變成「一個有個性的人」。

加上真實照片(不需要專業攝影,清楚、品質過得去即可)——它讓信任感大幅提升,讓客戶感覺「我知道我在和誰說話」。

4. 服務與定價

接案者常見的錯誤:完全不說定價,讓訪客猜。

你不需要列出精確的固定價格,但要給出價格範圍或「方案起步費用」。

為什麼重要:

  • 篩選掉明顯超出你定價的潛在客戶(他們詢問後發現價格,雙方都浪費時間)
  • 讓認真考慮的客戶有心理準備,進入詢問流程時更順暢

5. 聯絡(Contact)

CTA 要清楚到讓訪客「一看就知道要怎麼做」。

建議的聯絡頁面元素:

  • 一個簡單的「聊聊你的需求」表單(姓名、Email、Project 類型、預算範圍、說明)
  • 你的回覆時間承諾(「我通常在 1 個工作天內回覆」)
  • 如果有 LINE,提供 QR Code 或連結作為快速聯絡選項

作品集宣傳的 SEO 策略

你是「台北 UI 設計師」,你有多大機率在這個關鍵字排到 Google 第一頁?

現實是:競爭非常激烈。但有幾個策略可以幫你找到利基切入點:

策略 1:細化你的關鍵字

不是「台灣設計師」,而是「台北餐飲品牌識別設計師」、「台中電商網站設計師」——更長、更具體的搜尋詞競爭少得多。

策略 2:撰寫與你服務相關的文章

如果你服務餐飲業,寫「餐廳品牌設計費用」「餐飲官網有哪些必要的設計元素」這類文章——精準吸引你的目標客群。

策略 3:完整的 Google 商家檔案

讓本地搜尋(例如「台北附近的設計師」)找到你。

技術選擇建議

對不懂技術的接案者,推薦使用的工具:

低技術門檻(快速上線):

  • Framer(專為設計師的無程式碼工具,視覺效果出色)
  • Squarespace(功能全面,模板品質高)

中高技術(最大彈性):

  • Next.js + 某個 CMS(Sanity 或 Contentful)——完全客製化,SEO 最優,維護性最好

對大多數獨立接案者,Framer 是 2026 年最推薦的選擇:學習曲線低,設計彈性高,有良好的 SEO 基礎。