ENsearch btn

2020-12-31
Eric Wang

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

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

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

 

網站從零到有,將會歷經網站規劃、網頁設計、網站建置、網站測試上稿、上線驗收這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%

 

 

 

 

cadiis

Eric Wang

凱士網頁設計公司 專案經理 Eric,擁有設計與理工背景,擅長和行銷、業務、管理、資訊、設計等專業人員進行跨領域溝通,樂於分享與討論,長期致力於網頁設計白話文運動。

 

 

好的形象網站設計,可以幫助提升品牌形象與企業價值,透過清楚的網站架構與視覺設計,造就良好的使用者體驗與企業形象。

 

需要形象網站設計嗎?

凱士為您設計優質形象網站
以及客製化網頁

 

立即填表諮詢

想進一步了解網頁設計服務?