多數網站製作專案的失敗，並不是敗在設計不夠好看，而是敗在一開始沒有把問題定義清楚。當需求只有一句「我們要做一個網站」，接下來的每一次討論都會變成主觀喜好的攻防：這個顏色不喜歡、那張圖換一下、標題再大一點。等到上線之後才發現，網站確實比舊版漂亮，但該來的詢問還是沒有來，因為沒有人在一開始問過「這個網站要替公司完成什麼事」。
網站製作是一連串有先後順序的決策，每一個階段都有它必須產出的東西，也都有它最容易卡住的地方。這篇把完整工序拆開，說明每個階段你該拿到什麼、該親自確認什麼，以及上線前後有哪些事情不能省。看完之後，你至少能在下一次跟廠商開會時，問出對的問題。
動工之前，先把三個問題的答案寫下來
在挑版型、選顏色之前，先用文字回答三個問題，並且讓決策者都同意這份答案。這份文件會成為整個專案的判斷依據，之後每次爭執「要不要加這個功能」時，回頭看它就有答案。
- 這個網站要解決什麼問題：是要增加詢問、支援業務拜訪、建立採購信任、招募人才，還是讓經銷商自己查得到資料
- 主要訪客是誰：他們在什麼情境下打開你的網站、心裡有什麼疑慮、最想確認什麼資訊
- 什麼叫做成功：訪客做出什麼具體行為算數，例如填寫表單、撥打電話、下載型錄、預約參觀
第三個問題最常被跳過，卻最重要。如果沒有事先定義成功行為，網站上線後就無從檢討，只能靠感覺說「好像有變好」。把成功行為寫清楚，設計時才知道要把哪個按鈕放在哪裡，上線後也才知道要追蹤什麼。
一個完整專案的七道工序，以及每道的產出
工序不能跳，但可以依專案規模調整深度。小型網站可能把線框稿與設計稿合併，大型網站則會在資訊架構階段花上更多時間。重點是每個階段都要有具體產出並經過確認，而不是一路做到最後才第一次看到成果。
- 需求訪談：產出需求文件，包含目標、對象、功能清單與時程
- 網站地圖與資訊架構：產出頁面清單與層級關係，確認選單怎麼分類
- 線框稿：產出每個頁面的區塊順序與元素配置，此階段只談結構不談配色
- 視覺設計：產出電腦版與行動裝置版的設計稿，確認字級、色彩與圖片風格
- 內容與素材：產出正式文案、照片、影片、圖表，這是最常延誤的環節
- 程式開發與系統建置：產出可操作的網站、後台與表單，完成必要的串接
- 測試與上線：產出測試紀錄、教育訓練、後台帳號與備份設定
資訊架構這一關值得多花時間。選單怎麼分類、哪些內容該獨立成頁、哪些該合併，會直接影響訪客找不找得到東西，也會影響搜尋引擎怎麼理解你的網站。常見的錯誤是照著公司內部的組織架構分類，但訪客不理解你的部門怎麼分工，他只想找到解決自己問題的那一頁。
設計稿交到前端手上時，最容易出錯的地方
設計稿是靜態的，網站是動態的，中間的落差就是最常出問題的地帶。以下幾項如果在設計階段沒有先想過，實作時就會出現「跟設計稿不一樣」的爭議。
- 中文長度變化：標題兩行、產品名稱特別長、某個欄位只有兩個字，版面會不會壞掉
- 互動狀態：滑鼠移過去、按下去、載入中、輸入錯誤、送出成功，各自長什麼樣子
- 空狀態：沒有案例、沒有最新消息、搜尋沒有結果時，頁面要顯示什麼
- 斷點設計：平板與各種尺寸的行動裝置上，多欄的版面要怎麼重新排列
- 字型授權：設計稿使用的字型是否具備網頁嵌入授權，不能只看好不好看
- 圖片規格：每個位置的圖片尺寸與比例是多少，之後客戶自己上傳時要遵守什麼規則
最後一項對長期維護特別關鍵。網站交付之後由客戶自行更新內容，如果沒有事先定義圖片尺寸規則、也沒有在後台做好裁切機制，過幾個月版面就會被各種比例的圖片弄亂。好的網站製作會把「客戶自己更新之後仍然好看」納入設計條件，而不只是把交付當天的樣子做好。
上線前你該親自檢查的驗收清單
驗收不要只看首頁美不美。以下這些項目，每一項都用實際操作確認過，出問題的機率會大幅下降。
- 用自己的手機、平板與電腦各開一次，確認版面與按鈕都能正常操作
- 實際填寫並送出每一個表單，確認收件信箱真的收得到，自動回覆信也正常
- 確認網址已啟用安全憑證，輸入不存在的網址時會導向設計過的錯誤頁面
- 檢查每一頁的標題與描述都有填寫，不是全站共用同一組
- 確認圖片有替代文字、標題階層符合內容結構、網站地圖與索引設定已提交
- 確認追蹤工具已安裝並能正確記錄到目標行為
- 取得後台管理員帳號、確認備份機制與備份存放位置
- 用行動網路實測開啟速度，不要只在辦公室的網路環境測試
另外要留一段時間做教育訓練，並且錄影存檔。實務上真正會操作後台的人，常常不是參與專案的那位窗口，而是之後接手的行政或行銷同仁。有一份操作影片與簡單的圖文說明，可以省下大量後續的詢問往返。
報價怎麼比較才不會踩到隱藏成本
網站製作的價格落差來自規格，而不是誰比較黑心。同樣一句「做一個公司網站」，可能是套用現成版型換文字，也可能是全客製設計加上會員系統與資料串接。要求對方把規格拆開列出，比較才有意義。
- 頁面數量與設計模板數量，以及超出範圍時怎麼計價
- 是否使用可自行維護的內容管理系統，後台可編輯的範圍到哪裡
- 文案與攝影由誰負責，圖庫授權是否包含在報價內
- 表單、金流、物流、會員、預約或其他系統串接的項目與數量
- 多語系版本的語言數與翻譯品質層級，內容更新流程怎麼設計
- 搜尋引擎基礎設定包含哪些項目，是否含網站地圖與索引提交
- 修改次數上限、驗收方式、保固期間與保固範圍
- 主機、網域、憑證的第一年與續年費用，以及維護服務的內容與計費方式
價格明顯偏低的方案，成本通常轉移到後面：不交付來源檔、後台無法自行修改、網域註冊在對方名下、想加一個小功能就另外報價。建議在比價時直接問「第二年我需要付哪些費用」，這個問題的答案往往比首年報價更能反映真實的持有成本。若你正在整理需求，也可以先了解官網架設的整體規劃方式，再回頭調整自己的功能清單。
常見問題
網站製作大概需要多久時間？
取決於頁面數量、客製程度與素材準備狀況。一般而言，需求訪談到資訊架構確認需要一段時間，設計與開發是主要工期，測試與教育訓練則不宜壓縮。實務上影響進度最大的變數不是設計或程式，而是文案與照片何時到位，以及內部審核者是否能在約定時間內回覆意見。建議在啟動時就排定每個階段的確認期限與負責人，並讓最終決策者在線框稿階段就參與，避免設計完成後才推翻方向。
網站製作前要準備哪些資料給廠商？
至少準備標誌的向量檔、品牌色與字型指定、公司與服務介紹的文字初稿、產品或服務的照片、以及希望呈現的實績或案例。另外整理一份參考網站清單，並註明喜歡的具體原因，例如是排版清楚還是資訊層級好，這比只說「喜歡這個風格」有用得多。若已有舊網站，也提供後台帳號、網域註冊資訊與主機資料，方便評估資料搬移與網址轉址的處理方式。
套用版型和客製化製作，差別在哪裡？
差別在彈性與長期成本。套用版型速度快、初期投入低，適合資訊量不多、需求變動小的情況，但版面結構受限，要做超出版型設定的調整時往往得花更多工夫，甚至需要換版型重做。客製化製作依你的內容與流程量身規劃，資訊架構與後台欄位都能配合實際營運，日後擴充功能也比較單純。判斷方式是看未來一到兩年會不會新增服務線、功能或語系，變動越多，客製化越划算。
為什麼選擇京采數位科技
- 2005 年成立，累積服務 600 家以上客戶
- 10 人專業團隊，服務全台，可安排到府面談
- 具備繁體中文、簡體中文、英文、日文的多語系網站經驗
- 服務時間 週一至週五 9:00–18:30（12:00–13:30 午休）
- 具名案例可於「成果與案例」頁面查看
依內部量測期規劃，本頁尚未附上流量或排名等成效數字；相關實測數據會在量測期滿並取得客戶授權後更新。
相關主題
下一步
想進一步討論「網站製作」該怎麼規劃，可以參考我們的網站設計服務，或直接與我們聯繫，我們會依照你的產業與目標給出務實的建議。
