詢問客製化網站費用時,常見做法是先報首頁、內頁與功能頁數,再乘上一個單價。這種算法適合非常單純且內容已確定的網站,卻難以反映真正的工作量:十個共用版型的文章頁,與十個各有表單狀態、權限和資料關聯的頁面,雖然頁數相同,規劃、開發與測試範圍完全不同。

比較客製化網站報價,不必先相信某個固定行情。更可靠的方式是把範圍拆成「頁型、資料、狀態、非功能需求、交付責任」五個部分,再要求供應商寫出估價假設。如此即使不同團隊採用不同技術或計價方式,也能看懂差異來自哪裡。

頁數改成頁型,避免重複計價或低估

頁面數是網站最後呈現的網址數量;頁型則是需要獨立設計、欄位與規則的一組模板。新聞列表和新聞內頁是兩種頁型,但可以產生數百個網址;反過來,首頁雖只有一頁,卻可能包含多種內容模組與互動狀態。詢價表應同時列出預計網址數與頁型數,不要混為一談。

每個頁型至少記錄用途、主要使用者、內容欄位、資料來源、操作、空白狀態、錯誤狀態與下一步。例如課程內頁可能有摘要、日期、名額狀態、講師、地點與報名入口;額滿、取消、尚未開放和報名成功都需要不同呈現。若報價只包含「課程頁一式」,卻沒說這些狀態,開發中才發現的規則就容易變成追加項目。

「森嶼環境學苑」(forestisle-environment)案例有六門環境課程、梯次與名額狀態,報名後還能在「我的報名」自助查詢。它說明估價單位不能停在六個課程頁:課程內容、梯次、名額與報名紀錄是不同資料,使用者也會經過查找、報名及查詢等不同任務。案例不代表其他網站需要同樣數量,而是示範如何把一個頁面名稱拆成可討論的資料與狀態。

資料量與整理責任要另外估

客製網站常把內容建置藏在「後台」或「資料上稿」一行中,但搬十篇格式一致的文章,和整理多年累積的 PDF、影音、圖片及分類,工作量差距很大。盤點時應記錄每種資料的現有數量、格式、缺漏、是否要改寫、圖片是否具備替代文字,以及誰負責確認正確性。

內容責任也要拆開:案主提供原始資料、供應商建立欄位、誰進行清理與匯入、誰抽查、錯誤如何退回。若數量尚未確定,可先約定抽樣方式與重新估價條件,不要把未知資料量硬塞成總價。這樣既不需要猜測市場數字,也能避免上線前才發現大量人工整理沒有包含在合約中。

「曦谷共好教會」(dayvale-church)案例涵蓋近四十種頁面路由,內容包含聚會、課程、影音與最新動態,另有課程報名、線上奉獻、無障礙友善版和站內搜尋。這類網站的成本來源不是「頁面多」三個字,而是內容類型、發布流程、查找方式與交易或報名任務彼此交會。估價時可把每種內容的欄位、維護角色及測試任務獨立列出。

非功能需求也要變成可驗收項目

版面完成並不等於網站已可交付。效能、無障礙、瀏覽器支援、搜尋可見性、備份與錯誤處理,都可能需要設計、工程及測試工時。若合約只寫「速度快」或「符合無障礙」,雙方無法知道要測哪些頁、用什麼環境、通過標準為何。

W3C 的 Easy Checks提供初步檢查方向,包括圖片替代文字、頁面標題、標題結構、色彩對比、跳至主要內容、鍵盤焦點、頁面語言、縮放及表單標籤。文件也明確提醒,這些快速檢查並不完整,頁面即使通過仍可能存在障礙。因此報價可把「基礎逐頁檢查」與「較完整的無障礙評估」分開,並說明抽測頁型、人工測試與修正輪次。

效能也應寫成測量責任,而非抽象形容。web.dev 的 Web Vitals 文件將 Core Web Vitals 對應到載入、互動與視覺穩定,並區分實際使用者的現場資料與開發階段的實驗室測量;文件指出實驗室測試適合在發布前發現退步,但不能取代現場資料。需求書因此應說明上線前測哪些代表頁、使用何種工具與環境,上線後是否持續量測,以及圖片、追蹤碼或第三方元件加入後由誰處理退步。

把功能拆成正常、例外與復原路徑

每個互動功能至少有三類工作:正常完成、發生錯誤、事後查詢或復原。以聯絡表單為例,除了成功寄出,還要處理必填欄位、格式錯誤、重複送出、寄送失敗、收件人更換與個資保存方式。以課程報名為例,則可能有額滿、取消、重複報名、查詢不到與管理者修正。

估價表可以用情境句描述:「當使用者缺少必填資料時,畫面指出欄位並保留其他已填內容」;「當通知寄送失敗時,系統留下可追查狀態」;「管理者能下架內容而不破壞既有網址」。情境比「表單一組」更容易測試,也能提早暴露是否需要後台、紀錄或第三方服務。

用證據矩陣比較報價,而不是只比總額

最後建立一張證據矩陣。每一列寫需求、交付物、驗收方法、責任人、前提、排除項目與變更方式。例如「課程內頁」的交付物包含模板與欄位;驗收要測開放、額滿及取消狀態;案主需提供內容;歷史資料大量清理若未包含,就明確列為選配。「網站效能」則列代表頁、測試工具、測試時點與上線後責任。

報價的高低只有在範圍相同時才有比較意義。某方案可能價格較低,但內容整理、錯誤狀態、行動裝置測試與交接都由案主承擔;另一方案把這些工作列為交付物,總額自然不同。先把頁型、資料量、狀態和驗收證據寫清楚,客製化網站費用就能從模糊的一口價,變成可追蹤、可取捨也可驗收的專案預算。