找人做網站，最讓人不安的往往不是預算，而是不知道現在進行到哪裡、下一步是什麼、自己還要準備什麼。
這篇公開 basedot 做網站的完整流程，從第一次聊天到網站上線，共 8 個步驟。合作前先讀過一遍，你會知道網站是怎麼一步一步做出來的；就算最後不是找我們，也可以拿來對照其他廠商的流程。
流程總覽：4 個階段、8 個步驟
| 階段 | 步驟 | 你會拿到 |
|---|---|---|
| 初步討論 | 1 詢問、2 洽談 | 初步建議、訪談紀錄 |
| 規劃與報價 | 3 方案和報價、4 架構與資訊設計 | 網站規劃書、報價單、素材清單 |
| 設計與建置 | 5 設計與建置、6 實際測試 | 首頁雛型、網站預覽 |
| 上線與營運 | 7 網站交付、8 維護 | 正式網站、後台操作教學 |
第一階段：初步討論
很多網站做完卻沒有帶來生意，問題常常不在設計，而是一開始沒想清楚：這個網站是為誰做的？要讓看的人做什麼？所以我們不從版型開始，而是從你的生意開始。
步驟 1：詢問
透過 LINE、Email 或網站表單聯繫我們。還在很早期的階段也沒關係，「我想做一個網站，但還沒想清楚」是很常見的開場。
第一次聊天的目的不是推銷，而是判斷網站能不能解決你的問題。有時候問題其實在流量來源或產品定價，那我們會直接說。
- 你可以準備：品牌的基本介紹；有現有網站的話，提供網址。
步驟 2：洽談
確定方向後，我們會約一次線上會議，用固定的訪談架構把做網站需要知道的事一次問清楚：你的生意、品牌、目標客群、競爭對手、現有網站的問題、怎樣算成功，以及誰負責什麼。
其中有一題會特別追問：「如果只能改善一件事，你會選什麼？」這個答案會成為之後所有設計取捨的依據。訪談會問哪些問題，完整整理在〈做網站前先釐清商業目標：我們第一次開會會問的 10 個問題〉。
- 你可以準備：1～3 個喜歡的網站，說得出喜歡它哪裡最好；公司如果有多位決策者，建議一起參加。
- 你會拿到：訪談紀錄，請你確認我們理解的跟你想的是同一件事。
第二階段：規劃與報價
需求清楚之後，把它變成一份看得懂、可以拍板的規劃書。這個階段的原則是：網站要做什麼、不做什麼，開工前就講清楚。
步驟 3：方案和報價
依照訪談內容，建議適合的網站類型（一頁式、形象官網或電商網站），列出頁面、功能和時程，提出報價。報價依頁數和功能計算，寫清楚包含什麼、不包含什麼，不會有隱藏費用。
之後如果要新增頁面或功能，我們會先評估對時程和預算的影響，跟你討論後再做，不會做到一半範圍越來越大。報價單該怎麼看，可以參考〈網頁設計報價單怎麼看？〉。
- 你會拿到：網站規劃書、報價單。
步驟 4：架構與資訊設計
列出網站地圖：網站有哪些頁面，每一頁用一句話說明它的任務。首頁會再規劃區塊順序，第一眼要說什麼、在哪裡放作品建立信任、在哪裡放聯絡按鈕。
同時整理一份素材清單：每一頁需要哪些文案和照片、由誰準備、什麼時候要到齊。素材是做網站最容易卡住的地方，所以一開始就排進時程。
- 你會拿到：網站地圖、首頁區塊規劃、素材清單。
第三階段：設計與建置
這個階段我們大量使用 AI 加速，版面、配色、文案初稿、頁面建置都能更快完成。但哪個方向最適合你的品牌、細節是否到位，一定由人判斷。原則是先讓你看得到，再一起調整。
步驟 5：設計與建置
先定風格：決定品牌色、字型、按鈕樣式，整理成一份設計規範。之後每一頁都依照這份規範製作，全站視覺會一致，日後換色也只要改一次。
再做首頁雛型：不是靜態圖片，而是可以在手機上直接滑的網頁。你可以直接指出「這裡太擠」「這段想換順序」，首頁方向確認後，其他頁面照同樣風格展開。
一起製作內容：你不需要寫出完整的文章，條列重點、口述說明都可以，我們需要的是資訊，文字交給我們整理。照片會裁切成適合網頁的尺寸，作品或商品也在這一步完成第一批上架。
最後建置網站：除了畫面，也會一起完成看不到但很重要的設定：表單通知、每一頁的 SEO 標題和描述、分享到社群的預覽圖、GA4 流量追蹤，以及手機版檢查。
- 你需要做的：對雛型提出修改意見、準備素材清單中的資訊與照片。素材到齊的時間，會直接影響上線日。
步驟 6：實際測試
上線前完整檢查一次：錯字、電話和地址、每個按鈕和連結、表單能不能送出、通知信有沒有收到、不同手機和瀏覽器上版面有沒有跑掉、追蹤碼是否正常。
接著請你實際用一次測試版網站，把想修改的地方列出來，並標上優先順序：上線前一定要改、可以的話上線前改、上線後再改也可以。我們依照順序處理。
- 你需要做的：試用網站、列出修改意見。
第四階段：上線與營運
網站上線不是結束。這個階段除了讓網站順利上線，更重要的是讓你接得住，上線後能自己管理網站。
步驟 7：網站交付
綁定你的網域、設定網站圖示和分享預覽圖。如果是舊網站改版，也會把舊網址轉到新網址，避免客人點到失效連結、搜尋排名中斷，細節可以參考〈網站改版前要準備什麼？〉。
上線後立刻再檢查一次重要項目：實際送出一筆表單、確認你收到通知、追蹤數據有正常進來，確認沒問題才通知你。
接著是交接：實際示範後台怎麼改文字、換照片、新增作品和文章、查看表單留言，以及怎麼用 AI 協助修改。
- 你需要準備：網域（沒有的話我們協助購買）；改版的話，提供舊網站的網址清單。
- 你會拿到：正式上線的網站、後台操作教學。
步驟 8：維護
上線後，我們會持續維護主機，確保網站正常運作，網站也有自動備份（形象官網和電商網站保留 14 天）。日常的文字、圖片、文章更新，你可以在後台自己改，也可以接上 AI 用對話完成，做法可以參考〈網站後台接 AI 是什麼？〉。如果希望有人定期協助更新內容、檢視數據，也可以另外討論。
網站建置流程常見問題
做一個網站大概要多久？
一頁式網站大約 1～2 週，形象官網大約 2～4 週，主要看文案和照片準備的速度。有 AI 協助產出初稿和處理圖片，製作時間可以縮短；需要拍攝照片、功能比較多，或反覆調整文案的話，時間就會拉長。
整個過程中，我需要花多少時間？
主要集中在三個時間點：洽談時的訪談、提供素材、上線前的試用和確認。其他時間由我們推進，每個階段完成時會通知你。
手上素材很少，也能開始嗎？
可以。規劃階段會先盤點需要哪些內容，你只要準備品牌的基本資料。不足的部分，可以討論用 AI 協作補上文案和圖片。
已經有設計稿或線框圖，流程會不一樣嗎？
可以直接用現成的設計稿或線框圖，或在這個基礎上延伸，第二、三階段的時間會縮短，也有助於降低整體成本。
結論：流程清楚，網站才做得順
網站做得順不順，很少是技術問題，多半是溝通問題：需求沒講清楚、素材遲遲沒到、做到一半範圍一直變。把流程攤開來，每一步做什麼、誰負責、要拿到什麼都寫清楚，就能避開大部分的卡關。
有架設網站的需求，歡迎跟 basedot 網頁設計聯繫。
