元伸科技
「我給你需求，你做網站給我」——實務上跟客戶聊時最常聽到的就是這種期待。但客製化網頁設計實際運作完全不是這樣。它更像「裝修房子」：你想要的、你以為的、設計師理解的、實際做出來的，這四者要靠 8 個階段反覆對齊 才會收斂到同一個結果。
老實說很多老闆抱怨「為什麼網站要做這麼久」，根因都是沒搞懂這 8 個階段在做什麼、哪些階段該自己花時間。下面把每個階段的工作內容、客戶要做的決策、產出物、常見地雷都講清楚——簽約前先看一遍，整個案子順度差很多。
階段 1：需求訪談（Discovery）— 1-2 週
這是整個 客製化網頁設計 專案最重要的階段，沒有之一。設計師會花 2-3 場會議，從多個角度挖掘真實需求：商業目標（短期要訂單還是品牌？）、目標客群（決策者是誰？年齡？情境？）、業務流程（從詢價到結案多少步？）、競品優勢（為什麼客戶該選你？）、技術限制（現有 ERP / CRM / 金流是什麼？）。
客戶要做的事：派能拍板的決策者參與（不是助理代開會）、誠實揭露業務流程的痛點（不要藏起來怕設計師覺得你不專業）、提供 3-5 個你欣賞的參考網站。
產出物：需求訪談紀錄（10-20 頁文件）、初步功能需求清單、預估時程與報價。
地雷警示：訪談草率（一場 1 小時了事）會讓後期改稿次數翻 3 倍。實務上多數失敗的客製化專案，根因都在這個階段沒做透。老闆最常踩的坑是「想趕快進入設計階段」，但訪談省下的 2 週，後面會花 6 週還回來。
階段 2：競品分析與定位 — 約 1 週
設計師會調查 3-5 家同產業競爭對手的網站，分析視覺風格、資訊架構、轉換流程、SEO 表現，整理成 benchmark 報告。這階段確認你的網站「相對於競品的差異化定位」——走簡潔現代、可信權威，還是親切溫暖？同時確認字體、配色、Hero 影像風格的初步方向。
客戶要做的事：審 benchmark 報告、選 2-3 個風格基準（不要全選，否則做出來會「四不像」）、確認品牌個性關鍵字（從「可靠 / 創新 / 專業 / 溫暖」這類詞裡三選二，不能全要）。
產出物：競品分析報告、品牌風格定調文件、Mood Board（視覺氛圍板）。
地雷警示：實務上看過老闆「想兼具高端感跟親民感」——這兩個方向是衝突的，設計師會被逼到無解。比較保險的做法是先選一個主軸，次要訴求靠文案補。
階段 3：資訊架構（IA）— 1-2 週
把所有功能與內容組織成樹狀結構，決定有哪些頁面、頁面之間怎麼連、選單怎麼設計、各頁面內元素的優先順序。這階段會產出 Sitemap（網站地圖）與 Wireframe（線框稿）——黑白方塊圖，沒有視覺、只有結構。
客戶要做的事：認真審 Wireframe（不是看「好不好看」而是看「夠不夠用」）、確認動線是否符合客戶習慣、檢查每頁的轉換 CTA 是否合理。這階段是規格凍結點——一旦進入下一階段，IA 的大改會全部 cascade 到視覺、前端、後端，成本指數上升。
產出物：Sitemap（樹狀圖）、各頁面 Wireframe（黑白稿）、規格書（Functional Specification）。
地雷警示：很多客戶看到黑白 Wireframe 會覺得「醜醜的，我看不出來」就草率簽核。老實說 Wireframe 不該漂亮，它是結構藍圖，不是裝潢效果圖。看不懂就請設計師現場走一遍流程，不要因為「不好看」就跳過審核。
階段 4：視覺設計（Visual Design）— 2-4 週
把 Wireframe 變成有顏色、字體、動畫、圖片的 Mockup（高保真設計稿）。設計師會先做 1-2 個關鍵頁面（首頁 + 重要 Landing Page）讓客戶確認方向，方向確認後再依此標準做全站。
客戶要做的事：別在第一版就要求改 50 處（這代表大方向錯了，該重來不該補丁）、把回饋整理成具體可執行的指示（「再溫暖一點」太抽象，「Hero 圖換成有人物的場景照」才執行得了）、按時回覆（拖延一週直接拖延整體交期）。
產出物：Figma 視覺稿（多頁面、多裝置）、Style Guide（顏色、字型、間距規範）、Design Token（變數系統）。
地雷警示：實務上最常踩的坑是「老闆每次審稿，意見都不一樣」——這通常代表內部沒有單一決策窗口，或老闆心裡其實沒底。我會建議客戶端先收斂內部意見（行銷、業務、PM 全部講完）再回給設計師，否則設計師會做白工。
階段 5：前端開發 — 3-6 週
把視覺設計稿轉成可運作的網頁——HTML 結構、CSS 樣式、JavaScript 互動、RWD 響應式佈局、效能優化（圖片壓縮、Lazy Load、Critical CSS）。這個階段也會處理跨瀏覽器相容（Chrome / Safari / Firefox / Edge）與效能基準（Core Web Vitals 達標）。
客戶要做的事：階段性審看（每週看一次階段成果，不要等到全部做完才看）、提供真實內容（不是 Lorem Ipsum）、確認 SEO 規範（Title、Description、URL 結構）。
產出物：可運作的前端網站（先在開發環境）、跨裝置實測截圖、效能報告。
階段 6：後端開發 — 3-6 週
CMS（後台管理系統）、資料庫設計、API 串接（金流、物流、第三方服務）、會員系統、SEO 與 Schema 結構化資料。這部分多半與前端開發並行——後端在開發 API、前端用 mock 資料先做介面，最後整合。
客戶要做的事：提供必要 API 帳號（金流、ERP、CRM）、確認後台操作邏輯（誰是 admin？誰是編輯？權限怎麼分？）、安全要求（密碼政策、雙因素驗證等）。
產出物：可登入的後台、API 整合測試報告、資料庫 schema 文件、運維文件（部署、備份、還原步驟）。
階段 7：測試與驗收（UAT）— 1-2 週
User Acceptance Testing 是上線前最後一道防線。設計師與工程師會先做內部 QA 測試，然後客戶要用「真實使用情境」逐頁試走，記錄所有 bug 與優化建議。這階段也會做：行動裝置實測（不是只看模擬器，是用真機）、慢速網路模擬（3G）、無障礙測試（WCAG 達標）、SEO 上線前體檢（on-page SEO）。
客戶要做的事：派 2-3 個內部使用者（不只決策者）逐頁試走、提交結構化的 bug 報告（截圖 + 步驟 + 期待結果）、區分「真 bug」vs「規格外想加的功能」（後者要走變更單）。
產出物：QA 測試報告、UAT 簽核文件、bug 修復清單。
地雷警示：UAT 草率，上線後客戶才開始發現「這個按鈕為什麼這樣？」「我以為這裡是訂單編輯」——這時改動成本是 UAT 階段的 5-10 倍。老實說 UAT 該被當成正式工作排進行事曆，而不是「我有空時點點看」。
階段 8：上線與維運交接 — 1 週
正式部署到生產環境、DNS 切換、SSL 設定、CDN 啟用、Google Search Console 與 GA4 設定、Sitemap 提交。同時進行客戶教育訓練：後台操作、文章發佈、商品上架、訂單處理、報表查看。
客戶要做的事：派 2-3 個未來會操作後台的同仁參與訓練、簽收 原始碼交付清單（前端、後端、資料庫、設計檔、字型授權）、確認帳號權限移交完整。
產出物：上線完成報告、後台操作手冊、原始碼交付（git repo 或 zip）、保固期說明文件。
結語：8 階段的時程合計與選擇開發商的提醒
把 8 個階段加總，標準客製化網頁設計專案總時程約 8-12 週（中型企業官網），含複雜功能或電商可能拉到 16 週以上。如果開發商承諾「2 週上線」，務必追問：是不是省掉了競品分析、UAT 測試、教育訓練這些「軟性但關鍵」的階段？這些省掉的工，未來都會以 bug、認知落差、後台不會用、上線後改稿的形式回頭找你算帳。
我會建議選開發商時，問清楚每個階段的產出物與時程，比問報價更重要。報價可以比，但流程嚴謹度才是專案成敗的關鍵。
幾個關鍵提醒：
- 訪談階段別省——訪談 1 小時了事的開發商，後期改稿次數會翻 3 倍
- 問清每個階段的「產出物清單」——拿不出來的就要警覺
- 規格凍結點要白紙黑字——避免事後爭執「這算不算規格外」
如果你正在規劃 客製化網頁設計 專案，可以先看 客製化網頁設計的 5 大優勢 確認方向，再評估 企業形象網站方案 的報價結構。元伸 24 年累積 3,000+ 專案經驗，每個階段都有標準化文件範本。
📞 03-366-1000 ｜ 🌐 www.ozchamp.com ｜ 免費諮詢，24hr 內回覆
