網站設計流程:從時程表一覽網站製作過程與所需時間

Eric Wang
2021-09-27

網站時程表
掌握網站設計流程與時程的關鍵

通常我們會以網站規劃、網頁設計、網站建置幾個簡單的流程來表達一個網站的建置過程。然而在實務上,一個完整的網站設計流程繁瑣複雜,透過一張網站設計時程表可以讓你更容易理解其中各階段的工作流程與時程關係。

 

 

網站設計時程表

 

 

 

 

首頁設計

首頁設計是整個網站設計風格的關鍵,首頁的配色與設計元素的應用決定了後續整個網站的UI/UX介面設計,當然也包含了整個網站的使用體驗。

 

首頁是網站的主要入口,網站首頁就像是一間公司的10秒PPT簡報,首頁的配置也是外來訪客理解公司定位的重要關鍵。

 

範例:中強光電 VSBG 首頁

img03

 

 

img03

功能頁版型設計

完成首頁設計後,緊接著就會是各單元的版型設計。系統性的版面設計如產品頁、最新消息,只要版型確定,就可以在後台無限制上架各頁面的資料。

 

範例:HarvestOne 產品列表

 

 

簡介頁編排設計

與版面設計同步進行的,是各頁面的編排設計。編排設計有別於單元版型設計,主要是在於需要設計編排的頁面,例如:公司簡介。通常這些頁面屬於介紹性的說明頁,透過有質感的編排設計,可以讓網頁更顯獨特。

 

範例:通嘉科技企業簡介

img03

 

 

 img03

網站系統建置

網站後台管理系統將會在這個時間進行導入與建置。CMS內容管理系統提供網站日後在管理上強而有力的基礎。

 

 

各單元網頁切版

切版,代表著前面設計階段的網頁設計稿都將在這個時間逐一切版成為真正的網頁,同時與CMS網站管理系統整合成一個可供執行運作的網站。

img03

 

 

 img03

客製程式撰寫與功能整合

網站依需求難易而有不同程度的資源投入,越是客製的網站,就需要更為深入的客製程式撰寫與資料庫整合。

 

 

DEMO網站上線

當本地端的開發工作進行到一個段落後,接著就是讓DEMO網站上線,這個階段就可以讓網站在DEMO主機上線,於此同時,客戶就可以透過DEMO網站瀏覽網頁。

img03

 

 

 img03

網頁內容上架

在DEMO網站上,不管是由網頁設計團隊或由業主客戶,都可以在這個階段從後台進行文字及圖片的上架。

 

 

圖文內容校稿

資料上架完成後,就進入了校稿階段,讓企業客戶內部人員、網站專責單位對網站內容進行校對。

img03

 

 

 img03

第二語言版本建置

完成主語系網站後,即可由企業客戶提供各語言版本文字稿,進行第二語言版本的網頁建置。語言功能與網頁介面建置完成後,日後可於後台進行各語言版本的內容更新。

 

 

正式上線

網站經過前面層層關卡程序,終於可以上線。在這個階段需進行網站轉移與網域指向。網站轉移至正式主機環境並完成網域指向後,網站即可在正式的網址上線。

img03

 

 

 img03

教育訓練

網站上線後,當然不可少的是網站後台操作的教育訓練。透過教育訓練課程,可以讓日後負責維護的行銷人員和資訊人員進行網站日常維運。

 

 

驗收

驗收是專案的最後一個流程,確保網站的每一個環節被確實執行。

img03