網站製作要多久?從聊需求到上線的流程,與客戶該準備的事
☰ 目錄 table-of-contents.md
展覽前六週才決定換官網,這種電話在網站設計這一行一點都不稀奇。老闆心裡想的通常是「做個網站而已,一個月應該夠吧」,而接電話的人心裡想的是另一件事:文案誰寫、產品照片在哪、舊網站的網域帳號還找不找得到。兩邊對「多久」的認知,差的往往不是工程時間,是那些沒人提起的準備工作。
把公開資料攤開來看,一般企業形象官網從開始到上線,常見區間是幾週到三個月左右;套版網站快一些,完全客製或有會員、金流的網站會更久。真正讓同一種網站有人五週做完、有人拖到半年的,幾乎都是三件事:客戶的文案與照片什麼時候到位、每一輪回饋要等多久、範圍有沒有在中途悄悄變大。這篇把流程拆成六個階段,每一段寫清楚在做什麼、客戶要準備什麼、最常卡在哪,讓你在找廠商之前就能抓出一個合理的時程感。
公開資料怎麼說網站製作要多久
先講一個前提:網站製作沒有官方標準工期,網路上看到的天數多半來自接案平台或廠商自己的整理。我們挑了三份來源比較清楚、而且彼此可以對照的資料,整理成下表。數字是業界的參考區間,不是任何一家廠商的承諾,實際時程要等範圍確認後才排得出來。
| 來源 | 網站類型 | 公開的時程區間 | 附帶條件 |
|---|---|---|---|
| Pro360 達人網形象網站頁 | 套版網站 | 約 1 到 2 週 | 在既有版型裡換內容 |
| Pro360 達人網形象網站頁 | 架站平台委託製作 | 約 3 到 6 週 | 以 WordPress 等平台建置 |
| Pro360 達人網形象網站頁 | 完全客製化網站 | 至少 1 到 3 個月 | 依功能與頁數而定 |
| GoDaddy 小企業指南 | 找網頁設計師做的簡單網站 | 幾週(a few weeks) | 大型複雜網站要數個月 |
| 美國內華達大學拉斯維加斯分校網站規範 | 新網站建置 | 至少 12 週 | 明寫取決於內容提供的速度 |
三份資料的說法方向一致:版型越固定越快,客製程度越高越久,而且都把「內容」列為變數。內華達大學那份規範特別值得一看,它是校內網站團隊對各單位的服務說明,連文字修改、版面調整、新增整個區塊都分別寫了工作天數,新網站則寫「至少 12 週」並在旁邊加註:取決於委託單位提供內容的速度。一個專職團隊對自己的內部客戶都要先講這句話,可見內容準備拖時程是普遍現象,不是哪家廠商在推託。
至於費用和時程怎麼連動,我們在企業網站開發費用全解析裡拆過不同類型網站的預算邏輯;時程和費用通常是同一份範圍文件的兩面,範圍定得越清楚,兩個數字都越準。
從第一次聊到上線的六個階段
各家廠商的流程名稱不太一樣,但拆開來看大同小異。104 職場力整理的網站製作流程是「提出需求、網頁企劃、網頁設計、內容建置、內頁切版、動態撰寫、後台串流、測試上線」八步,Pro360 列的是「需求分析、設計範本提案、設計草稿、內容確認、功能測試、最終驗收、上線與維護」。我們把它們合併成六個客戶比較容易對應的階段。
圖:網站製作的六個階段,每一段都有客戶要準備的事
一、需求訪談
這一段在搞清楚網站要替公司做什麼:讓客戶相信你、讓人打電話來詢價、讓經銷商下載型錄,還是讓應徵者了解公司。目標不同,頁面和動線就不同。客戶要準備的是三樣東西:這次換網站想解決的問題、兩三個你覺得不錯的參考網站(同業或不同業都可以)、以及誰有最後拍板權。最後一項常被忽略,設計稿做到第三輪才發現董事長沒看過,前面的確認全部重來。
二、規劃與報價
廠商把訪談結果整理成頁面清單、每頁大致要放的內容、需要的功能(表單、預約、多語系、會員),再依這份範圍提出報價與時程。客戶這時候要做的是逐項確認,尤其是「這頁內容誰提供」。報價單上的每一行都會影響時程,看不懂的地方當場問。報價單的逐行看法,我們另外寫在費用全解析的「錢花在哪裡」一節。
三、簽約
簽約本身不花時間,花時間的是內部用印流程。中小企業多半一兩天,有些公司要跑採購或法務,兩三週也常見。這段時間其實可以先開始整理文案與照片,不必等合約回來才動。
四、畫面設計
通常先做首頁設計稿,定下配色、字體與版面語言,確認後再展開內頁。這一段的時程主要取決於回饋輪數,一輪回饋拖一週,三輪就是三週。客戶要準備的是:品牌標誌的原始檔、品牌色(沒有就說沒有)、產品或服務照片、以及一位能集中意見的窗口。
五、開發與測試站
設計定稿後進入切版與開發,把畫面變成真的網頁,接上後台、表單、追蹤碼。比較好的做法是給客戶一個可以實際點、可以用手機開的測試站,而不是只看截圖。我們自己在合作方式裡寫的就是分階段提供可以操作的測試版,依回饋調整,因為截圖上看不出來的問題(按鈕在手機上點不到、表單寄不出去),在測試站上五分鐘就會被發現。
六、驗收與上線
驗收要有一張清單,不是「看起來可以」。至少包括:每一頁在桌機與手機上都看過、表單實際送出一次並確認收得到信、聯絡資訊與營業時間正確、舊網址有轉到新網址(改版才需要)。上線本身通常是一兩天內的事,切換網域指向、確認 SSL 憑證、送出網站地圖給 Google。
客戶要準備的東西清單
下面這張表是把上面六個階段裡「客戶端」的工作抽出來。印出來貼在白板上,比任何專案管理工具都好用。
| 要準備的東西 | 最晚什麼時候要到 | 沒準備好會怎樣 |
|---|---|---|
| 網站目標與參考網站 | 需求訪談 | 設計方向反覆修改 |
| 拍板的人與單一窗口 | 需求訪談 | 後期整批推翻重來 |
| 網域、主機、舊網站後台帳號 | 規劃與報價 | 上線日延後,或被迫換網址 |
| 標誌原始檔與品牌色 | 畫面設計開始前 | 首頁設計稿只能先用暫代色 |
| 各頁文案 | 內頁設計開始前 | 版面先做、文案塞不進去再改版 |
| 產品與團隊照片 | 內頁設計開始前 | 先用圖庫,上線後再補(常常就沒補) |
| 表單收信的信箱與通知對象 | 開發階段 | 上線後詢問寄到沒人看的信箱 |
| 驗收清單 | 測試站開放時 | 驗收變成憑感覺,問題上線後才冒出來 |
網域帳號這一項值得多講一句。舊網站是前任員工或很久以前的廠商註冊的,帳號綁在早就沒人收的信箱,這在台灣中小企業非常普遍。找回網域控制權有時要跟註冊商來回好幾次,最好在簽約前就先確認。不確定網域在哪裡註冊,可以先看我們寫的網域申請與管理說明了解帳號長什麼樣子。
時程最常卡在哪裡
把延誤原因排一下序,排第一的永遠是文案。設計師可以把版面做得很漂亮,但「關於我們」那一段要寫什麼、服務項目怎麼分、每項要講到多細,只有公司自己知道。很多老闆以為廠商會寫,廠商以為客戶會給,兩邊都在等,等到設計稿裡的假文字被看膩了才發現沒人在寫。文案的結構可以參考我們整理的官網文案每一頁該放什麼,先照那個骨架填空,比對著空白文件發呆快很多。
第二是回饋的節奏。設計稿寄出去,客戶說「我再跟大家討論一下」,一週後回來的是五個人的意見,而且彼此矛盾。解法很樸素:一個窗口收齊意見再回覆,每一輪約好回覆日期。
第三是範圍在中途長大。做到一半想加線上預約、想加英文版、想加會員專區,每一項都合理,但每一項都會讓時程往後推。這時候要分清楚兩件事:這個功能是上線必要,還是可以第二階段再做。大多數時候答案是第二階段。
還有一種比較少被提到的卡點:照片。官網用手機隨手拍的產品照,跟用心拍的照片放在同一個版面裡,差距會非常明顯。如果打算用 AI 生圖補空缺,要先知道它的破綻在哪,我們在AI 生的圖怎麼修才不假裡整理過常見的六個問題。
想快一點的話哪些事可以並行
時程壓縮的空間主要在「等待」,不在「趕工」。設計師加班趕出來的設計稿,品質通常看得出來;但如果文案在設計期間同步寫、照片在開發期間同步拍,整體時間就能縮短,而且每個人都不必趕。
- 簽約流程跑的同時,先整理文案與照片清單。
- 首頁設計確認後,內頁設計與首頁切版可以同時進行。
- 不急的頁面(最新消息、部落格、徵才)先不做,上線後再補。
- 功能分兩階段:第一階段只放上線必要的,預約、會員、多語系排第二階段。
用 AI 能不能更快?在某些環節可以。我們自己做 roamer-tech.com 改版時,先讓 AI 把整站頁面與文案整理成一份規格文件,再一次跑出十種首頁設計並排比較,挑方向這一步省下很多來回。完整過程記錄在AI 怎麼幫你設計網站。但 AI 省的是產出草稿的時間,文案正不正確、品牌對不對味,還是要人來判斷,該等的確認一步都省不掉。
另一個常被問到的是「用套版會不會比較快」。會,而且如果需求單純,套版完全合理。差別在於後面想改版型、想加功能時會不會卡住,這部分的判斷標準寫在客製網站與模板網站怎麼選。
改版和全新網站的時程差在哪
改版通常比全新網站多兩件事,所以不要以為「已經有網站了應該比較快」。第一件是內容盤點:舊網站上哪些頁面留、哪些砍、哪些要重寫,這要客戶自己決定,廠商只能給建議。第二件是舊網址的轉址,舊網站在 Google 上累積的排名,靠的是那些網址,改版後網址變了卻沒有設 301 轉址,排名會整批掉下去。轉址怎麼規劃,我們寫在網站改版 301 轉址實戰。
改版前的完整準備,可以直接照網站改版前的八項檢查清單走一遍,那份清單跟這篇的客戶準備表可以互相對照。如果還在更前面的階段,連要不要自己架都還沒想好,從零開始打造企業網站指南比較適合當起點。
找廠商之前,最好也先想好要問哪些問題。時程只是其中一題,網站底層用什麼、原始碼歸誰、上線後誰維護,這些會影響未來好幾年的事,我們整理在網站設計公司比較前必問的 12 個問題。
資料來源與查證日期
本文引用的時程與流程資料查證於 2026 年 10 月 27 日,皆為當天實際開啟的頁面。各平台與廠商的時程說法會隨時間調整,表中數字只能當參考區間,實際時程以範圍確認後的書面排程為準。
- Pro360 達人網:形象網站設計費用與製作時程
- GoDaddy:How long does it take to build a website?
- UNLV Web & Digital Strategy:Web Development Process
- 104 職場力:網站架設與程式開發設計接案報價行情參考
延伸閱讀
時程表排得好不好,看的是每一段的「客戶準備」有沒有人認領,而不是工程天數寫得多漂亮。拿到任何一家的時程,都可以用上面那張準備清單逐項對照,空著的那幾格就是會延期的地方。我們的網站設計與網站製作服務也是先把這些項目一起確認,範圍定了才排時程;想先拿自己的情況對照一次,可以從需求單開始,免費診斷後報價。
常見問題
一般形象官網做好要多久?
網站製作的時程最常卡在哪裡?
用 AI 做網站可以把時程縮短多少?
網站改版會比全新網站快嗎?
訂閱免費電子報
把 AI 自動化、企業系統設計與 WordPress / Laravel 開發的真實案例和可直接照做的技巧,整理成電子報寄給你。只寄精選內容、不灌垃圾信,一鍵就能退訂。


