服務頁設計怎麼做？讓訪客看完就想詢價的 8 個內容區塊

首頁負責第一印象，但真正決定訪客會不會詢價的，通常是服務頁。可惜很多企業官網的服務頁只有一張圖加三行字：「我們提供專業的 OO 服務，歡迎來電洽詢。」訪客想知道的價格、流程、適不適合自己，一個都沒回答。服務頁設計做不好，訪客只好帶著疑問離開，去看下一家。

這篇文章結合 Nielsen Norman Group（NN/g）對 B2B 網站與信任感的研究，以及我們替台灣中小企業規劃服務頁的經驗，整理出一個服務頁（或產品頁）應該具備的 8 個內容區塊，以及排列的順序邏輯。

先理解：訪客在服務頁上想解決什麼？

NN/g 在〈B2B vs. B2C Websites: Key UX Differences〉中指出，企業採購的決策時間可能長達數週到數年，而且通常有多人參與；網站內容必須支援從初步研究到最終核准的每個階段。研究也把讀者分成兩類：

讀者類型	在意的事	服務頁要提供
決策者（老闆、主管）	成本、可靠度、投資報酬	價格參考、案例成果、保障條款
實際使用者（承辦、執行人員）	規格、日常使用、售後支援	服務內容細節、流程、技術規格

就算你做的是 B2C 服務，例如裝潢、搬家、美容療程，訪客也常常需要「回家問家人」或「跟老闆報告」。所以服務頁要能讓訪客把資訊轉述給別人——講得清楚、可截圖、可分享。

區塊一：一句話說清楚價值主張

頁面最上方用一句話回答：這是什麼服務、給誰、有什麼不同。 以假設的網站設計公司為例：「中小企業官網改版：4 週上線，含 SEO 基礎設定與一年維護。」比「打造您的數位品牌形象」具體得多。首屏怎麼安排標題與按鈕，可以參考首頁設計與首屏規劃，原則同樣適用於服務頁。

區塊二：適用對象與適用情境

列出 3–5 個典型情境，讓訪客對號入座：

網站超過 5 年沒改版，手機版跑版
有流量但幾乎沒有詢價
想自己更新內容，但目前每次都要找工程師

同時也可以誠實寫出不適合的情況。這不會嚇跑客戶，反而能篩掉不適合的詢價，讓業務時間花在對的人身上。

區塊三：價格資訊，給參考而不是空白

這是最多企業迴避、但訪客最想看的區塊。NN/g 早在〈Show Prices for Common Scenarios〉就指出，許多 B2B 網站隱藏價格或把價格弄得很複雜，但在研究初期，潛在客戶通常只需要大概的價格水準，就能決定要不要把你列入候選名單。

如果你的服務需要客製報價，NN/g 建議的替代做法包括：

常見情境的參考價：例如「20 坪老屋全室翻新，一般落在 OO–OO 萬」
起價：「基本方案新台幣 OO 元起」，並說明哪些需求會讓價格提高
價格區間：讓訪客在初期篩選時，知道你是否在預算範圍內

NN/g 也提醒，複雜的線上報價計算器常因為要填太多欄位而失敗，一張常見情境的價格表往往更好用。〈What B2B Designers Can Learn from B2C About Building Trust〉則建議，若有多種方案，用比較表清楚說明每個等級多了什麼。

區塊四：服務內容與交付項目

用清單列出具體交付什麼，避免模糊的「全方位服務」。如果是產品，列出規格、尺寸、相容性。NN/g 的研究特別指出，B2B 買家需要確認產品能否與現有系統整合、符合哪些標準與法規，缺少這些資訊是採購者的一大痛點。台灣情境例如：是否開立發票、是否符合某項檢驗標準、能否串接既有的 POS 或 ERP。

區塊五：合作流程與時程

用 4–6 個步驟呈現，從詢價到完成：

線上詢價或加 LINE 諮詢
需求訪談與現場評估
提供報價與時程
簽約與執行
驗收與交付
售後保固

每一步附上大約天數與客戶需要配合的事項。流程透明能大幅降低「不知道會發生什麼事」的焦慮。

區塊六：案例與客戶見證

NN/g 建議用案例研究、客戶推薦、示範與免付費試用來證明產品有效。服務頁的案例要與這個服務直接相關，不要放全公司所有作品。一則好案例包含：客戶原本的問題、做法、過程照片、成果。更多信任元素的做法，可以參考網站信任元素一文。

區塊七：常見問題

把業務每天在電話裡回答的問題整理成 FAQ：付款方式、能否分期、保固範圍、施工期間要不要在場、可以服務哪些縣市。NN/g 建議提供產品資訊時，不要讓使用者非得跟業務通話才能取得。FAQ 也能提升長尾搜尋的曝光，並可搭配結構化資料標記。

區塊八：清楚的詢價入口

詢價入口不只放在頁尾。建議：

首屏一個主要按鈕，例如「免費估價」
價格區塊與案例區塊後各放一次，在訪客動心的時機出現
提供多種管道：NN/g 建議至少提供 Email 與電話，台灣情境再加上 LINE 官方帳號
表單欄位精簡，並說明為什麼需要每一項資料；表單細節請參考表單設計

排列順序：依照訪客心中的問題

建議的閱讀順序是：「這是什麼 → 適合我嗎 → 多少錢 → 包含什麼 → 怎麼進行 → 別人做得好嗎 → 還有疑問 → 怎麼聯絡」。不同產業可以微調，例如高單價服務可以把案例往前移，先建立信任再談價格。

常見問題

我們的服務都是客製化，真的沒辦法公開價格怎麼辦？

可以公開「常見情境的參考價」或「起價」，並說明影響價格的因素，例如坪數、材質、急件。這樣訪客能判斷預算是否合適，也能減少預算差距太大的無效詢價，業務溝通效率反而提高。

服務頁要一個服務一頁，還是全部放在同一頁？

建議每個主要服務各自獨立一頁。這樣每頁能針對特定需求寫得更深入，也能對應不同的搜尋關鍵字。總覽頁再用卡片連到各服務頁，讓訪客快速找到自己需要的。

服務頁內容很長，會不會沒人看完？

訪客確實多半是掃讀，所以要用清楚的小標題、清單與表格切分，讓他能跳到在意的區塊。內容完整不是問題，難以掃讀才是問題。關鍵資訊與詢價按鈕要分散在頁面中，不必等到最後。

結語：服務頁要替業務先回答問題

好的服務頁設計，就像一位隨時待命的業務：先說清楚你提供什麼、適合誰、大約多少錢、怎麼合作，再用案例證明你做得到。訪客心中的疑問都有了答案，詢價自然水到渠成。回到全貌，可以參考企業官網設計完整指南。

如果你希望官網不只是門面、而是能穩定帶來詢價，網軍行銷的名單開發網站服務會從服務頁內容架構開始，一起規劃轉換流程。

參考資料

Nielsen Norman Group，B2B vs. B2C Websites: Key UX Differences：https://www.nngroup.com/articles/b2b-vs-b2c/
Nielsen Norman Group，Show Prices for Common Scenarios：https://www.nngroup.com/articles/show-prices-for-common-scenarios/
Nielsen Norman Group，What B2B Designers Can Learn from B2C About Building Trust：https://www.nngroup.com/articles/b2b-trust-from-b2c/
Nielsen Norman Group，Trustworthiness in Web Design: 4 Credibility Factors：https://www.nngroup.com/articles/trustworthy-design/