網站製作的5個階段

網站製作流程5階段》需求溝通、網站設計、網站開發、網站測試到正式上線！｜天矽網頁設計

網際網路發達的時代，消費者透過網路來搜尋網站上的產品或解決方案，網站絕對是網路行銷的重要推手，要如何製作客製專屬風格、專業且富有強大風格的網站呢？一定要瞭解網站製作的五個階段，每個階段詳細要做的工項或準備有哪些呢？

首先，一定需先瞭解要製作的網站為何種類型？例如：形象網站、購物型網站、系統型網站、平台型網站等，不同類型除了製作的費用不同，設計師、工程師需投入製作的時間與準備內容也不太相同。

瞭解網站需求後，接下來，就要擬定「網站單元」，也就是呈現內容是什麼？不同類型網站，呈現的內容都會有些許差異，我們就拿形象網站、購物型網站、系統型網站做舉例：

通常會有的單元，例如：關於公司、公司簡介、最新消息、產品介紹。不過還是需依每個產業特色，規劃相對應內容。

▲形象型網站範例(以千日為例)

當然就是以購物為首要! 這類型網站，不外乎會有各式不同的產品，需清楚標示產品價格，消費者可在網站直接購買。通常，會有的單元或功能：加入購物車、收藏喜愛產品、可瀏覽歷史購買紀錄。

▲購物型網站範例(以CLA為例)

可分報名型網站、預約型網站，例如：課程報名、服務預約、場地租借等。會有的單元或功能：課程特色、課程問與答、我要報名、可瀏覽報名的課程品項。

▲系統型網站範例(以文生美術為例)

得知網站需求要呈現的內容有哪些，接著就能擬定網站地圖(Sitemap)或網站架構圖，此階段，業務人員也會依網站架構進行詳細報價。如果是全新製作網站、不知道怎麼繪製網站架構，可參考XMIND免費軟體快速製作喔!

▲網站Sitemap範例

確定網站製作，業務或專案人員會將設計需求轉給設計師，此階段，也會與客戶進行詳細需求討論、向客戶瞭解網站想呈現的風格、色系、版面如何安排等。

瞭解需求後，設計師就會著手進行設計，天矽會先提供首頁及首次頁給客戶確認整體排版、設計等，待客戶確認風格與視覺，設計師就會開始進行切版。這個階段，網站的雛形將會完成。

▲網站製作 - 階段二設計流程

※備註：切版指，依設計師規劃的設計稿，將網頁區分成不同區塊，運用前端程式語言(Html、CSS)，實際做出點擊或滾動效果。詳細切版解說，及切版會有的內容，下篇待續~

進到階段三，工程師開始依客戶需求，客製化撰寫後台程式，使用程式語言php，將撰寫完成的程式串接網站前台，此時，若在後台新增、編輯資料，前台就能顯示相對應的內容了! 一個專業且富有強大功能的網站就此誕生。

後端程式人員，主要是讓網站整體功能可以順暢運行，像是資料庫建立、串接金流、API，或是撰寫加密、具安全的驗證系統，皆是後端工程師的範疇；與網頁設計不同的是，網頁設計主要負責網站整體視覺風格設計、切版；網站開發則是將程式與前台資料進行串接。

網頁設計	網站開發
主要負責網站整體視覺設計、UI & UX設計、切版(含RWD)	使用者在前台看不到的部分，就屬網站開發(後端程式)，例如 : 資料庫建立、安全驗證、金流串接..等

網站正式上線前，天矽會提供一至兩周的時間，給客戶進行網站功能測試，確保網站能正常營運。此階段，若測試時有遇問題，開發人員也會在此時進行調整，讓網站能正常運作，同時，該專案客服人員也會同步協助網址、主機空間申請作業，為網站正式上線做準備。

在客戶指定的時間完成網站上線作業，客戶即可開始進行網站行銷推廣，正式上線後的網站能被消費者搜尋到。網站正式上線後，天矽也會提供網站維護等工作，UX方面如有需優化或像是功能的追加，也可以再向天矽提出!

看天矽作品集回上一頁