為什麼流程要先講清楚
這一頁說明 ONELAB 從接洽到上線會經過哪些階段，以及每個階段需要你配合什麼。流程不是為了看起來專業，而是因為香港的網站專案最常出問題的地方，往往不是技術，而是需求沒講清楚、內容沒準備好、或者上線前才發現少了一個必要頁面。
把階段排出來，你就能在開案前判斷自己有多少內部工作要準備：誰負責提供文案、誰能決定版面、網站上線後由誰維護。這些答案越早確定，後面每個階段的等待時間就越短。
流程前先確認的事
- 現有網站是否保留，或整站重新製作
- 網站主要分類與大致頁面數量
- 是否為中英雙語，或日後需要增加語言
- 內容由誰撰寫，圖片素材從哪裡來
- 上線後由哪一位同事負責更新內容
需求訪談
第一階段：需求訪談
我們會先了解你的業務類型、現有網站狀況、必須保留的內容、預計上線時間，以及日後由誰維護。這一階段不給報價，因為在資訊不足的情況下開出的價格沒有意義。訪談通常需要你提供現有網站的存取權限或內容清單，方便我們判斷是重新製作還是局部調整。
訪談時請準備
現有網站網址與後台登入方式，或既有內容的整理清單
公司簡介、服務項目與過往常見客戶問題
希望的網站架構方向，以及同業網站作為參考
第二階段：網站架構規劃
架構決定網站有幾個主要分類、每類底下有哪些頁面、彼此怎麼連結。這份規劃會包含選單層級、網址規則與內容歸屬，也會標明哪些區塊日後需要能自行編輯。香港客戶常見的狀況是服務項目不斷增加，如果架構沒預留空間，之後每次新增都要動到選單與版面。
選單層級與頁面歸屬
確定首層選單放哪幾個分類，二層與三層頁面各自掛在誰底下。內容歸屬清楚，之後才不會出現同一份資料被放在兩個地方。
網址規則與連結
頁面網址依照內容分類命名，方便日後新增同類頁面時維持一致，也讓搜尋引擎能理解網站結構。
可自行編輯的區塊
標明哪些內容需要交給同事日常更新，例如最新消息、產品資料或分店資訊，避免每次都必須請人改版。
設計與開發
第三階段：UI/UX 與視覺設計
設計從架構展開，處理版面邏輯、字級層級、表單欄位與互動回饋。這一階段會確認手機、平板、桌面三種寬度的呈現方式，尤其是手機上的導覽與聯絡方式位置。設計確認後才進入開發，避免做到一半改版型造成重工。
第四階段：前端與後台開發
前端負責把設計稿轉成瀏覽器實際呈現的頁面，並處理載入順序與基本互動。後台開發依選定的內容管理系統建置功能與權限，設定可編輯範圍。這一階段會同步處理技術面的搜尋優化項目，例如語意化標記與可索引的內容結構。
內容與測試
第五階段：內容填入與校對
內容由誰提供會影響時程，這一點在開案時就會講清楚。如果內容由你提供，我們會依架構填入並標示需要調整的地方；如果需要我們協助整理，會另外安排。中英雙語專案在這階段工作量會明顯增加，因為兩種語言的選單長度與版面需求不同。
校對不只是抓錯字。我們會檢查標題層級是否一致、圖片比例是否符合版面、表格在手機上是否還能閱讀。這些細節在上線前處理，比上線後才發現要快得多。
第六階段：上線前測試
測試項目包括連結是否正常、表單是否送達指定信箱、手機版是否跑版、載入速度是否合理、基本搜尋設定是否完成。我們會用手機行動網路實際測試主要頁面，而不只看辦公室的寬頻環境。發現的問題會列成清單，處理完成後才安排上線。
上線前檢查清單
內部與外部連結是否正常
聯絡表單是否送達指定信箱
手機與平板版面是否跑版
頁面載入速度是否合理
搜尋基本設定是否完成
後台帳號與權限是否交付
各階段一覽與你需要注意的事
下表把七個階段排成一份工作清單：每一列說明該階段會產出什麼，以及需要你這邊配合什麼。你可以先看哪幾列需要內部安排人力。
第一階段：需求訪談
了解業務類型、現有網站狀況、必須保留的內容與預計上線時間。
待開始第二階段：網站架構規劃
選單層級、頁面歸屬與可自行編輯區塊的標記。
待開始第三階段：UI/UX 與視覺設計
三種寬度的版面、字級層級、表單欄位與互動回饋確認。
待開始第四階段：前端與後台開發
前端頁面實作、內容管理系統功能與權限、基本搜尋優化項目。
待開始第五階段：內容填入與校對
依架構填入內容、標示待調整處，雙語專案同步處理兩份內容。
待開始第六階段：上線前測試
連結、表單、手機版、載入速度與搜尋基本設定的逐項檢查。
待開始第七階段：上線與交付
網域指向、憑證設定、監控確認，以及後台帳號與操作說明交付。
待開始第七階段：上線與交付
上線包含網域指向、憑證設定與基本監控確認。交付時會提供後台操作說明與測試紀錄，內容管理系統的帳號與權限會交給你。我們不會把網站鎖在只有我們能改的狀態，日常內容更新應該由你的同事自行完成。
交付內容
後台帳號、角色與可編輯範圍設定
後台操作說明，供日常更新內容參考
上線前測試紀錄與問題處理清單
交付後由你的團隊接手日常更新
時程安排與常見延誤原因
時程主要取決於頁面數量、是否雙語、有無電子商務功能，以及內容準備速度。最常見的延誤原因是內容遲交與需求中途變更，這兩項都會影響後續階段。若專案有時限壓力，我們會在開案時說明哪些環節可以壓縮、哪些不建議壓縮。
內容遲交
文字與圖片是最常見的等待來源。建議在架構確認後就開始整理，不必等到設計定稿才動手，兩份工作可以並行。
需求中途變更
新增頁面、調整選單或改動版面都會回頭影響架構與設計。若在開發階段才提出，需要重新評估範圍與時程，而不是直接排進原定進度。
決策與回覆節奏
每個階段需要你確認版面、內容或功能。指定一位主要聯絡人可以讓確認時間縮短，也避免同一件事收到不同方向的意見。
常見問題
整個網站製作大約需要多久？
網站架構規劃會做到什麼程度？
設計確認後才開發，可以中途改版型嗎？
中英雙語網站要多花多少時間？
上線後網站由誰維護？
下一步：把你的專案需求告訴我們
如果你已經有大致方向，可以直接預約需求訪談，我們會先了解業務類型與現有網站狀況，再判斷是重新製作還是局部調整。若還不確定需要哪些功能，可以先看服務項目，或直接與我們聯絡討論。