先選一件訪客要完成的事
先把「想做一個好看的網站」改成能驗收的任務。本官網的示範任務是：讓有網站、SEO、AI 自動化或品牌聯名需求的人，看懂服務、確認作品，最後能清楚說明需求。這不是把所有資訊放進首頁，而是安排一條做決定的路徑。
選主題時可用「對象＋問題＋下一步」寫成一句話。需求句型示例：讓第一次尋找網站製作服務的品牌經營者，分辨新站建置與舊站整理，並帶著現有資料開始洽詢。
服務、案例、聯絡各自解答不同問題。若每一頁都只寫「專業、用心、立即洽詢」，訪客仍然缺少比較和決定的依據。
一份已填好的網站內容地圖
以下以河豚迷因工作室目前的主站頁面，示範如何分配訪客問題、必要內容與下一步。這是五種內容角色，不是限制只能做五頁；關於、隱私權與條款仍保留在可找到的位置。
- 01
首頁
- 訪客問題
- 這間工作室能幫我做什麼？
- 必要內容
- 品牌名稱、四類服務、精選案例
- 下一步
- 查看服務或案例
- 02
服務頁
- 訪客問題
- 我的需求適合哪種服務？
- 必要內容
- 網站、SEO、AI、IP 的適用情境與合作入口
- 下一步
- 查看相關案例或整理需求
- 03
案例頁
- 訪客問題
- 有沒有相近的實際作品？
- 必要內容
- 作品圖片、做了什麼、公開作品與合作方連結
- 下一步
- 查看作品或詢問相關服務
- 04
教學文章
- 訪客問題
- 我可以先怎麼準備？
- 必要內容
- 一個完整問題、實例、可使用的清單
- 下一步
- 完成資料準備或閱讀下一篇
- 05
聯絡頁
- 訪客問題
- 怎麼說明我的需求？
- 必要內容
- 服務選項、目標與現有資料、Email／LINE 入口
- 下一步
- 整理需求後選擇聯絡方式
我們把完整教學放在專欄，首頁只保留摘要與入口；作品頁用實際圖片建立理解，再接到相對應的服務。這樣可以維持第一眼簡潔，同時讓想深入了解的人有足夠資料。
把自己的資料放進規劃表
規劃表多留了「待補素材、負責人、驗收方式」三欄。它們能把抽象的頁面清單變成真正可分工的工作：例如案例頁缺的不是一句文案，而是可公開的截圖、作品連結及確認描述的人。
驗收方式要能實際操作。「看起來很專業」不容易判斷；「手機上能找到一個相關案例，並從案例進入聯絡頁」則可以直接測試。負責人欄使用角色或職稱即可，不需要先填個人聯絡資料。
兩份檔案都包含頁面、訪客問題、必要內容、下一步、待補素材、負責人與驗收方式七欄。
上線驗收，不只看首頁
先按一遍「首頁→服務→案例→聯絡」的完整路徑，再分別檢查手機版與桌機版。只看首頁截圖，容易漏掉文章內的破圖、服務選項不符或聯絡按鈕失效。以下清單也適合用在改版後的複查。
上線後要看哪些結果？
先分開判斷「功能能不能用」和「訪客有沒有採用」。服務按鈕可以開啟聯絡頁，是功能測試；訪客是否願意開始整理需求，則要用真實造訪資料和收到的詢問確認。兩者不能互相代替。
沒有資料時，先記錄服務入口、案例入口與聯絡方式，不要因為幾次點擊就大改版面。若追蹤有問題，先修追蹤；若素材不足，補真實作品與說明。這比反覆更換顏色更能縮小問題範圍。
技術驗收可接著看官網 SEO 檢查實例；有了內容地圖，再閱讀內容網站資訊架構安排更多分類。