做一個網站要花多少錢?流程有哪些?
我們做過上千個案子,把 2026 年的真實報價區間、
完整製作流程、以及 AI 工具實際能取代與不能取代的部分,一次講清楚。
含 5 個台灣在地案例。
做一個網站,2026 年在台灣的合理區間是 3 萬到 50 萬。
電商和系統型的案子另計,那是另一個量級。
我們做過最大的一個,三百多萬。
這個範圍聽起來很寬,
但 3 萬的網站和 30 萬的網站,
差的不是「設計比較漂亮」,是完全不同的東西。
一、你要的其實不是「網頁設計」
這三個詞在台灣被混著用,用錯詞問廠商,報價會差很多。
| 你說的 | 廠商聽到的 | 你拿到的 |
|---|---|---|
| 網頁設計 | 視覺、排版、介面 | 設計稿 + 切版 |
| 網站設計 | 設計 + 前後端 + CMS | 完整可上線的網站 |
| 網站架設 | 主機、網域、環境 | 技術環境,不含設計 |
實際上,跟我說「我要做網頁設計」的客戶,十個有九個要的是第二項 —
一個能自己更新、Google 找得到、手機打開不跑版的網站。
下次問廠商,直接說「我要一個可以自己更新的官網」。
比說「我要做網頁設計」精準太多,也省掉來回三封信。
二、2026 網頁設計費用行情
價格區間
| 類型 | 價格 | 誰適合 | 工期 |
|---|---|---|---|
| 一頁式 | 1.5 - 5 萬 | 活動、單一產品、測水溫 | 1-2 週 |
| 套版形象站 | 3 - 8 萬 | 預算有限、需求標準 | 2-4 週 |
| 半客製形象站 | 8 - 20 萬 | 有品牌調性要求 | 4-8 週 |
| 全客製 | 20 - 50 萬 | 品牌主導、架構複雜 | 8-16 週 |
| 一般電商 | 10 - 50 萬 | 商品數不多、標準金物流 | 8-12 週 |
| 大型電商 / 系統型 | 50 - 300 萬以上 | 多角色權限、串 ERP、客製流程 | 16 週以上 |
電商那兩格的差距特別大,
因為「電商」這兩個字涵蓋的東西差太多了。
賣二十個商品、走標準金流的,
跟要串 ERP、分經銷商層級、有客製結算流程的,
是兩種生意。
問報價之前先講清楚你是哪一種,才問得到有意義的數字。
更細的拆解我另外寫過一篇:
網頁設計費用怎麼算。
3 萬和 30 萬差在哪
是這五件事:
設計是套用還是原創。
套版就是挑一個現成模板換圖換字,兩週交件。
客製要先訪談、先做資訊架構,
光是搞清楚瀏覽者會先看什麼就要花掉一週。
客製案還會做可用性測試,找幾個真實使用者操作,看他們卡在哪。
套版不會有這一關,這兩者的差別我在客製化 vs 套版網站裡講得更細。
內容誰產出。
很多報價單不會寫這個,像是文案誰寫、照片圖庫、產品圖上架等,
全包跟客戶自備,成本是兩回事。
後台能改到什麼程度。
便宜的方案只能修改文字。
貴的方案是整頁可以自由排版、自己新增區塊。
這是報價差距裡最常被忽略、也最容易吵架的一項。
有沒有做 SEO 基礎。
結構化資料、網站地圖、載入速度、SEO設定等,
這些東西不會出現在視覺稿上,驗收時也看不到,
但卻決定了上線後有沒有人找得到。
上線後怎麼辦。
保固多久、出事找不找得到人、要不要綁維護合約。
有一次客戶拿著另一家 3 萬的報價來問我:
「同樣是做電商,為什麼你們報十幾萬?」
我沒說哪家比較好,
只請他確認幾件事:
網站是租的還是買斷?
有沒有抽成?
後台能不能自己新增頁面?
SEO 基礎包不包含?
出問題找誰處理?
後來他才發現,那 3 萬只有套用現成版型、替換文字和圖片。
沒有內容整理、沒有 SEO 設定、沒有 sitemap、沒有結構化資料、不能串 GMC,
後台也只能改少數幾個欄位,
想加頁面、調版面,都要另外計費。
報價不能只看最後那個數字。
要比的是這個價格裡面到底包含哪些工作,
還有網站做完之後,
你自己能不能繼續用、繼續維護。
上線後每年還要付的
網站不是一次性支出。
| 項目 | 年費 | 備註 |
|---|---|---|
| 網域 | 500 - 1,500 | 忘記續約會被別人買走 |
| 主機 | 6,000 - 20,000 | 看流量和效能 |
| SSL | 0 - 5,000 | 有免費的,企業站建議付費 |
| 維護 | 依約 | CMS 更新、資安修補 |
主機不要省。
載入速度是 Google 的排名因素,主機慢下來,花在 SEO 的錢等於打折。
這部分可以看網站速度優化。
三、五個實際案例
B2B 製造業:坤溢企業
產品很多,分類需要更清楚。
以免國外客戶進來找不到規格和應用資訊。
我們重新整理產品分類和規格層級,做了多語系,
讓海外客戶能從應用需求往下找到對的型號。
報價高不是因為頁數多。
是因為光把產品的分類邏輯理清楚,就花了很多時間。
生技產業:博克科技
網站要同時面對三種人:
一般訪客、合作夥伴、專業客戶。
我們先把產品、研發能力、公司優勢整理過一輪,再重排首頁和內頁順序。
生技網站不能只靠漂亮圖片。
技術內容、認證資料、產品說明清不清楚,才是決定有沒有人來問的關鍵。
品牌形象官網:科米企業
客戶對品牌視覺和圖片呈現的要求高,所以這案不是挑模板換圖而已。
我們先確認品牌調性、色彩、字體、圖片比例,再設計首頁和主要內頁。
成本主要花在視覺方向的來回確認、版面細節、手機版呈現。
電商:Belonging
除了品牌形象和商品頁面,還要處理商品分類、購物車、會員、訂單、金流、後台管理。
電商看起來只是多一個結帳按鈕。
實際上每個訂單狀態、付款失敗、庫存異動、通知信都要測過一遍。
這就是為什麼電商的報價區間拉得特別開。
商品數不多、走標準金物流的,十幾萬買斷的電商做得起來。
要串 ERP、分角色權限、有客製結算流程的,三百萬以上都有。
重點是符合獨特的購物流程。
四、流程
1. 需求訪談
這階段決定後面所有事。
要先清楚三件事:你的客戶是誰、他們來網站要幹嘛、你希望他們做什麼動作。
跳過這步直接做設計,後期可能會大改。
2. 線框圖與原型
黑白的頁面骨架,只有區塊位置,沒有顏色和圖片。
線框圖(Wireframe)跟原型(Prototype)不相同。
線框圖只講結構:區塊放哪、動線怎麼走,不做互動。
原型是在線框圖上加了可以點的東西,按鈕點下去會怎樣、頁面怎麼轉場,拿來測試流程順不順。
刻意做成黑白是有原因的,因為這階段一放顏色,
客戶就會開始討論配色,資訊架構反而沒人看。
這階段改動最便宜。
設計稿做完才發現流程有問題,改起來可能是十倍的工作。
3. 視覺設計
從線框圖長出實際的樣子。
要定的是主色、字體、間距規則、按鈕樣式、圖片風格。
遇到調性抓不準的案子,也就是客戶講不清楚喜歡什麼風格的那種,
會先拉一份 Mood Board。
色票、參考圖、字體感覺全部拼在一起,
跟客戶對過方向再進行設計。
比直接出視覺稿省來回。
做法是先做首頁、內頁、產品頁三張確認方向,再展開全站。
4. 前端切版與 RWD
切圖是把設計檔拆解成瀏覽器看得懂的東西。
圖片切割、寫成 HTML 和 CSS,讓畫面能在不同螢幕正確顯示。
這一步通常是前端工程師接手。
RWD 響應式設計不是「手機也能看」,是手機上有為手機設計過的體驗。
台灣行動裝置流量普遍六成以上。
5. 後端與 CMS
決定你之後怎麼自己更新。
選擇的關鍵只有一個:是誰會操作電腦呢?
6. 測試驗收上線
上線前要檢查的:
- 三個瀏覽器(Chrome / Safari / Edge)
- 三種尺寸(手機 / 平板 / 桌機)
- 表單真的收得到信
- 404 頁面有做
- SSL 正常
- 基礎無障礙檢查(圖片 alt、鍵盤可操作、文字對比度)
- GA 和 Search Console 掛好
- 網站地圖提交了
五、工具
設計
Figma 是現在的業界標準,團隊協作最容易。
Adobe XD 適合已經在 Adobe 生態裡的人。
AI 建站
| 工具 | 能做 | 問題點 |
|---|---|---|
| Framer | 設計轉網站,動效強 | 複雜功能受限 |
| v0 | 描述生成介面元件 | 要有工程能力接手 |
| Webflow | 視覺化拉出可上線網站 | 學習曲線陡 |
| Dora | AI 生成 3D 感網站 | 客製彈性低 |
這幾個AI工具實際過程和比較寫在AI 網頁設計工具比較。
CMS
WordPress 外掛最多、找人維護最容易。
Joomla 的多層權限和多語系架構比較適合企業。
有特殊流程或要串既有系統,才考慮客製後台。
六、AI 改變了什麼
已經被取代的
初版視覺稿。
以前做三個方向要10天,現在約3天,設計師的工作變成挑版型跟調整,不是從零開始。
基礎切版和標準 RWD。
靜態頁面的 HTML/CSS,加上手機、平板、桌機的三段式版面,
AI 生成的品質已經堪用。
還取代不了的
商業邏輯。
AI 不知道你的客戶為什麼會猶豫、
不知道哪個按鈕該放在哪裡、
不知道客戶會先看價格還是先看案例。
資訊架構。
什麼放首頁、什麼收進次選單。
這是理解生意才做得出的決定。
品牌判斷。
AI 能生出「好看」的東西。
但「好看」跟「獨特品牌視覺」是兩件事。
系統整合。
金流、物流、CRM、ERP 串接。
卡在細節裡的東西 AI 還處理不了。
我們的做法
AI 出初稿,人做決策。
用 AI 加速視覺和切版,省下來的時間放在訪談、資訊架構、上線後優化。
想知道 AI 做的網站到底能不能用,
我另外寫過一篇:AI 做的網站能用嗎
七、怎麼選公司
五個一定要問
- 網站做完,原始檔和版權歸誰?
- 後台我能改到什麼程度?能不能自己新增頁面?
- 保固多久?包含哪些?
- 有沒有綁維護約?不續約網站還能用嗎?
- SEO 基礎有做嗎?包含哪些項目?
報價單該有的
頁面數量與類型、設計稿修改次數上限、內容誰提供、是否含 RWD、
是否含 SEO 基礎、主機網域是否包含、保固期與範圍、付款節點。
如果是學校、政府標案、或非營利組織,還要多問一項:
有沒有做基礎無障礙檢查。
幾個坑
版權歸屬沒寫清楚。
有些合約寫「設計著作權歸乙方」,之後想換廠商會很麻煩。
原始檔不給。
等於被綁住。
後台鎖死。
只能改文字不能動版面,每次調整都要付錢。
更完整的篩選清單在找網頁設計公司注意事項。
八、常見問題
做一個網站要多久?
一頁式 1-2 週,形象官網 4-8 週,客製或電商 12 週以上。
時間主要卡在內容提供和確認速度。
套版和客製選哪個?
預算 5 萬以下、需求標準、沒有品牌調性要求,選套版。
有品牌識別、資訊架構複雜、要長期做 SEO,選客製。
網站上線後就不用管了嗎?
不行。
CMS 不更新會有資安風險,內容不產出 SEO 不會動。
上線是開始,什麼時候該考慮改版,可以看企業網站改版前必看。
我可以自己用 AI 做網站嗎?
個人作品集、活動頁沒問題。
企業官網會卡在資訊架構、SEO 基礎、系統整合這幾個 AI 目前處理不好的地方。
改版會不會讓 SEO 歸零?
處理得好不會。
關鍵是網址結構如果變了,一定要做 301 導向。
這件事沒做,排名確實會掉,而且掉了要好幾個月才回得來。
網頁設計和 SEO 要一起做嗎?
一起做。
SEO 有很多是結構層面的東西:
標題階層、網址結構、載入速度、結構化資料。
網站做完再回頭補這些,成本會高很多。
手機版一定要做嗎?
要。
台灣行動裝置流量普遍六成以上,而且 Google 是拿手機版本來評比排名。
RWD 和獨立手機版差在哪?
RWD 是同一份程式碼自動適應螢幕。
獨立手機版是兩套網站,兩份維護成本。
現在幾乎都用 RWD。
網站需要幾頁?
形象官網通常 8-15 頁。
每頁都要有存在的理由。
頁數多但內容薄,反而拖累 SEO。
為什麼有些報價含主機有些不含?
商業模式不同。
含主機通常是年費制,不含的是一次性。
要問清楚不含主機的話,主機自己找還是廠商代管。
電商網站的費用怎麼算?
邏輯跟形象網站不同,
多了金流、物流、會員、庫存這幾層。
細節在電商網站費用。
收尾
如果您正在比價,建議您的兩件事。
第一,
把每家的報價單攤開,對照第七節那八個項目。
缺項最多的那家,很可能是後期最容易吵架的。
第二,
問對方後台能改到什麼程度。
這題的答案決定未來三年是自己能維護修改,
還是每次改一行字都要發信等回覆。
網站報價看不懂?我們幫你拆開看
益盛科技提供網頁設計、AI SEO 技術稽核與規劃服務。不確定自己需要哪一種,直接問我們。
LINE 諮詢 查看 AI SEO 服務 查看 網頁設計 服務 查看 品牌電商 服務
