網頁設計費用：報價差距多半來自範圍認定，不是單價高低

TL;DR

• 網頁設計沒有公定價，報價差距多半來自「範圍認定不同」，而不是單價高低。
• 費用由五個部分組成：視覺設計、前端實作、內容製作、功能開發、基礎設施與維護。其中內容製作最常被低估。
• 同一筆預算可以買到規模完全不同的專案。判斷報價是否合理，要看範圍寫得清不清楚，而非直接比較總價。
• 三個最常被略過卻影響最大的項目：文案與圖片由誰準備、修改次數如何界定、上線後的維護與續約。
• 預算有限時，分配順序建議為內容、技術正確性、功能、視覺獨特性；多數人的實際做法恰好相反。
• 需求若落在標準功能範圍內，客製化多付的費用不會換來對等的效益。

目錄

• 為什麼同一個需求，報價可以差到十倍
• 費用的五個組成部分
• 四種合作方式，成本結構完全不同
• 預算有限時的分配順序
• 報價單上最常被略過的三個項目
• 客製化開發不具對等效益的三種情況
• 公開報價與否，業界做法並不一致
• 拿到報價之後，可以逐項確認的事

引言

準備委外製作網站的人，多半會在同一個環節停下來：問了三家，拿回三個差距很大的數字，卻無法判斷哪一個合理。有人報五千，有人報八萬，中間那家報三萬五。三份報價單上寫的都是「企業形象網站」，交付項目看起來也差不多。

這種落差容易被解讀成有人開價太高，或有人偷工減料。實際上，多數情況兩者都不是。真正的原因是「網站」這個詞本身涵蓋的範圍太寬，寬到雙方在界定範圍之前，指涉的其實是不同規模的專案。

這篇文章不提供一張對照表告訴大家某種網站該值多少錢，因為那樣的表格容易失真。它要處理的是更前面一層的問題：費用究竟由什麼決定，報價單上哪些項目容易被忽略，以及在什麼條件下多付的費用確實換得到對等的品質。

為什麼同一個需求，報價可以差到十倍

先看一個實際會發生的情況。一間工作室說「想做一個介紹服務的網站，大概五頁」，三家廠商聽到的可能是：

第一家理解成：套用一組既有版型，把五頁的文字與圖片放進去，手機版能正常顯示，交付完成。

第二家理解成：先做需求訪談，確認五個頁面各自要達成什麼目的，重新規劃版面配置與資訊層次，設計稿確認後再進行前端實作，並且協助調整文案結構。

第三家理解成：除了上述工作，還要為這個網站建立內容管理後台（一套讓非技術人員也能登入修改網站文字與圖片的介面，不需要重新委託廠商改版），讓業主日後可自行新增服務項目與案例，同時處理搜尋引擎收錄所需的技術設定。

三種理解都符合「五頁的服務介紹網站」這句話。工作量相差數倍，報價自然相差數倍。誠信與否在這裡並非重點。同一句需求描述本來就可以合理地展開成不同規模的專案，三家廠商各自依照自己的作業方式去理解，得到的結論自然不同。不同團隊的專長與作業模式差異，可參考網頁設計公司推薦一文的整理。

報價買的不是網站，是一段被明確界定的範圍。 落差如果沒有在報價階段被指認出來，就會延後到專案中期才爆發，屆時處理成本更高，雙方也更難達成共識——因為那時已經投入的時間與費用，會讓任何一方都難以退讓。

所以比較報價的第一步應該是把三份報價單的範圍欄位排在一起看，而非直接比較總價。範圍不對齊的時候，價格沒有可比性。

費用的五個組成部分

網頁設計的費用可以拆成五個相對獨立的部分。理解這五項各自的成本邏輯，比記住任何價格區間都有用，因為每一項的變動幅度不同，而且不一定會同時發生。

以下逐項說明。

一、視覺設計

指的是網站看起來的樣子：版面配置、色彩、字體、圖像處理與互動細節。這一項的成本差異最大，通常分成三個層級。

套用既有版型是成本最低的做法。設計工作已經預先完成，執行時只需要替換文字與圖片、調整顏色。優點是可預期、時程短；限制是版面結構已經固定，內容必須配合版型，而不是版型配合內容。

半客製是在既有架構上重新設計視覺表現。骨架沿用經過驗證的版面邏輯，但配色、字體、首頁的呈現方式依品牌重新處理。這是多數中小型專案的實際落點。

全客製則是從空白開始規劃每一頁的版面。這種做法適用於品牌識別要求高、或既有版型無法承載其資訊結構的專案。成本高的原因不只在於設計時數，還在於設計稿確認的來回次數通常更多，而每一次修改都會往後推遲前端實作的起始時間。

二、前端實作

把設計稿變成瀏覽器能正確顯示的網頁。影響成本的因素包括頁面數量、互動效果的複雜程度，以及需要支援的螢幕尺寸範圍。

這裡有一個容易被低估的部分：響應式設計（Responsive Web Design，指同一個網站在桌機、平板、手機上都能自動調整版面並維持可讀性）不是把桌機版縮小就完成的。桌機的三欄式排列在手機上必須重新決定順序，圖片的裁切位置要重新設定，導覽列往往需要換一套操作邏輯。這部分的工作量會隨著版面複雜度上升，但因為它在報價單上通常只佔一行，很容易被當成附帶項目。

三、內容製作

文案撰寫、圖片拍攝或選用、影片剪輯、多語系翻譯。這是所有項目裡最常被低估的一項，而且被低估的方式很特殊：它不是被估得太便宜，而是根本沒有被列進預算。

多數報價會註明「文案與圖片由業主提供」。這句話在簽約當下看起來很合理，直到專案進行到第三週，發現十二個服務項目的介紹文字還是空白，而網站沒有內容就無法上線。此時的選擇只有兩個：自行補齊，或追加委託撰寫。前者消耗的是內部時間，後者是預算外的支出，但兩者都是成本。

就渥合數位承接專案的經驗而言，時程能否如期，關鍵多半不在開發端，而在委託方的資料與文案準備速度。這一點在需求訪談階段就應明確處理，而不是留到執行中期才發現。

四、功能開發

超出「展示資訊」以外的一切，都屬於這一類：聯絡表單、線上預約、會員系統、購物車與金流串接（把網站與信用卡、行動支付等收款服務連接起來，使訂單能在網站上直接完成付款）、與既有系統之間的資料交換。

功能的成本不是線性累加的。單獨看，線上預約可能只是一個日曆加一張表單；但一旦牽涉到時段衝突處理、取消規則、通知信件、以及後台的預約管理介面，工作量會迅速擴張。評估功能成本時，比較有效的問法是「這個功能完整運作起來，需要多少個相關環節配合」，而非單問該功能的報價。

也因為如此，功能需求最適合分階段處理。先上線核心功能，觀察實際使用情況再決定要不要擴充，通常比一次建置到位更節省。

五、基礎設施與維護

網域名稱、主機或雲端服務、SSL 憑證（讓網址前面出現 https 的加密憑證，也是搜尋引擎與瀏覽器的基本要求）、備份機制、安全性更新。

這一項的特徵是金額不大但持續發生。它常被排除在報價之外，以「另計」兩個字帶過。實務上建議在報價階段就把第一年與後續年度的費用分開列出，許多合作在第二年才出現爭議，問題通常不在費用高低，而在於當初雙方都沒有把它列入討論。

四種合作方式，成本結構完全不同

前面五個組成部分，會依照合作方式的不同而重新組合。以下用渥合數位公開的方案作為具體參照，說明每一種方式的成本結構為什麼不同、以及各自適合什麼樣的需求。這些是本站的實際定價，其他團隊的做法與級距會有差異，但結構上的邏輯是共通的。

一頁式網站：NT$5,000 起／案

所有內容集中在單一頁面，透過捲動依序呈現。適合活動介紹、個人品牌、單一服務的說明。

成本之所以能壓低，關鍵在於兩件事：頁面只有一個，前端實作與版面規劃的工作量固定；以及文案與圖片由委託方自行準備。這並非在品質上做取捨；內容製作這一項被移出了報價範圍，改由委託方自行承擔。 素材齊全的情況下，這類專案通常一到兩週內可以完成。

限制也很明確：資訊量一旦超過單一頁面能承載的範圍，閱讀動線會變得混亂，而搜尋引擎能夠針對不同主題收錄的頁面也只有一個。

自助架站平台：NT$5,999 起／年

由平台提供已經完成的模組——多頁內容、線上預約、會員管理、商品展示——委託方在後台填入自己的內容。

這種方式的成本結構與前面幾種完全不同：開發成本由所有使用者共同分攤，因此單一使用者付出的是年費而非開發費。連帶的好處是後續調整不需要重新報價，內容可自行編修。

適用前提是需求落在平台既有模組的範圍內。這個前提比多數人預期的更常成立——形象展示、預約、會員、商品陳列這幾類需求，在不同產業之間的差異多半在於文案與視覺，而不在於功能邏輯。

客製化網站設計：NT$25,000 起

獨立視覺設計、特殊的業務流程、系統串接或多語系架構。製作時程約四到八週，含上線後一年的維護，完整的製作流程列在網頁設計服務頁。

客製化的價值在於它能處理標準模組涵蓋不到的情況，而不在於整體品質必然較高。如果一間公司的報價流程需要客戶依序選擇十幾種規格參數才能送出詢價，那是模組做不到的，客製化才有意義。反過來說，如果需求本身就是常見的形象展示，客製化多出來的費用買到的主要是視覺獨特性，而不是功能上的差別。

只做優化，不重做網站：NT$15,000–50,000／月

網站已經存在，需要的是持續提升在搜尋引擎與 AI 系統中的能見度。這一類服務的計費方式是月費而非專案費，原因在於它的工作性質是持續的——內容規劃、技術調整、成效追蹤、依據數據修正方向，沒有一次做完的時點。

這裡需要一個但書：搜尋能見度的成長速度受制於許多外部因素，包括競爭者的動作與搜尋引擎自身的演算法調整，這些都不在服務商的控制範圍內。 承諾特定排名的說法在技術上難以成立，評估這類服務時，應該看的是工作項目與報告方式是否具體，而不是承諾的結果有多好。

預算有限時的分配順序

多數討論停在「要花多少錢」，但對預算有限的情況而言，分配方式比總額更影響最終結果。同樣的十萬元，放在不同項目上，得到的成果差距很大。

依實務經驗，建議的優先順序如下。

第一順位是內容。 文案與照片是唯一無法靠版型或技術補救的部分。版面不夠精緻，網站仍然可用；服務說明寫得含糊、照片模糊或與實際場地不符，訪客會直接離開，後續投入的所有優化都失去著力點。若預算緊繃，把一部分費用改用於文案撰寫或商業攝影，效益通常高於升級版型。

第二順位是技術正確性。 具體指的是搜尋引擎能夠正常讀取頁面內容、手機上的操作沒有障礙、載入速度在可接受範圍內。這些項目的共同特徵是「做到位不會被稱讚，沒做到卻會持續造成損失」，而且多數問題在網站上線初期不易察覺，往往要等到幾個月後發現流量始終沒有起色，回頭檢查才發現原因。

第三順位是功能。 只開發目前確定會使用的功能。線上預約、會員系統、金流這些項目的成本會隨著配套環節增加而放大，若尚未確定實際使用頻率，先以較簡單的方式承接（例如表單加人工確認），等流程穩定後再評估自動化。

第四順位才是視覺獨特性。 這個順序容易引起反對，因為視覺是最直接被看見的部分。但值得注意的是：前三項沒有做好會造成實質損失，第四項沒有做好只是不夠突出。在品牌識別本身就是核心競爭條件的產業（設計、精品、餐飲空間），這個順序應該往前調整；多數提供專業服務的公司則不在此列。

四個順位的差別，關鍵在於「沒有做好」時的後果不同。

實際上，多數人的預算分配順序恰好與此相反：先決定版型與視覺的等級，剩下的預算再處理內容，技術細節則假設「應該有包含在裡面」。這也是為什麼許多外觀完整的網站，上線一年後仍然沒有帶來詢問。

以上四種方式的差異，整理如下。

需要留意的是，這四種方式並非依品質高低排列，而是各自對應不同的需求型態。選擇的依據應該是需求落在哪一個範圍，而非預算能負擔到哪一級。

報價單上最常被略過的三個項目

以下三項不一定會出現在報價單上，但它們對最終的實際支出影響很大。在確認報價之前逐項問清楚，可以避開多數後續爭議。

文案與圖片由誰準備

前面已經提過這一項的重要性，這裡補充判斷方式。報價單若寫「文案由業主提供」，需要確認的是提供到什麼程度：是提供大綱由設計方潤飾，還是必須提供可直接上線的完整文字？兩者的工作量差距很大，也決定了專案能不能如期進行。

圖片同理。「業主提供圖片」與「業主提供可商用、解析度足夠、比例符合版型需求的圖片」是兩件事。手機隨手拍的照片放進首頁主視覺，最終呈現效果會與設計稿有明顯落差，而這通常要到專案後期才會被發現。

修改次數與範圍如何界定

多數報價會包含一定次數的修改。需要釐清的是「一次修改」如何計算，以及哪些調整算在範圍內。

調整按鈕顏色與重新規劃首頁的資訊順序，都可以被稱為「修改」，但工作量相差極大。實務上爭議最常發生在專案後期：設計稿早已確認、前端也做完了，此時提出的版面調整往往需要回頭改動已完成的部分，而委託方看到的只是「換一個位置」。比較務實的界定方式是依階段區分：設計稿確認前的調整不限次數，確認後若要更動版面結構則另行計算。這種寫法對雙方都清楚，也能促使設計稿確認階段被認真對待。

上線之後由誰維護

網站上線不是終點。程式套件需要更新、憑證需要續期、資料需要備份、內容需要調整。這些工作若沒有事先約定歸屬，通常會在出問題的當下才被提起。

需要確認的具體項目包括：免費維護期有多長、涵蓋哪些工作、期滿後的續約費用如何計算、以及緊急狀況的回應方式。這一項在簽約時最容易被視為次要，卻是決定第二年之後總持有成本的主要因素。

客製化開發不具對等效益的三種情況

以下三種情況，選擇客製化開發通常無法換得對等的效益。這不是說客製化本身有問題，而是它的優勢在這些前提下發揮不出來。

需求完全落在標準功能範圍內。 品牌介紹、服務說明、案例展示、聯絡表單、線上預約——這些需求在既有平台上多半已經有成熟的模組。客製化重做一次，得到的功能是相同的，差別在視覺獨特性。若品牌識別本身不是主要的競爭條件，這筆差額的效益有限。

內容尚未準備好。 網站的成效主要由內容決定，版型的影響相對次要。在服務說明、案例資料、產品資訊都還沒整理完成的階段投入客製化開發，最可能的結果是做出一個結構完整但內容空洞的網站。比較合理的順序是先用成本較低的方式上線，同時累積內容，等內容規模與方向都穩定之後，再評估是否需要重做。

商業模式仍在驗證階段。 服務項目、定價方式、目標客群都還在調整的時期，網站的結構也會跟著頻繁變動。此時投入客製化開發，每一次調整都需要重新委託。用可自行編修的方式先上線，保留調整彈性，通常更符合這個階段的需要。

公開報價與否，業界做法並不一致

值得說明的是，並非所有團隊都會公開價格，而且不公開也有其道理。

需求差異大的服務，公開單一數字容易造成誤讀。標示「網站製作五萬元起」，實際上可能因為功能需求不同而落在五萬到二十萬之間，起始價反而讓人低估總預算。也有團隊認為，價格應該在理解需求之後再談，過早提出數字會讓討論焦點偏向比價，而不是釐清真正需要什麼。

這些理由都成立。因此「不公開報價」並不等於不透明，判斷依據應該放在另一個地方：在需求訪談之後、簽約之前，對方是否提供了逐項列出的書面報價，以及那份報價有沒有把範圍寫清楚。 這一點比價格是否公開在網頁上更能反映合作品質。

同樣地，報價偏低本身也不是警訊。真正需要留意的是範圍界定模糊的報價——無論價格高低，範圍不清楚都會在專案中後期產生額外成本，而那時的處理難度遠高於報價階段。

拿到報價之後，可以逐項確認的事

以下問題可以直接向報價方提出。它們不會讓討論變得對立，反而通常會讓雙方更快對齊認知。

1. 這份報價包含幾個頁面？超出的部分如何計算？
2. 文案與圖片由哪一方準備？需要準備到什麼程度？
3. 設計稿確認前後的修改，分別如何界定與計費？
4. 網域、主機、憑證的第一年費用是否包含在內？第二年起如何計算？
5. 免費維護期多長、涵蓋哪些項目？期滿後的續約方式為何？
6. 網站完成後，內容可以自行編修的範圍到哪裡？
7. 專案期間的對接窗口是誰？回覆的時間範圍為何？
8. 若中途需要調整需求，變更的處理與計費流程為何？

把三份報價按照這八個項目逐一對照，價格的差異通常就有了解釋。若差異依然無法解釋，那多半代表某一份報價的範圍還沒有被寫清楚，此時應該回頭釐清，而不是直接依總價做決定。

報價單上的數字通常不是專案裡最昂貴的部分。真正昂貴的，是交付之後才發現方向不對、必須重來的那一次。

網頁設計的四種合作方式、各自的費用區間與完整製作流程，整理在網頁設計服務頁；在台南地區的合作方式另列於台南網頁設計。若需要就特定需求討論範圍與預算，也可以直接聯絡我們。