網站設計流程有哪些步驟？網站建置需要多少時間？

找網站設計公司前，你可能會想知道網站建置各階段的準備工作有哪些，預計花多少時間完成。讓我們進一步解說，讓你了解各階段的重點工作。

網站建置流程圖 - 凱士網頁設計

1. 流程一：網站規劃階段 | 掌握網站架構、網站設計風格
2. 流程二：網頁設計階段 | 確認版面設計與操作流程
3. 流程三：網站建置階段 | 穩定開發、建立網站整體建構
4. 流程四：網站測試、上稿 | 細心校對網頁每一個細節
5. 流程五：網站正式上線與驗收

網站從零到有，將會歷經網站規劃、網頁設計、網站建置、網站測試上稿、上線驗收這5大階段流程：

1. 流程一：網站規劃階段 | 掌握網站架構、網站設計風格

當我們接到網站需求詢問後，將會展開電話需求訪談，了解網站需求、企業背景、網站架構、設計風格。訪談後約1週的時間，依訪談回饋提供網站規劃書和報價單，讓客戶了解並確認網站製作的工作範圍、網站架構、預估費用、報價項目。規劃書和報價可能會來回討論和修改幾次，定案後進行簽約。

準備好你的網站架構表(Sitemap)
確認報價、專案範圍與工作項目
網站開發時程預估
簽約確認

預估時間：1~2週

網站進度：5~10%

延伸閱讀：公司官網設計、網站建置前有哪些重點工作？

延伸閱讀：網站架構、網站內容要放些什麼？網站架設前該準備的公司網站架構、參考清單

2. 流程二：網頁設計階段 | 確認版面設計與操作流程

簽約後即可開始進行網頁設計。從首頁開始，透過訪談及需求匯整後，提供提案稿給客戶進行討論，確認後再進行設計稿。首頁是整個網站設計風格與樣式的基準，首頁定稿也就代表網站風格定下來了。完成首頁設計後，就可以往下進行各內頁的設計，並確保各內頁設計風格的一致性。完成各內頁版面設計並經雙方確認後，即可進行下一階段的網站建置工作。

首頁提案稿確認
首頁設計稿確認、網站設計風格定稿
各內頁設計、對稿，建立設計說明書
網站客製功能版面設計(UI)、流程規劃(UX)、資料庫規劃
建立切版說明書

預估時間：4~6週

網站進度：10%~50%

延伸閱讀：談網頁設計流程：如何進行視覺設計溝通？

3. 流程三：網站建置階段 | 穩定開發、建立網站整體建構

這個階段的工作包含前台網頁切版(html+CSS)、CMS後台系統整合、資料庫與程式功能建置。這段時間可以進行網站上稿資料的整理和歸檔。

網站進行本地端開發與測試(於設計公司內部開發環境)
網站選單架構建立
網站切版工作、RWD響應式網頁
網頁前端CSS樣式、網頁動態效果
網站客製功能撰寫、邏輯測試、單元測試

預估時間：3~4週

網站進度：70%~80%

延伸閱讀：網站建置採用CMS系統有什麼好處？5個CMS後台管理系統的優點

4. 流程四：網站測試、上稿 | 細心校對網頁每一個細節

網站在測試流程中有幾個小階段，當網站於開發環境初步建置完成後，就會在開發環境中依網站架構表(sitemap)進行選單/內容建置、基礎功能性測試，待網站轉移至demo site後，就可以讓客戶看到約80%網站的樣子。在這個階段可以驗證網站是否如規劃書和設計稿呈現在網路上，RWD及網頁瀏覽切換也可以在這個階段得到實際的反饋。網頁內容上稿的過程中，也能用來驗證當初的版面規劃是否符合實際上稿的情況。各語言版本的資料也會在第一語言版本確認後開始進行。這個階段會經過反覆的測試和微調，確認無誤後，就可以進行網站正式上線，轉移到正式主機。