網頁設計前要準備什麼？一份讓專案更順利的清單

做網站前不需要先寫完所有文案，也不用畫好架構圖，但若只有一句「想做得有質感」，設計公司很難判斷範圍，報價只能依大量假設建立。

準備的目的不是替設計師完成工作，而是讓團隊先對網站任務有共同理解。

一、先寫清楚為什麼現在要做網站

請描述觸發專案的真實事件，而不是只寫「提升品牌形象」。例如：

• 公司推出新服務，舊站無法說明新的客群與方案
• 業務常重複回答相同問題，希望網站先完成基本教育
• 舊站手機難用、速度慢，詢問表單完成率低
• 內容散落在社群，想建立可搜尋的知識中心
• 品牌即將發表，需要在特定日期前上線

接著選出一個主要成果。它可以是合適詢問數、預約完成、履歷投遞、內容訂閱，或降低客服重複說明。不要一次把所有指標都列為最高優先。

二、描述主要受眾與使用情境

比起只寫年齡和職業，更有用的是決策情境：他為什麼開始找？最在意什麼？有哪些疑慮？需要與誰討論？使用手機還是桌機？

可以用這個句型：

當＿＿遇到＿＿問題時，他會進入網站比較＿＿，需要先確認＿＿，才願意＿＿。

如果有兩種差異很大的受眾，例如企業採購與一般消費者，請分開描述，並決定網站首頁優先服務誰。

三、整理現有內容與素材

建立一個共用資料夾，先收集而不是急著美化：

• 公司與品牌簡介
• 服務或產品資料
• 報價、流程與合作條件
• 客戶常問問題
• 案例背景、執行過程與結果
• 團隊介紹與專業資格
• Logo、品牌規範、照片、影片與插圖
• 舊網站數據、搜尋表現與有效頁面

每份資料標示「可直接用、需更新、僅供參考」。這一步能快速看出缺口，也避免設計到一半才發現沒有案例圖片或服務內容。

四、列出預計頁面，但不要只用頁數思考

先用訪客問題建立初步網站地圖：

訪客問題	可能頁面
你們能幫我什麼？	首頁、服務總覽
這項服務適合我嗎？	個別服務頁、FAQ
有沒有做過類似情況？	案例總覽、案例內頁
為什麼相信你們？	關於、團隊、方法、證據
下一步怎麼做？	聯絡、預約、詢價表單

同一個「服務頁」可能很簡單，也可能包含方案比較、案例、流程與問答。報價時最好同時提供頁面任務與大致內容，不只提供數量。

五、把功能分成必要、希望與未來

功能清單容易愈列愈長。建議分三級：

1. 上線必須有：沒有就無法完成主要任務。
2. 有會更好：能改善效率，但可在第二階段加入。
3. 未來可能需要：先保留擴充方向，不納入本期。

常見功能包括表單、搜尋、篩選、多語、會員、預約、金流、地圖、電子報、CRM 與第三方 API。請註明現有服務帳號與預期流程，因為「串接預約」可能只是放一個外部連結，也可能是複雜的即時排程系統。

六、提供參考網站，但說明理由

不要只貼一排網址。每個參考網站請標註：喜歡的是首頁節奏、文字感、案例分類、手機選單，還是某個互動？也可以提供不喜歡的例子與原因。

參考是用來建立語言，不是要求複製。若參考站的內容量、攝影資源與品牌知名度不同，結果也不會完全相同。

七、確認時程、預算與決策方式

時程

寫出真正不能延後的日期與原因，例如展覽、募資、品牌發表。若只是「越快越好」，也請說明理想區間。

預算

提供可行區間能幫助團隊安排範圍。預算不足時，可先完成核心頁面、使用現有素材或把非必要功能排到下一階段，而不是讓所有工作都停留在最低品質。

決策

確認誰提供內容、誰整合意見、誰做最後決定。多人各自回饋但沒有單一窗口，是網站延誤最常見的原因之一。

可直接複製的需求摘要

• 公司／品牌：
• 現有網站：
• 這次做網站的原因：
• 主要受眾與情境：
• 最重要的訪客行動：
• 預計頁面：
• 必要功能與第三方服務：
• 已有內容與缺少素材：
• 喜歡／不喜歡的參考：
• 預計上線日：
• 預算區間：
• 內容窗口與決策者：

完成這份摘要後，再聯絡設計公司。你不需要把所有答案寫得完美，卻能更快看出對方是否願意理解問題。接著可閱讀網頁設計費用怎麼看並把各項工作範圍列成自己的報價比較表。