LaiSecure.

公司網站外包費用怎麼算？架設、介面設計與系統開發

多數公司網站的問題不是做得不好看，而是做完之後沒人管：外掛半年沒更新、憑證到期跳警告、想加一個功能卻發現平台不給。從建置到日後維運由同一個人負責，這些接縫就不會變成沒人認領的區域。

能做到什麼程度

網站分兩種做法。以內容為主、日後要自己更新的站，用 WordPress 比較省事。需要會員、金流、後台流程，或要跟既有系統對接的，就用 Django 寫成客製系統。兩種都不綁在任何代管平台上，主機環境從作業系統開始自己建。

自我檢查

  • 形象官網與內容網站：版面設計、切版、響應式、基本 SEO 設定與上線前逐頁校對。
  • 客製系統：會員與權限、後台管理、報表、金流與物流串接、對外介接。
  • LINE Bot 與通知流程：訂位、查詢、推播這類實際在營運中會用到的功能。
  • 既有網站接手：先盤點現況與資產，確認拿得到原始碼與資料庫，再談改版或搬遷。
  • 主機環境：作業系統、網頁伺服器、資料庫、憑證、排程與防火牆規則都自己設定。

不受平台限制的實際差別在於：想裝什麼軟體、要跑什麼背景服務、要怎麼設排程，都不必先問平台答不答應。代價是有人要負責維護那台機器，這也是代管服務存在的原因。

專案怎麼報價

網站開發沒有固定價目表，因為同樣「一個公司網站」可以差十倍。報價前會先把範圍談清楚，再給一份寫明頁數、功能、交付項目與時程的報價單，不用口頭估。

自我檢查

  • 影響價格的主要是頁數、有沒有客製功能、要不要串接外部系統、以及設計要從零做還是套版調整。
  • 確認合作後收 50 percent 訂金，其餘於驗收後結清；分期方式可以談。
  • 報價單會列出「不含」什麼，例如文案撰寫、攝影、字型與圖庫授權、金流申請。
  • 改版需求在報價階段就會約定次數與範圍，避免做到一半變成無止境的來回。
  • 以個人執行業務所得承接，由貴公司辦理扣繳，提供簽收的勞務報酬單據作為費用憑證。

代管維運交付什麼

上線不是終點。代管是把「持續要做但沒人記得做」的事包起來，按月計費，服務項目與回應時間寫進合約。

自我檢查

  • WordPress 代管：核心、佈景與外掛更新並先做相容性測試，每月兩次異地備份，可用性監控與異常告警，效能調整，憑證維護。
  • 伺服器代管：整台主機層級的系統更新、資安修補、可用性監控、每月兩次異地備份。可選全代管含主機，或你自備主機由我純維運。
  • 出事之後的破口盤點與安全修補在範圍內。事件當下的緊急處理、清除後門與資料救援不在，那需要隨時待命的應變能量，這是工作室。
  • 主機與網域的所有權留在你手上，帳單也是。維運方拿的是專用帳號，不是主帳號。

交接與退場

合作總有結束的一天，這件事在開始時就該講清楚。終止時所有網站檔案、資料庫、備份與設定文件會完整交付，格式是可以直接使用的通用格式，不是只能在我這裡打開的東西。

自我檢查

  • 交付內容：檔案壓縮檔、資料庫匯出檔、設定文件、以及一份系統資產清單。
  • 資產清單包含主機規格與供應商、網域註冊商與到期日、憑證來源、外掛授權、排程工作內容。這份文件平時就該有一份在你手上。
  • 終止當天你要做的事會列成清單：停用專用帳號、更換主帳號密碼、撤銷金鑰、確認聯絡信箱是公司信箱。

介面設計怎麼做

設計和實作由同一個人做，中間就少一次交接。多數專案卡住的地方不是設計不好看，是設計稿畫得出來、工程做不出來，或做出來跟稿子差很多。從線稿開始就考慮實作，這個問題就不存在。

自我檢查

  • 先確認每一頁要解決什麼、給誰看、看完要做什麼動作，再開始畫版面。
  • 用線稿確認資訊排序與動線，這階段改動最便宜。確認之後才進視覺。
  • 版面、字級、色彩與深淺主題一次定好，之後新增頁面照規則走，不會越加越亂。
  • 手機優先。台灣多數中小企業網站的行動版流量高於桌機，先把小螢幕做對。
  • 基本無障礙一起顧：文字對比度、鍵盤可以操作、圖片有替代文字。

沒有現成品牌識別的話，也可以從色彩與字型的選定開始。已經有識別的話就照著延伸，不會為了設計而重做一套。

介面設計以版型計價，$4,000 起／版型。版型指的是一種頁面結構，不是一頁。首頁、內頁、文章列表、文章內頁各算一種，同一種結構換內容的頁面不重複計版型費。一個中小企業的形象網站通常落在四到六種版型，實際數量會在報價單上列清楚。

那頁數多的案子怎麼算？把版型套到每一頁、放內容、逐頁檢查斷行與行動版，那是建置工作，含在網站建置的專案報價裡，不是不收費。所以一個二十頁但只有五種版型的網站，設計費看的是五種版型，建置費才反映二十頁的工作量。這兩條會在報價單上分開列。

費用怎麼算，外包前該確認什麼

公司網站外包費用的區間非常大，因為「一個網站」可以指一頁式的形象頁，也可以指含會員與金流的系統。網站開發與系統開發都是專案報價，先談範圍再出報價單，上面寫明頁數、功能、交付項目與時程。代管維運則是每月固定費用，看得到起價。

網站重做的費用怎麼算，跟從零開始不太一樣。舊站如果拿得到原始碼與資料庫，內容可以搬，成本主要在版面與功能重做。拿不到的話等於重寫，那要先講清楚。所以評估重做之前，第一件事是確認你手上有什麼。

自我檢查

  • 客製化網站開發的報價，影響的是頁數、客製功能數量、要不要串接外部系統、設計從零做還是套版調整。
  • 報價單會列出不含什麼：文案撰寫、攝影、字型與圖庫授權、金流申請這些常見的漏項。
  • 問改版次數與範圍怎麼約定。沒寫清楚的話，來回修改會把雙方的時間吃光。
  • 問交付之後東西歸誰。原始碼、資料庫、網域與主機帳號都該在你名下。
  • 系統開發外包給中小企業最容易踩的坑是需求沒收斂。發包前先把「一定要有」跟「有的話更好」分開列。
  • 在台灣找網站開發的合作對象，找工程師直接做跟找公司做差別在窗口與規模。案子不大的時候，直接對到執行的人通常溝通成本比較低。

價格

項目起價

架設 WordPress

響應式設計，自動適配電腦、平板、手機

專案報價

系統客製開發

會員系統、資料庫、後台管理

專案報價

UI／UX 介面設計

從線稿到完稿，設計與切版同一個人負責，交付即可上線

$4,000起 / 版型

伺服器代管

替沒有 IT 人員的小企業顧好整台主機

$5,000起 / 月

WordPress 代管

核心、佈景與外掛更新，更新前先行相容性測試

$3,000起 / 月

實際報價依範圍與複雜度調整，會在報價單上寫清楚計價方式。

這個服務不做什麼

先講清楚範圍，比發包之後才發現不合適省事。

  • 不接只交設計檔、不含實作的案子。設計稿要能落地才有意義，交出 Figma 檔讓別人去猜的合作方式，雙方都不會滿意。
  • 不接電商平台的模板套用。用 Shopline、Cyberbiz 這類平台開店，找原廠或平台合作夥伴比較划算。
  • 不做行銷投放、社群經營與影音製作。
  • 不接沒有明確窗口的專案。需求要有人能拍板，否則來回成本會吃掉雙方的時間。
  • 同時能接的案子有限，急件請先問時程，排不進去我會直接說。

常見問題

做一個公司網站大概多少錢？
區間很大，取決於頁數、有沒有客製功能、設計是從零做還是套版調整。純介紹型的形象官網與需要會員和金流的系統，價格可以差十倍。實務上會先聊過範圍再給報價單，上面寫明頁數、功能、交付項目與時程，不用口頭估。
已經有網站了，可以接手維護嗎？
可以，但要先確認拿得到東西。接手前會盤點現況：原始碼與資料庫拿不拿得到、主機與網域在誰名下、有沒有備份、用了哪些外掛與授權。如果原廠不放資料，能做的就有限，這種情況我會先說清楚再決定要不要接。
WordPress 和客製系統怎麼選？
以內容為主、日後要自己更新文章與頁面的站，用 WordPress 比較省事。需要會員、權限、報表、金流流程或要跟既有系統對接的，客製系統比較好維護，因為不必靠一堆外掛硬湊。評估時會依你實際要跑的流程建議，不會為了案子大小硬推。
網站做完之後一定要買代管嗎？
不一定。你有人能定期更新、備份與盯監控的話，自己顧完全沒問題，我也會把該做的事寫成清單交給你。代管解決的是「知道要做但沒人記得做」的問題，適合沒有專職資訊人員的公司。

延伸閱讀

同一個主題底下寫過的筆記，想先自己判斷可以從這裡看起。

其他服務