網站設計流程有哪些步驟?網站建置需要多少時間?
找網站設計公司前,你可能會想知道網站建置各階段的準備工作有哪些,預計花多少時間完成。讓我們進一步解說,讓你了解各階段的重點工作。
目錄
網站從零到有,將會歷經網站規劃、網頁設計、網站建置、網站測試上稿、上線驗收這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及網頁瀏覽切換也可以在這個階段得到實際的反饋。網頁內容上稿的過程中,也能用來驗證當初的版面規劃是否符合實際上稿的情況。各語言版本的資料也會在第一語言版本確認後開始進行。這個階段會經過反覆的測試和微調,確認無誤後,就可以進行網站正式上線,轉移到正式主機。
- 網站轉移進行實機測試(於demo主機)
- 網站架構流程檢視
- 網頁內容上稿、測試、確認
- RWD網頁檢視、跨裝置測試
- 多語言版本功能建置、資料上稿
預估時間:2~3週
網站進度:80%~90%
5. 流程五:網站正式上線與驗收
網站在demo site經過檢驗和測試無誤後,即可擇日轉移到正式主機,並進行全案驗收。這個階段會進行網站後台操作教育訓練,讓網站維護無後顧之憂。後續如有網站行銷工作,也會在這個階段展開。
- 網站轉移正式上線(於正式主機)
- 教育訓練
- 網站教育訓練
- 結案驗收
- 後續維護/年度合約
預估時間:2週
網站進度:90%~100%
![]() |
Eric Wang 凱士網頁設計公司 專案經理 Eric,擁有設計與理工背景,擅長和行銷、業務、管理、資訊、設計等專業人員進行跨領域溝通,樂於分享與討論,長期致力於網頁設計白話文運動。
|