浪花科技 Roamer Tech浪花科技 Roamer Tech
聯絡我們 ↗
roamer-tech/article.mdCUSTOM SYSTEMS + AI
~/blog/website-production-process-timeline.md
網頁設計與使用者體驗 ·

網站製作要多久?從聊需求到上線的流程,與客戶該準備的事

Eric,浪花科技創辦人 / AI 架構師
浪花科技創辦人 · AI 架構師
網站製作要多久?從聊需求到上線的流程,與客戶該準備的事
☰ 目錄 table-of-contents.md
font-size:

展覽前六週才決定換官網,這種電話在網站設計這一行一點都不稀奇。老闆心裡想的通常是「做個網站而已,一個月應該夠吧」,而接電話的人心裡想的是另一件事:文案誰寫、產品照片在哪、舊網站的網域帳號還找不找得到。兩邊對「多久」的認知,差的往往不是工程時間,是那些沒人提起的準備工作。

把公開資料攤開來看,一般企業形象官網從開始到上線,常見區間是幾週到三個月左右;套版網站快一些,完全客製或有會員、金流的網站會更久。真正讓同一種網站有人五週做完、有人拖到半年的,幾乎都是三件事:客戶的文案與照片什麼時候到位、每一輪回饋要等多久、範圍有沒有在中途悄悄變大。這篇把流程拆成六個階段,每一段寫清楚在做什麼、客戶要準備什麼、最常卡在哪,讓你在找廠商之前就能抓出一個合理的時程感。

公開資料怎麼說網站製作要多久

先講一個前提:網站製作沒有官方標準工期,網路上看到的天數多半來自接案平台或廠商自己的整理。我們挑了三份來源比較清楚、而且彼此可以對照的資料,整理成下表。數字是業界的參考區間,不是任何一家廠商的承諾,實際時程要等範圍確認後才排得出來。

來源網站類型公開的時程區間附帶條件
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 日,皆為當天實際開啟的頁面。各平台與廠商的時程說法會隨時間調整,表中數字只能當參考區間,實際時程以範圍確認後的書面排程為準。

延伸閱讀

時程表排得好不好,看的是每一段的「客戶準備」有沒有人認領,而不是工程天數寫得多漂亮。拿到任何一家的時程,都可以用上面那張準備清單逐項對照,空著的那幾格就是會延期的地方。我們的網站設計與網站製作服務也是先把這些項目一起確認,範圍定了才排時程;想先拿自己的情況對照一次,可以從需求單開始,免費診斷後報價。

// FAQ

常見問題

一般形象官網做好要多久?
公開資料的常見區間是幾週到三個月:套版網站約一到兩週,委託在 WordPress 等平台製作約三到六週,完全客製化網站至少一到三個月。實際時程要等頁面範圍與功能確認後才排得出來,而且大部分延誤來自內容準備與回饋速度,不是工程本身。
網站製作的時程最常卡在哪裡?
排第一的是文案。很多老闆以為廠商會寫,廠商以為客戶會給,兩邊都在等。其次是回饋節奏,一輪意見拖一週,三輪就是三週;第三是做到一半加功能。指定單一窗口收齊意見、約好每輪回覆日期,是最有效的做法。
用 AI 做網站可以把時程縮短多少?
我們的經驗是 AI 能省下產出草稿的時間,例如先整理規格文件、一次跑多種首頁設計並排比較,挑方向時少很多來回。但文案正不正確、品牌對不對味、手機版與表單有沒有問題,還是要人逐頁確認,這些步驟省不掉。
網站改版會比全新網站快嗎?
不一定,改版常常更久。改版多了內容盤點與舊網址轉址兩件事:哪些頁面留、哪些重寫要客戶自己決定,舊網址沒有設 301 轉址會讓既有排名整批掉下去。這兩件事都要在設計前規劃好,不能等上線前才處理。
#網站製作 #網站製作流程 #形象官網 #網站設計 #網站改版 #浪花科技
// 本主題完整指南 · 網頁設計與使用者體驗
→ 從零開始打造你的個人/企業網站:指南篇

這個主題的完整脈絡、選型比較與導入建議,都整理在指南裡。

~/roamer-tech/newsletter FREE
// newsletter

訂閱免費電子報

把 AI 自動化、企業系統設計與 WordPress / Laravel 開發的真實案例和可直接照做的技巧,整理成電子報寄給你。只寄精選內容、不灌垃圾信,一鍵就能退訂。

$ whoami
$ subscribe
⑂ mainarticle.mdLn 1UTF-8