桌上攤開的網頁設計報價單與計算機,逐行核對設計、前端、後端與維運費用

網頁設計報價單逐行拆解:七個計價區塊與最常被藏起來的幾行

自由揚John11 分鐘閱讀
複製引文

恆遠每個月都會看到客戶把兩三份網頁設計報價單並排傳過來,問同一句話:「為什麼一家報八萬、一家報三十五萬,做的東西聽起來一模一樣?」我們把這些報價單看多了之後發現,價差通常不在設計功力,而在同一份報價單上有七個計價區塊,便宜那份把其中四個寫成一行「其他」,或者乾脆沒寫。

所以這篇要做的事很具體:把一份網頁設計報價單逐行拆開,告訴你每一個區塊在賣什麼、市場上大概怎麼計價、哪幾行沒寫清楚會在上線後變成追加款。看完你手上那幾份報價單應該就能自己比。

這件事值得花時間。台灣經濟研究院與各家數位行銷產業調查長年指出,中小企業官網改版的實際支出經常超出原始預算三成以上,超支的來源集中在「當初以為有包」的項目。報價單看懂一次,省下來的通常比議價還多。

桌上攤開的網頁設計報價單與計算機,逐行核對設計、前端、後端與維運費用
桌上攤開的網頁設計報價單與計算機,逐行核對設計、前端、後端與維運費用

網頁設計報價單只要看三件事,就能判斷值不值得談

先講結論:拿到報價單先看三件事,有沒有分項、CMS 誰能改、維運怎麼算。這三行決定了你未來三年的總花費,其他都是細節。

為什麼是這三件。分項決定你有沒有議價空間,只給總價的報價單你只能砍總額,砍完廠商會自己決定省哪裡。CMS 誰能改決定你之後改一行字要不要付錢。維運怎麼算決定第二年開始每個月固定支出多少。設計費反而是最容易估、爭議最少的一項。

下面這張表把一份完整的網頁設計報價單該有的七個區塊列出來,你可以直接拿去對照手上那幾份,缺哪幾行就知道要問什麼。

計價區塊

常見計價方式

中小企業常見區間

沒寫清楚的後果

企劃與資訊架構

專案計價或含在設計費

1 到 5 萬

頁面數量認定不同,後面每頁加價

視覺設計

依頁數或版型數

每頁 3 千到 1.5 萬

改稿無上限,設計期無限延長

前端切版

依頁數,RWD 通常另計

每頁 3 千到 1 萬

手機版變成追加項目

後端與 CMS

依功能模組

5 到 40 萬

只能改文字,換圖要找廠商

功能串接

依接口數量

每支 2 到 10 萬

被寫進「其他」,上線前才報價

SEO 與上線設定

含在專案或另計

0 到 5 萬

只做了基本標籤就算交付

維運與主機

月費或年費

每月 1 千到 1.5 萬

報價單上是空白,第二年才知道

接下來逐區塊拆,每一節都會給你一句可以直接複製進 email 問廠商的話。

視覺設計費:改稿次數沒寫在報價單上,就是無底洞

設計這一欄的重點在改稿次數上限有沒有寫進報價單,單價高低反而其次。單價再便宜,改稿沒上限,最後付出的時間成本你自己吃。

台灣市場的設計費多半用頁數或版型數計價。要注意「頁數」跟「版型數」是兩種算法:十個產品頁如果共用同一個版型,只算一個版型;有些廠商卻按十頁報。這一行問清楚,價差可以到三倍。

設計費常見寫法的白話翻譯

報價單上這樣寫

實際代表什麼

你該追問什麼

網站設計 10 頁 / 8 萬

可能是 10 個版型,也可能是 10 頁共用 3 個版型

這 10 頁是幾個版型?之後多一頁多少錢

含精美視覺設計

沒有定義,改稿次數也沒定義

改稿幾輪?第幾輪之後開始計費

依客戶需求客製

範圍完全開放,通常代表報價會浮動

現在這個價包含哪幾頁?超出怎麼算

參考版型微調

套版,設計自由度低

版型從哪裡來?可以改到什麼程度

首頁設計 3 萬、內頁每頁 5 千

分項清楚,這是好的寫法

確認內頁是不是共用版型

實務上合理的合約寫法是「線框圖兩輪、視覺稿三輪,超出依人天計價」。這句話對雙方都是保護,你不會被拖,廠商也不會被無限改。

⚠️一句話拿去問廠商

「這個報價包含幾個版型、幾輪改稿?第幾輪之後開始另外計費?」報價單上沒有這兩個數字,代表這一欄的價格只是參考值。

前端切版:RWD 跟動畫效果是兩筆不同的錢

前端這一欄先確認一件事:手機版有沒有含在裡面。台灣還是有報價單把 RWD 列成選配,你不問就是沒有。

Google 從行動優先索引上路之後,手機版本身就是主要的被索引版本,沒有 RWD 等於直接放棄大部分自然流量。這在 Google Search Central 的行動裝置相容說明 裡講得很清楚。所以 RWD 現在應該當成基本盤,被列成加價項目時你有充分理由要求含進去。

另外一個容易被混在一起的是動態效果。滑入淡出、數字跑動、視差捲動這些要額外的前端工時,跟切版是分開的兩筆。報價單只寫「前端切版」而簡報上放了一堆動畫示意,這中間的落差通常在開發到一半才會浮上檯面。

前端項目

算基本盤還是加價

沒談清楚會怎樣

RWD 響應式(手機、平板)

基本盤,應含在報價內

手機版變成第二期,SEO 直接受影響

跨瀏覽器相容

基本盤,但要寫明支援到哪幾版

舊版瀏覽器跑版,廠商說不在範圍

進場動畫、視差捲動

加價,依效果複雜度

簡報有、報價沒有,開發期才吵

無障礙(WCAG)

加價,政府與公協會案常要求

驗收才發現不符規範,整批重做

網站效能優化(Core Web Vitals)

多半加價

上線後速度差,排名上不去

效能這一項在報價單上常被忽略,但它跟排名直接相關。想知道實際要調哪些東西,可以看網站搬家不掉排名 SOP裡的體檢清單,改版跟搬家要顧的項目高度重疊。

後端與 CMS:誰能改、能改哪裡,決定你未來三年的成本

這一欄是整份網頁設計報價單裡最貴、也最容易被含糊帶過的一段。判斷方式只有一句:上線後你自己能改到什麼程度。

我們的看法可能跟不少同業不同:對大多數中小企業來說,「什麼都能改」的後台其實是負擔,不是資產。全客製後台把每個區塊都做成可編輯,價格翻倍、介面複雜到沒人敢動,最後還是回頭找廠商。實務上比較划算的做法是把真正會每月更動的東西(文章、產品、banner)做成可編輯,其餘固定,價格跟可維護性都比較健康。

CMS 做法

你能自己改什麼

價格影響

適合誰

純靜態,無後台

什麼都不能改,要找廠商

最便宜

一年改不到兩次的形象站

WordPress 套版

文章、圖片、部分區塊

預算有限、內容更新頻繁

WordPress 客製主題

文章、產品、指定區塊

多數中小企業官網

客製 CMS(Payload、Strapi 等)

依當初定義的欄位

中高

有特殊資料結構或要接系統

全客製後台

幾乎全部

電商、會員站、內部系統整合

報價單上如果只寫「含後台管理系統」,一定要追問一句:哪些頁面、哪些欄位可以自己改?把答案寫進附件。這一句話的價值,通常等於未來三年好幾萬的維護費。

如果你正在猶豫套版跟客製,兩邊的費用區間與適用情境在客製化網站 vs 套版怎麼選有完整對照;純粹想知道客製化網站的費用結構,看網站架設費用整理表

金流、會員、系統串接:這一段最常被寫成「其他」

串接項目要一支一支列,寫成一行「其他系統串接」的報價單,這一欄基本上等於沒有報價。

原因是每支接口的工時差距極大。接一個綠界金流可能兩天,接一套用了十五年、沒有正式 API 文件的 ERP 可能兩個月。把它們合併成一行,代表廠商自己也還沒評估,上線前補一張追加單的機率很高。

恆遠自己出報價單也是這樣拆的。我們目前 40+ 企業客製案落地,串接這一段一律一支一行,連對方有沒有 API 文件都寫在備註欄,因為我們被自己含糊的估算坑過:早期有個案子把「接客戶既有進銷存」寫成一行,實際接的時候才發現對方只提供每天一次的 CSV 匯出,整段資料同步邏輯要重做。那次之後我們就把「對方系統的介接方式」列成報價單的必填欄位,寧可詢價階段多花兩天確認,也不要開發到一半才發現方向錯了。

要求分項的問法很簡單:請把要串的每一個系統列成一行,各自標工時與價格,並註明對方是否提供 API 文件。廠商如果連對方有沒有 API 都答不出來,這一段的報價就還不能當數字看。

串接項目

常見難度

報價單上該有的資訊

金流(綠界、藍新、Stripe)

接哪一家、支援哪些付款方式、測試環境誰申請

物流(黑貓、超商取貨)

接哪幾家、是否含退貨流程

電子發票

接哪一家加值中心、是否含作廢與折讓

會員與第三方登入

要接哪幾個平台、是否含既有會員資料轉移

既有 ERP / 進銷存

對方系統名稱版本、有無 API 文件、由誰負責對接窗口

行銷工具(GA4、Meta Pixel、電子報)

要裝哪幾個、是否含事件追蹤設定

串接的計價邏輯跟一般頁面完全不同,六種常見計費模式與隱藏成本在SaaS 接口整合費用完整拆解有拆解,發包前值得先看過。

SEO 與上線設定:常被當贈品,但送的通常只有基本標籤

報價單上寫「含基礎 SEO 設定」的時候,八成指的是幫你填 title 跟 description,加上送出 sitemap。這不是騙人,只是跟你以為的 SEO 不是同一件事。

技術面的上線設定該包含哪些,其實有一份可以逐項打勾的清單。你把這張表附在詢價信裡,回覆的品質會立刻拉開差距。

上線前設定項目

多數報價單有含

值得另外確認

title / description 撰寫

通常有

是每頁都寫,還是只寫首頁

sitemap.xml 與 robots.txt

通常有

Google Search Console 與 GA4 綁定

多半有

是否含轉換事件設定

結構化資料(Schema)

多半沒有

至少要有 Organization 與麵包屑

舊站 301 轉址對照表

改版案必要,常漏

有舊站就一定要問,漏掉排名會掉

Core Web Vitals 達標

多半沒有

要不要列入驗收標準

圖片壓縮與 alt 文字

多半沒有

內容多的站影響很大

結構化資料這一項現在的重要性比幾年前高很多。搜尋結果頁的呈現方式越來越依賴這些標記,AI 搜尋引擎抓取內容時也大量依賴它判斷頁面在講什麼。以中小企業官網來說,至少要有 Organization、麵包屑與聯絡資訊三組,服務業再加 LocalBusiness,成本很低但長期效益明顯。報價單上沒列,就當面問一句要不要加。

改版案最不能漏的是 301 轉址對照表。舊網址如果沒有一對一導到新網址,累積多年的排名會在上線那天蒸發,這是我們看過最貴的一次「省下來」。

維運與主機:報價單上最貴的一行,往往是空白的那行

維運費要用三年總額來看,不是看月費數字大小。一個月三千看起來不多,三年是十萬八,可能比當初的設計費還高。

要問清楚的是這筆錢買到什麼。同樣月費三千,有的只含主機與 SSL,有的含每月安全更新、備份還原與一定時數的小修改。差別很大,報價單上必須列出來。

維運項目

基本方案通常有

要另外確認

主機、網域、SSL 憑證

誰持有帳號?未來要搬家拿不拿得到

每日備份與還原

多半有

保留幾天?還原要收費嗎

CMS 與外掛安全更新

看方案

多久一次?出事誰負責

每月小修改時數

多半沒有

含幾小時?沒用完會累積嗎

問題回報回應時間

多半沒寫

上班時間內幾小時回覆

帳號歸屬這一項要特別留意。網域、主機、GA4、Search Console 如果都掛在廠商名下,等於你的資產在別人手上。合約裡寫一句「所有帳號之所有權歸甲方,廠商以管理員身分協助管理」就能解決。

還有一個常被忽略的成本是「內容誰來更新」。很多老闆算完維運費覺得可以接受,上線半年後才發現網站三個月沒動過,因為公司內部沒有人被指派這件事。這不是報價單的問題,但它會決定這筆錢花得值不值得。發包前先在內部指定一個人負責內容,比多買一個功能實在。

維運合約的三種模式與十二條必看條款,另外一篇寫得比較完整:軟體外包驗收後的維運合約怎麼簽

收到兩家報價差三倍時,該問的三個問題

價差三倍先別急著選便宜的,也別假設貴的比較好。用三個問題就能判斷差在哪。

第一題:這個價包含哪幾個版型、幾輪改稿?便宜的報價常常是版型數少一半、改稿只有一輪。

第二題:後台我能自己改哪些欄位?便宜方案多半是純靜態或最陽春的套版,之後每次改字都要付錢,三年攤下來未必便宜。

第三題:維運從第幾個月開始收、一年多少?這一題最常問出真正的價差。有些報價把第一年維運含在專案裡,有些從第二個月就開始計。

價差來源

怎麼驗證

誰比較划算

版型數量不同

要求列出版型清單

看你實際需要幾種頁面

RWD 是否含在內

直接問手機版有沒有含

含在內的那家

CMS 可編輯範圍

要求列出可編輯欄位附件

看你多久要改一次內容

串接項目是否分項

要求每支接口獨立報價

分項的那家,總價高也比較可信

維運起算時間與內容

要求三年總額試算

算完再比,常常翻盤

是否含 301 轉址(改版案)

問舊網址怎麼處理

有含的那家,漏掉代價最大

報價單本身該列多細、什麼時候列細項什麼時候給總價,我們從賣方視角也寫過一篇,反過來看會更懂對方在想什麼:報價單該列多細?細項 vs 總價的策略選擇。另外估價單跟報價單在法律效力上不同,收到的如果是估價單,可以先看估價單 vs 報價單怎麼分

把這七個區塊變成你的詢價信

最省事的做法是把上面那張七區塊表直接貼進詢價信,請每一家照同樣的欄位回覆。格式一致,比較才有意義,也能立刻篩掉不願意分項的廠商。

如果你手上已經有報價單但看不懂裡面在寫什麼,可以把報價單丟過來聊聊,我們陪你逐行看哪幾項是必要的、哪幾項可以留到第二期,這個階段先幫你把數字看懂,真的要動手再談範圍。你自己也在做報價、想把報價單流程從 Excel 搬到系統上,秒發報價 那邊有現成的做法。

報價單範本下載

反過來說,如果你自己是要出報價單的一方,恆遠整理過各行業的報價單範本可以直接套:室內設計報價單範本水電維修報價單範本,以及 各行業接案報價行情與範本總整理。分項寫法的邏輯跟這篇講的完全一樣。

ℹ️我們怎麼看

網頁設計的報價結構這幾年正在往兩極走。AI 把視覺與切版的工時壓下來之後,純做「好看的形象站」這一段的價格還會再跌,三年內大概會變成幾乎沒有議價空間的標準品。真正撐得住價格的會移到後面兩段:CMS 的資料結構怎麼設計、串接與維運怎麼扛。恆遠的取捨是把重心放在後兩段,因為那是客戶三年後還會需要的東西。給老闆的判斷方法很直接:下次比報價時,把三年總額(專案費加維運費)算出來再比,只比專案費那一欄,你比的是最快貶值的那一段。

ℹ️我們做過這件事

恆遠目前有 40+ 企業客製案落地,網站架設與客製系統都做,所以兩邊的報價結構我們都是從裡面長出來的。

舉個實際的:充○科技電動車形象網站 是版型數與改稿輪次先寫進合約的做法;全○之光中英文設計形象網站 則是雙語版本在企劃階段就分開計價,避免上線後才發現英文版被當成「順便做」。

看到這裡,如果你也在想「我這幾份報價單到底差在哪」,我們很樂意 陪你把報價單逐行看一遍,一起看看哪幾項是必要的、哪幾項可以留到第二期。

Q一份完整的網頁設計報價單應該包含哪些項目?

七個區塊:企劃與資訊架構、視覺設計、前端切版、後端與 CMS、功能串接、SEO 與上線設定、維運與主機。缺其中任何一項,通常代表那一段沒有被評估,上線前後容易變成追加款。

Q網頁設計報價單上寫「含基礎 SEO」是指什麼?

多半是指每頁的 title 與 description 撰寫、sitemap.xml 與 robots.txt 產出,以及 Search Console 與 GA4 綁定。結構化資料、Core Web Vitals 達標、圖片壓縮通常不含。改版案的 301 轉址對照表要特別確認有沒有含,漏掉會直接影響既有排名。

Q兩家報價差三倍,一定是貴的比較好嗎?

不一定。先問三題:包含幾個版型與幾輪改稿、後台可編輯哪些欄位、維運從第幾個月開始收一年多少。把三年總額算出來再比,結果常常會翻盤。分項清楚而總價較高的報價,通常比只給一個數字的低價更可信。

QRWD 手機版應該另外收費嗎?

現在應該視為基本盤。Google 採行動優先索引之後,手機版就是主要被索引的版本,沒有 RWD 等於放棄大部分自然流量。報價單把 RWD 列成選配時,你有充分理由要求含進基本報價。

Q網站的網域和主機帳號該掛在誰名下?

所有權要歸你。網域、主機、GA4、Search Console 如果都註冊在廠商名下,日後換廠商或搬家會很被動。合約裡寫一句「所有帳號之所有權歸甲方,廠商以管理員身分協助管理」就能解決。

Q維運費要怎麼比才公平?

用三年總額比,並且要求列出這筆錢買到什麼。同樣月費三千,有的只含主機與 SSL,有的含每月安全更新、每日備份還原與固定時數的小修改。項目沒列出來的維運報價無法比較。

分享文章

AUTHOR

自由揚John

查看作者頁

留言(0)

尚無留言,成為第一個留言的人吧!

需要網站系統架設或軟體開發?

無論是品牌官網、客製化系統還是應用程式,我們的團隊擁有豐富經驗,歡迎聯繫我們,讓專業為您的事業加分。