1. 首頁
2. 知識庫
3. Sharing AI 架站平台教學
4. 作品集與客戶案例頁怎麼做？案例架構、前後對照與授權確認

Sharing AI 架站平台教學

作品集與客戶案例頁怎麼做？案例架構、前後對照與授權確認

作者：JamXu更新日期：2026-10-13

作品集、客戶案例與客戶評價：三種頁面差在哪裡

很多公司網站都有「作品」或「案例」頁，內容卻差很多：有的只是一排照片，有的是長長的專案故事，有的是客戶留言。這三種內容各有用途，先分清楚，才知道每一頁要寫什麼。

作品集重點是「看得到成果」，適合設計、攝影、裝修、建築這類用眼睛就能判斷的行業。客戶案例（也稱案例研究、成功案例）重點是「看得懂過程」：客戶原本遇到什麼問題、你怎麼處理、得到什麼結果，顧問、系統導入、行銷與 B2B 服務特別需要。客戶評價則是客戶用自己的話說出的感受，篇幅短，常穿插在其他頁面。

對多數中小企業來說，最有效的做法是把三者串在一起：作品集負責吸引目光，案例頁負責說服，客戶評價負責補上第三方的聲音。例如一家室內設計公司，可以在作品集放完工照片，挑出三到五個代表性的案子寫成完整案例，再把屋主同意公開的回饋放在每個案例的最後。

案例頁的任務：回答訪客在比較階段最想知道的事

訪客通常不會一進站就看案例。他們先看過服務頁，覺得「好像可以」，才會想確認：這家公司做過跟我類似的案子嗎？這時點進來的，往往是正在比較兩三家廠商的潛在客戶。

因此案例頁要做的不是說「我們很厲害」，而是讓讀者把自己代入：這個客戶跟我像不像、他的問題跟我像不像、你的處理方式我能不能接受。讀者能代入，案例才有說服力；只放成果照片、不說背景，讀者很難判斷結果跟自己有沒有關係。

Google 在建立實用且以使用者為優先的內容指南中，列出的自我評估問題包括：內容是否清楚展現第一手的專業知識與深度的知識，例如實際使用過產品或服務、親自到過某個地方。真實的客戶案例正是公司最能展現第一手經驗的內容，這也是為什麼它同時有助於讀者信任與搜尋表現。經驗、專業與可信度的概念，在本站的E-E-A-T 名詞解釋有更完整的說明。

首頁的信任證據段用一兩個案例吸引點擊，案例頁則把故事講完整；首頁該放什麼請看公司網站首頁要放什麼，公司數字與客戶標誌的寫法則在「關於我們」頁面怎麼寫整理過。

第一步：挑選案例，不是每個案子都要放

很多公司一開始就想把所有做過的案子都放上網站，結果是幾十張照片、每張只有一行標題，讀者看不出重點。案例的數量不是重點，挑選才是。建議先挑三到六個案子寫成完整案例，其餘的放在作品集中即可。挑選時可以用下面五個標準逐案評分：

• 代表性：這是你最想接的那一類案子嗎？案例會吸引相似的客人。
• 可公開：客戶是否願意讓你公開名稱、照片與成果？簽有保密約定的案子，再好也不能放。
• 有前後資料：有沒有改善前的照片、原本的數據或客戶當時的說法？沒有「之前」，就很難說清楚「之後」。
• 夠近期：太久以前的案子，工法、軟體或法規可能已經不同。
• 彼此不重複：幾個案例最好涵蓋不同產業、規模或需求，讓更多類型的訪客都能找到相似的案子。

先做一張案例盤點表

挑選前，把近兩三年的案子列成試算表，欄位包括客戶類型、服務項目、完成時間、手邊素材（照片、數據、文件）、客戶是否可能同意公開。依上面五個標準排序，前幾名就是第一批案例，這張表之後也用來追蹤授權與更新時間。

第二步：取得客戶同意，先確認可以公開什麼

案例頁最容易出問題的地方，不是寫得不好，而是寫了客戶沒有同意公開的東西。客戶當初委託你做事，不代表同意你把他的名稱、照片、營運數字或私人空間放在網站上做宣傳。公開任何可以辨識客戶的內容之前，都要先取得同意並留下紀錄。

以台灣為例，《個人資料保護法》第 19 條規定，非公務機關蒐集或處理個人資料要有特定目的，並符合法律明文規定、與當事人有契約關係、經當事人同意等情形之一；第 20 條則規定利用個人資料應在蒐集的特定目的必要範圍內，超出範圍的利用，經當事人同意是例外情形之一。同法第 7 條說明，這種特定目的外利用的同意，指當事人經過明確告知其他利用目的、範圍與同意與否的影響後，單獨所為的意思表示，而且是否取得同意，由蒐集者負舉證責任。

換成實務語言：為了執行委託而取得的客戶姓名、住家照片，原本用途是完成案子；拿來做案例宣傳屬於另一種用途，最好單獨取得書面同意。客戶是公司時，承辦人的姓名與照片同樣是個人資料。

同意書要寫清楚的六件事

同意不必很正式，但要找得到：把上表做成確認單，或用 Email 列出公開內容請客戶回覆同意並存檔。表中天數與署名只是示範；本文是實務做法，不是法律意見，具體問題請洽詢專業人士。

第三步：確認照片與作品的著作權歸屬

取得客戶同意之後，還有另一個容易被忽略的問題：案例中使用的照片、設計稿與成品，著作權不一定屬於你。是誰拍的、誰付錢請人做的、合約怎麼約定，都會影響你能不能放上網站。

依《著作權法》第 12 條，出資聘請他人完成的著作，除非契約另有約定，以受聘人為著作人；著作財產權的歸屬依契約約定，未約定的歸受聘人享有，但出資人可以利用該著作。這條規定在案例頁上常見兩種情境：你請攝影師拍完工照，你是出資人；你替客戶設計標誌或網站，則客戶是出資人、你是受聘人。

署名也要留意。《著作權法》第 16 條規定，著作人有在著作公開發表時表示本名、別名或不具名的權利。委託攝影師拍攝的照片，如果合約或攝影師要求署名，就應在圖說或案例頁中標示；合作的設計師、施工團隊希望列名時，也可以在案例中寫出分工，這同時能讓讀者更清楚專案是怎麼完成的。

最實際的預防方式，是在每份委託與攝影合約中加上「可將成果用於自家網站與提案作為作品展示」的約定，舊案子則逐一確認後再用。授權紀錄表的欄位在架站前要準備哪些品牌素材已經列好，可以直接沿用。

第四步：用七段架構寫出一個完整案例

素材與授權確認後就可以開始寫。建議依下面七段的順序，對應讀者心中的疑問：他是誰、遇到什麼事、你做了什麼、結果如何、他怎麼說、我要怎麼找你。

標題與摘要：讓讀者三秒內決定要不要往下看

只寫客戶名稱的標題，例如「某某公司官網」，讀者看不出跟自己的關係。把「誰」「需要什麼」「結果」放進同一句會好得多，例如「三家門市的烘焙品牌：電話訂單改由網站接單」。

挑戰與做法：寫出判斷，而不是流水帳

挑戰段要寫得具體，才能讓有相同困擾的讀者產生共鳴。「客戶希望提升品牌形象」幾乎適用於所有案子，等於沒寫；「客戶的訂購資訊散落在三個社群帳號，常有重複下單與漏單」才是讀者會停下來看的句子。

做法段最能展現專業，卻常被寫成服務清單：「我們提供了企劃、設計與上線服務」。讀者想知道你怎麼思考：為什麼選這個方案、遇到什麼意外、怎麼調整。把一兩個關鍵決定的理由寫出來，比列出十個服務項目更能讓人信任。

一個簡短的示範（虛構情境）

以下用一個虛構的室內設計案例示範：「客戶背景：雙薪夫妻在新北買下屋齡 30 年、約 25 坪的公寓。挑戰：三間小房間讓客廳採光不足，預算有限且希望三個月內入住。做法：保留浴室與廚房管線位置以控制預算，拆除一間房改為開放式書房，讓客廳多一面採光。成果：客廳白天不必開燈，工期依約完成。客戶回饋：『最滿意的是早上可以在客廳吃早餐。』」

成果怎麼寫才可信：數字、期間與條件

成果段是讀者最在意、也最容易寫過頭的段落。依《公平交易法》第 21 條，事業不得在廣告或其他使公眾得知的方法上，對足以影響交易決定的事項做虛偽不實或引人錯誤的表示，這項規定也準用於服務。官網上的案例頁屬於公開的宣傳內容，沒有依據的成效數字、無法重現的效果，都不應該寫進案例。

公平交易委員會的薦證廣告規範說明也提到，以消費者親身體驗作為推薦時，除非內容有科學學理或實驗依據，廣告中應說明在什麼情況下、什麼條件下，消費者才可能得到推薦中所說的結果。放到案例頁上，就是成果要附上期間、範圍與條件，讓讀者知道這個結果是在什麼情況下發生的。

上表右欄的數字只是示範，請換成實際取得、客戶同意公開的資料，並寫出來源，例如「客戶提供」或「網站分析工具數據」。沒有可公開的數字，就用前後對照與客戶原話呈現；詢問與流量數據要從哪裡看，可以從GA4 報表怎麼看開始。

前後對照圖：讓改變被看見，但不能失真

對裝修、設計、網站改版這類行業，前後對照圖是案例中最有力的一張圖。正因為說服力強，前後兩張照片的拍攝條件不一致，就可能讓讀者誤會改變的幅度。

拍攝前後照片的五個原則

1. 同一個位置與角度：施工前先決定拍攝點，完工後回到同一處拍攝。
2. 相近的光線：盡量在相同時段拍攝，避免陰天與晴天造成落差。
3. 相同的取景範圍：不要「之前」拍凌亂角落、「之後」只拍整理好的局部。
4. 修圖只做基本調整：可調亮度、水平與裁切，不移除瑕疵、不加入原本沒有的物品。
5. 標示清楚：圖說寫明改善前與改善後，以及拍攝或完工時間。

網站改版、系統導入這類案子，也可以用改版前後的畫面做對照，擷取時要遮蔽後台的個人資料、訂單與價格。

上傳時替每張圖填寫替代文字，說明畫面與前後差異，例如「客廳改造前：深色木作牆面與小窗」。前後兩張用相同比例裁切，並排才不會一大一小，尺寸建議請看網站圖片尺寸怎麼抓。

客戶推薦與證言：公平會薦證廣告規範的四個重點

客戶的推薦一旦放上官網，就可能屬於薦證廣告。依公平交易委員會對於薦證廣告之規範說明，薦證廣告是指廣告薦證者反映其對商品或服務的意見、信賴、發現或親身體驗結果所製作的廣告或對外表示，薦證者也包括一般消費者。寫客戶推薦時，有四個重點。

1. 內容要忠實反映客戶的真實意見

規範說明要求廣告內容須忠實反映薦證者的真實意見、信賴、發現或親身體驗結果。它舉的例子是：廣告引述某位節目主持人的評語時，如果竄改或斷章取義，致無法忠實反映主持人的意見，就可能涉及違法。不要替客戶代寫推薦，也不要把客戶的話改得更誇張；文字需要精簡時，改完請客戶確認最終版本。

2. 推薦者必須是真實的客戶

以消費者親身體驗作為推薦時，該消費者在推薦當時就須是商品或服務的真實使用者；若不是真實使用者，廣告中應明示。換句話說，員工或親友扮演的「客戶」、網路上找來的大頭照配上自己寫的評語，都不應該出現在案例頁。

3. 有利益關係就要揭露

規範說明把利益關係定義為薦證者與廣告主之間有僱用、贈與、受有報酬或其他有償的關係，並要求非一般大眾可合理預期的利益關係，應在廣告中充分揭露。如果客戶是因為你提供折扣、贈品或回饋金才寫下推薦，就應在推薦旁註明，例如「本推薦為客戶參加案例分享優惠後撰寫」。以社群或部落格貼文推薦而未揭露，規範說明指出可能涉及違反公平交易法第 25 條。

4. 推薦者也可能負擔責任

《公平交易法》第 21 條規定，廣告薦證者明知或可得而知其薦證有引人錯誤之虞仍為薦證者，與廣告主負連帶損害賠償責任；非知名公眾人物、專業人士或機構的薦證者，在受廣告主報酬十倍的範圍內負責。真實、經過確認的推薦，對雙方都比較安全。

自己網站上的評價，不會在 Google 顯示星等

依 Google 的評論摘要結構化資料說明，如果接受評論的實體能控制自身獲得的評論，使用 LocalBusiness 或其他 Organization 類型結構化資料的網頁就無法使用星級評論功能，這項限制自 2019 年起實施。在自家案例頁標記評論，不會帶來星等，結構化資料的整體做法請看結構化資料怎麼做。

案例列表頁：讓訪客快速找到相似的案子

案例累積到五、六個以上，就需要一個列表頁把它們整理起來。列表頁的任務很單純：讓訪客在最短的時間內，找到跟自己最像的那個案子。

分類方式：依訪客的需求，而不是依年份

依完成年份排列，訪客得一個個點開才知道哪個相關。比較好的分類是依訪客描述自己的方式：產業（餐飲、醫療、製造）、服務類型（品牌設計、官網製作）或需求情境（新開店、舊店翻新），以三到六類為宜。

每張案例卡片放一張比例統一的代表圖、寫出客戶類型與需求的標題，再加一行產業或服務標籤，點擊後進入完整的案例頁，而不是只放大圖片。

選單名稱建議直接用「作品案例」或「客戶案例」，不要用訪客不一定看得懂的「Our Works」。列表頁在網站架構中的位置與網址命名，在網站頁面架構與選單怎麼規劃有完整範例。

列表頁之外，案例最重要的入口其實是服務頁。每個服務頁都應該連到一兩個相關的案例，案例頁也要連回對應的服務頁與聯絡頁，讓讀者在「了解服務」與「看實際成果」之間順暢來回。

在 Sharing AI 落地：用頁面與區塊組出案例頁

在 Sharing AI 架站平台上，案例列表頁與案例頁都是在「頁面管理」建立的頁面，再用「新增區塊」放入內容：

1. 建立第一個案例頁：在「頁面管理」新增空白頁面，用「標題1(H1)」寫案例標題，「內文」寫摘要、背景、挑戰與做法，「圖文交錯」呈現關鍵步驟。
2. 放入前後對照：在「新增區塊」的「圖片」分類選擇「比較圖(橫式)」或「比較圖(多組)」；橫式適合一兩組大圖搭配文字，多組適合同時比較好幾個畫面。
3. 放入作品照片：照片較多時用「圖片牆」或「滿版圖片牆」，讀者點擊可以放大觀看。
4. 放入回饋與聯絡：客戶回饋用「內文」引用並署名，頁尾放「聯絡我們」或「立即填表(可自訂欄位)」區塊。
5. 存成範本：在頁面編輯畫面使用「存成頁面範本」，之後新增案例從「我的範本」開始，結構就會一致。
6. 建立列表頁：可從「分類頁面」模板開始，或用「插入其他頁面」區塊把案例頁以卡片列出；分類多時用「頁籤區塊」切換。
7. 頁面設定與選單：填寫自訂連結、Meta 標題與描述，把列表頁加入主選單，並從服務頁連到案例。

案例頁、服務頁與首頁重複出現的詢問按鈕，可以做成同步區塊，改一次就全站更新，做法見網站 CTA 怎麼設計；表單設定則在網站表單怎麼設計。其他後台功能的位置，可以回到 Sharing AI 架站平台教學主題頁對照。

案例頁的 SEO：標題、圖片與內容深度

寫得好的案例也能帶來搜尋流量，搜尋「老屋翻新 案例」的人正是你想接觸的客群。Meta 標題建議寫出服務項目、客戶類型或地區，例如「老屋翻新案例｜新北 30 年公寓改開放式書房」，比「案例 12」更能讓搜尋者看懂，寫法原則請看SEO 標題與描述怎麼寫。

Google 的圖片搜尋最佳做法建議把圖片放在相關文字附近，替代文字要有用、符合脈絡，檔名也要簡短並具描述性。案例頁最常見的問題是檔名全是相機編號、替代文字空白，上傳前把檔名改成像 old-apartment-living-room-after.jpg 這樣的描述，再搭配圖說與內文。

另外，寧可少做幾頁內容完整的案例，也不要大量複製只有照片的頁面。幾十個案子各做一頁、每頁只有幾張照片，對讀者幫助不大；其餘作品集中在作品集的圖片牆裡，只有值得寫出完整故事的案子才獨立成頁。

沒有案例可放，或客戶不同意公開時怎麼辦

剛成立的公司、或主要客戶都簽有保密約定的行業，常常卡在「沒有案例可以放」。這時候不必勉強，也絕對不要虛構。下面幾種做法，可以依你的情況選擇：

• 匿名案例：客戶同意分享過程但不願具名時，可以只寫產業、規模與地區。要注意的是，產業加上地區與照片，有時仍可能讓人認出是誰，個資法對個人資料的定義也包括「得以間接方式識別」該個人的資料，所以匿名前仍要讓客戶看過內容。
• 流程展示：用標示為示範的虛構情境，說明工作流程、各階段交付物與檢查方式。
• 自主作品：設計、攝影等行業可以展示自己發起的作品，但要標示不是客戶委託。

常見問題、服務流程與知識文章同樣能讓訪客判斷你的專業，FAQ 頁的寫法請看FAQ 常見問題頁怎麼做。之後每次結案時順便詢問客戶是否願意成為案例，素材與同意一次到位。

客戶案例頁常見的錯誤與修正方式

最後把常見錯誤整理成表，上線前或檢查現有案例時都可以逐項對照。

這些錯誤大多是流程問題：結案時沒有順手取得同意與素材、合約沒有寫作品展示權、寫成果時沒留下數據來源。把這些步驟放進結案流程，案例頁的品質就會穩定下來。

上線前檢查清單與維護節奏

每一個案例頁上線前，用下面的清單逐項確認：

• 客戶已書面同意公開的名稱、照片、數據與回饋，同意紀錄已存檔
• 每張照片都確認過著作權歸屬，需要署名的已經標示
• 照片中的人物、門牌、車牌、文件與螢幕上的個資已遮蔽或取得同意
• 成果寫出期間、範圍與數據來源，沒有保證或誇大的用語
• 前後對照圖拍攝條件一致，並標示改善前與改善後
• 客戶回饋是客戶原話或經客戶確認的版本，利益關係已揭露
• 案例頁連到相關服務頁、相似案例與聯絡方式，服務頁也連回案例
• 在電腦版與手機版預覽，比較圖與圖片牆都能正常顯示

上線後建議每半年檢查一次：客戶是否仍同意公開、品牌名稱是否改變、案例提到的服務是否還提供。客戶要求下架時，依約定時間移除或改為匿名版；移除頁面後，記得處理原網址與站內連結，判斷方式請看noindex、canonical、301 怎麼選。

下一步：先從一個最有代表性的案子開始

把整篇濃縮成三件事：第一，挑選有代表性、可公開的案子，先取得客戶同意並確認照片與作品的著作權；第二，用客戶背景、挑戰、做法、成果、客戶回饋與下一步的架構寫出完整故事，成果寫出期間與條件，前後對照圖保持相同的拍攝條件；第三，客戶推薦要是真實意見，有利益關係就揭露，並讓案例頁和服務頁互相連結。

不知道從哪裡開始，就挑一個最滿意、客戶也最可能同意的案子，今天先寄出同意確認信。想了解 Sharing AI 架站平台的方案，可以從 Sharing AI 架站平台開始；如果希望由專業團隊協助規劃案例頁與網站內容，也歡迎直接與我們聯絡。