「做一個網站到底要多少錢？」這是許多台灣店家老闆與企業負責人準備找外包時，最先在 Google 搜尋的問題。

然而，當你拿到三家廠商的報價單，可能會發現價格落差極大。為什麼網頁設計費用落差這麼大？報價單裡有沒有漏掉什麼隱藏成本？

本文將站在企業負責人的商業立場，不談高深的技術名詞，直接為你拆解網頁設計費用的底層結構，並針對網站著作權、原始碼交付、主機費用、尾款爭議與延期處理等發案關鍵痛點，提供一份能夠落地執行的避坑指南。

一、 網頁設計費用由什麼決定？拆解「四大核心成本」

網頁設計費用並非憑空捏造，它的核心邏輯與建房子非常相似。主要由以下四個區塊組成：

1. 企劃與設計費用（軟體「室內設計」）

這包含網站的資訊架構（Information Architecture）規劃、使用者體驗（UX）動線、以及視覺介面（UI）設計。

  • 規格多寡影響價格：一個只有 5 頁的簡單品牌形象站，與一個包含近 40 種頁面路由的複雜系統，兩者在企劃與設計階段投入的工時完全不同。
  • 案例佐證：以我們服務過的 曦谷共好教會（dayvale-church） 為例，該專案擁有近 40 種頁面路由，從聚會、課程、影音到最新動態一應俱全。為了讓繁雜的資訊架構一次到位，並設計出將「課程報名」與「線上奉獻」壓縮在三步內完成的流暢體驗，前端與設計端的規劃成本便會隨頁面複雜度與易用性要求而有相對應的調整。

2. 前後端開發與系統客製（「結構工程」與「水電裝潢」）

網頁不只要好看，更要能動。這部分的費用取決於「互動功能」的複雜度。

  • 現成版型 vs. 客製開發：套用既有系統（如 WordPress 模板或現成 SaaS 平台）的開發費用較低，但當你有特殊的商業流程需要滿足時，就需要客製化開發。
  • 案例佐證：在 森嶼環境學苑（forestisle-environment） 的案例中，網站不只需要呈現六門環境課程，更必須做到「各課程梯次與名額狀態控管」、「學員可在『我的報名』專區自助查詢」，並設有專屬的「ESG 企業合作專區」來承接 B2B 的合作詢問。這類涉及後台資料庫即時同步與會員狀態查詢的互動系統，在開發費用上自然會高於單純的靜態圖文網頁。

3. 集團多層級與資訊揭露架構（「摩天大樓」的建置）

如果你的企業規模較大、產品線繁雜，或者是需要符合法規揭露的上市櫃、集團公司，網站的「體量」將會大幅拉高開發費用。

  • 多頁面與權限管理：星河整合科技 集團官網（stellarink-corporate） 是一個多達 82 頁的多層級企業官網。它不僅要將集團與子公司的資訊分層呈現，還必須將產品依應用領域分類以利 B2B 客戶尋找，更要設計「投資人專區」以承載公開資訊揭露。這類高頁數、高資安要求、多語系架構的專案，在工程測試與防錯機制的成本投入上，與一般小商家網站完全不在同一個量級。

4. 網域主機費用與第三方服務（「土地租金」與「水電費」）

這是網站上線後每年固定要支付的「養站費用」，也是常被老闆忽略的隱藏成本：

  • 網域（Domain）：即網站網址（如 .com 或 .com.tw），每年約數百元至一千元台幣。
  • 主機（Hosting） / 雲端伺服器：網站租用網路空間的費用。小型形象網站使用共享主機，一年約數千元；若流量較大、涉及金流與個資，建議使用如 AWS、GCP 等雲端服務，費用依實際流量與運算資源按月計費。
  • 第三方金流與規費：如果網站有線上刷卡、預約退刷等需求，必須將金流商的手續費與處理費算入。例如，使用綠界科技（ECPay）收款時，務必注意最新的金流規則：自 2026/4/30 起，信用卡退刷之固定處理費（含稅 1 元／筆）調整為不退還（詳細請參閱：2026/4/30 起信用卡退刷處理費退還規則調整公告｜綠界科技 ECPay）。當網站有高頻率的預約退款或退貨需求時，這筆每筆 1 元的處理費與退刷手續費，就是必須納入試算的營運成本。

二、 網站著作權歸誰？原始碼要不要交付？

這是外包合約中最容易產生糾紛的重災區。很多老闆以為「我花了錢，網站所有權理所當然就是我的」，這在法律上是完全錯誤的認知。

根據中華民國著作權法第 12 條：

「出資聘請他人完成之著作，以該受聘人（開發廠商）為著作人。但契約約定以出資人為著作人者，從其約定。未約定著作財產權之歸屬者，其著作財產權歸受聘人享有。出資人得利用該著作。」

老闆必看的合約自保守則：

  1. 在合約中明訂著作權歸屬：如果你希望未來可以自由修改網站、換廠商維護、甚至把網站當作公司資產，請務必在合約中載明：「本專案交付物之著作財產權，於結清尾款後歸出資人（貴公司）所有，且受聘人承諾不對出資人行使著作人格權。」
  2. 要求「原始碼交付」與 Git 託管：有些廠商報價便宜，是因為他們使用的是私有閉源系統，網站做完你拿不到原始碼，以後不續約網站就直接消失。在評估客製化開發時，應要求廠商在驗收完成後交付完整的原始碼（Source Code），並將代碼託管於 GitHub、GitLab 等公有平台，確保帳號所有權移交給你們公司。相關法規與合約標準可參閱法規及定型化契約｜行政院消費者保護會。

三、 網站延期、尾款爭議怎麼處理？

「網站做了一年多還上不了線」、「廠商最後做出來的東西跟我想的不一樣，我不想付尾款，廠商就威脅要關站」……這些案例在台灣商業界屢見不鮮。要避免這些問題，你需要從合約、付款節奏與驗收機制著手：

1. 合理的階段性付款

千萬不要答應「一次付清」或「前期付款比例過高」的合約。業界健康的付款比例通常是：

  • 訂金（第一期，30% - 40%）：簽約後、設計啟動前。
  • 期中款（第二期，30% - 40%）：UI/UX 設計確認、進入程式開發前。
  • 尾款（第三期，20% - 30%）：網站測試完成、正式上線驗收後。

將尾款比例維持在至少 20%，能有效確保廠商在專案後期依然有足夠的動力協助修改與調整。

2. 網站延期處理：訂定「延遲罰則」與「雙方配合義務」

網站延期不一定是廠商的錯，有時是因為企業內部遲遲無法提供文案、圖片，導致工程進度停擺。 好的合約應具備雙向約束：

  • 廠商責任：若因可歸責於廠商之事由導致進度延宕，每逾一日應支付合約總額特定比例（如千分之一）之違約金。
  • 業主責任：若因業主延遲提供資料，專案時程應等比例順延，甚至在延遲過久時（如超過 60 天），廠商有權暫停專案或調整階段報價。

3. 用「網站驗收清單」終結尾款爭議

尾款爭議通常源自「驗收標準不明確」。老闆覺得網頁不夠好看、廠商覺得功能都做完了，雙方各執一詞。 在上線前，雙方應共同核對一份客觀的網站驗收清單：

驗收類別 驗收重點項目 測試標準
功能驗收 核心商業流程測試 購物車、線上表單、會員註冊、金物流串接能順利完成交易。
相容性測試 跨裝置與瀏覽器呈現 在 RWD 手機版、桌機版，以及 Chrome、Safari 瀏覽器上，排版無跑版或重疊。
後台管理 後台資料增刪查改 能順利自行上架文章、修改產品資訊、查看訂單與匯出會員資料。
網站效能 載入速度與 SEO 基礎 圖片皆經過壓縮優化，網站基礎 meta tag 設定完整，無重大死連結（404 頁面）。
交接物檢查 權限與檔案移交 網域主機所有權轉移、Git 原始碼交付（若合約有約定）、後台管理者最高權限帳密移交。

四、 結語：你要買的是「便宜的網頁」，還是「能幫你賺錢的系統」？

評估網頁設計費用時，最忌諱「只比總價，不比細節」。

如果你只是需要一張簡單的網路名片，使用市面上的現成套版或 SaaS 開店平台，通常能在最省預算的情況下快速上線。

但若你的業務涉及多層級的集團資訊揭露（如星河整合科技 82 頁架構）、複雜的課程名額控管與 B2B ESG 詢價（如森嶼環境學苑），或是高度壓縮的流暢線上奉獻與報名流程（如曦谷共好教會），那麼「客製化開發」能為你省下的，是未來無數的人工手動對帳工時、客服溝通成本，以及因系統不順暢而流失的潛在客戶。

在與網頁設計廠商簽約前，請務必逐一核對：主機由誰承租、著作權歸誰、驗收清單是什麼、退刷成本怎麼算。釐清這些關鍵，你的數位投資才能轉化為公司長期穩健的無形資產。