做網站的流程：從需求、設計稿、切版到上線，每一步老闆要做什麼

第一次委託別人做網站的老闆，常常不知道接下來會發生什麼事。付了訂金之後，什麼時候會看到畫面？要準備什麼？改到什麼時候就不能再改？

網站製作大致分成 8 個步驟。每一步都有老闆要決定、要提供的東西，先知道流程，合作會順利很多。

1. 需求訪談

先講清楚：網站要做什麼、給誰看、希望客人看完做什麼（打電話、加 LINE、下單）、預算和希望上線的時間。也可以帶幾個喜歡的網站來參考，說出喜歡哪裡。

老闆要做的：想清楚網站的目標，準備公司的基本資料。可以先看〈委託做網站前要準備什麼？〉的清單。

2. 網站架構與內容規劃

決定網站有哪些頁面、每一頁放什麼、頁面之間怎麼連。這一步會產出一張「網站地圖」，像一本書的目錄。

老闆要做的：確認頁面和選單。這時候增減頁面最容易，之後才加會影響時程和費用。一般企業官網需要哪些頁面，可以看〈企業官網要放哪些頁面？〉。

3. 設計稿

設計師先做首頁的設計稿，確定整體風格：顏色、字型、照片的感覺、版面的排列。首頁確認之後，再做其他頁面。

以前設計稿多半用 Photoshop 畫，現在常用 Figma 這類可以多人同時看、直接留言的工具。

老闆要做的：看設計稿、提出意見。意見越具體越好，例如「標題字可以再大一點」「這張照片太暗」，比「感覺不太對」更好改。這一步是調整版面最好的時機。

4. 切版與開發

設計稿只是一張圖，要變成真的網頁，得經過「切版」：把設計稿拆成文字、圖片、按鈕，用 HTML、CSS 寫成瀏覽器看得懂的網頁，同時調整成手機、平板、電腦都能正常顯示。接著套進 WordPress 這類系統，讓之後可以在後台自己改內容，再加上表單、購物車這些功能。

老闆要做的：這段時間主要是準備內容。設計稿確認後才大改版面，等於要重新切版，會影響時程和費用。

5. 內容上架

把文字、照片、產品資料放進網站。

老闆要做的：提供文字和照片。這是最常讓網站延遲的一步：網站做好了，內容還沒寫完。照片要確認有使用授權，相關說明在〈網站圖片和字型要有授權〉。

6. 測試

上線前要檢查：

• 手機、平板、電腦上的顯示
• 不同瀏覽器能不能正常打開
• 表單送出、通知信有沒有收到
• 網頁速度
• 每一頁的搜尋標題和說明、網站地圖

老闆要做的：自己用手機把每一頁看一遍，錯字和資料錯誤在這時候找出來。

7. 上線

網址指到正式主機、開好 SSL 憑證（https）、提交 Google Search Console 和網站地圖。舊網站換新網站的話，舊網址要轉到新網址，說明在〈網站搬家、換主機要注意什麼？〉。上線後的 SEO 步驟可以看〈網站上線後的 SEO 提交流程 6 步〉。

8. 教學與維護

上線之後，學會在後台自己改文字、換照片、發文章。網站也需要持續維護：主機、憑證續約、備份、系統更新。

老闆要做的：決定之後誰負責更新內容、誰負責維護。網站維護要做哪些事，可以看〈網站做好就沒事了嗎？〉。

最常讓進度卡住的 3 件事

內容遲遲沒給。 網站框架做好了，文字和照片還沒準備好。建議在步驟 2 確認頁面之後，就開始寫內容。

決定的人太多。 每個主管都有意見，設計稿來回修改。先指定一位負責確認的人，其他人的意見由他整理。

做到一半才改方向。 設計稿確認後才說要改成另一種風格，或突然要加購物功能。需求在步驟 1、2 就說清楚，最省時間也最省錢。

正威的做法

正威網路行銷是 25 年經驗的基隆網頁設計工作室，也提供台北網頁設計與全台灣的網站服務。形象／企業網站方案包含 RWD 響應式客製化設計、完整的 SEO 優化，以及後台操作教學，上線後由網站管家年費持續照顧主機、備份和更新。

準備要做網站，想先了解流程和費用？歡迎免費諮詢。