我們做網站時，最常延誤上線日的原因很少是設計或技術，大多是素材：照片還沒拍、服務介紹還在改、網域不知道當初是誰買的。
這篇把第一次做網站要準備的東西分成四類：文字、照片、Logo、帳號，每一項寫清楚要準備什麼、用什麼格式交最省事，最後附上一份時程表，讓你知道什麼時候該交什麼。
開工前要先想清楚的方向問題，例如網站要達成什麼、客人是誰，可以先看〈第一次開會會問的 10 個問題〉。這篇處理的是方向確定之後，實際要交出去的東西。
素材總覽：四類一次看
不是每個網站都需要全部的項目。一頁式網站的文字可能只要一半，電商網站則要多準備商品資料。先看完清單，把跟你有關的勾起來。
文字：給資訊就好，不用寫成文章
很多人以為要先寫好完整文案才能找人做網站，其實不用。條列重點、口述錄音、舊的簡報或型錄都可以，文字整理可以交給設計團隊。你要提供的是正確的資訊。
一定要有的：
- 品牌介紹：你是誰、做什麼、為什麼開始做、跟同業有什麼不同
- 服務或產品說明：每一項的內容、適合誰、價格或價格範圍、進行流程
- 聯絡資訊：電話、Email、地址、營業時間、LINE 或社群連結
- 常見問題：客人最常問的 5～10 個問題和你平常的回答
有的話更好：
- 客戶評價：客人傳來的感謝訊息、Google 評論，記得先問過客人能不能公開
- 品牌故事、團隊介紹：創辦人的經歷、團隊成員的專長
- 得獎、媒體報導、合作夥伴：可以建立信任的證據
常見的坑：服務說明寫了三個版本，網站做到一半才發現價格要改。交出去之前，先跟內部確認一次，價格和服務項目以哪一版為準。
照片：數量夠、原檔交，比修圖重要
照片對網站質感的影響最大，也是最常拖延的素材。
需要哪些：
- 形象照：首頁開場用，最能代表品牌的畫面
- 產品或作品照：每項產品或案例至少 2～3 張，包含整體和細節
- 團隊或創辦人照：放在關於我們，讓客人知道背後是誰
- 空間照：有實體店面、工作室或工廠的話一定要有
交照片的方式：
- 交原始檔：用 LINE 傳照片會被壓縮，畫質變差。改用雲端硬碟分享資料夾，或在 LINE 選擇以原始畫質傳送
- 橫的直的都要：電腦版多用橫圖，手機版常用直圖，同一個畫面兩種都拍最好用
- 檔名或資料夾分類：依頁面或產品分資料夾，比一百張散在聊天室裡好找很多
照片不夠或品質不理想，可以考慮請攝影師拍一次，或討論用 AI 協作補上情境圖。basedot 也可以協助透過 AI 製作部分圖片素材，但產品本身的照片，建議還是用實拍。
Logo：找到原始檔，省下重畫的時間
Logo 會用在網站左上角、瀏覽器分頁的小圖示、分享到社群時的預覽圖，需要不同尺寸和版本。
請準備：
- 向量原始檔：副檔名是 AI、SVG、EPS 或 PDF 的檔案。向量檔放大不會模糊，是最好用的格式
- 去背 PNG：背景透明的圖片檔，沒有向量檔時的替代
- 不同版本：橫式、直式、只有圖形的版本，以及深色背景用的反白版本
- 品牌色色碼：例如 #2F5D50 這樣的色碼，沒有的話我們可以從 Logo 取色
常見的坑：手上只有一張從名片截下來的圖。向量檔通常在當初設計 Logo 的設計師手上，可以先聯絡對方要檔案。真的找不到，也可以討論重新描繪。
帳號：先確認在誰名下
帳號最容易被忽略，但會直接卡住上線日。
- 網域：網站的網址，例如 yourbrand.com。已經買過的話，確認在哪裡買、登入帳號是誰的、什麼時候到期。還沒買的話，先想好 2～3 個想要的名稱
- Google 帳號：之後用來管理 GA4（Google 的網站流量分析工具）和 Search Console（查看網站在 Google 搜尋表現的工具）。建議用公司共用的帳號，避免員工離職就登不進去
- 社群和 LINE 官方帳號：整理好連結，網站上的按鈕要連過去
- 電商網站另外要準備：金流和物流服務的申請。申請需要審核時間，越早開始越好
所有帳號建議登記在你自己或公司名下，網域尤其重要。不然之後想換合作對象，可能連網址都拿不回來。如果是舊網站改版，還要準備舊網站的網址清單，細節可以參考〈網站改版前要準備什麼？〉。
準備時程表：什麼時候該交什麼
一頁式網站大約 1～2 週、形象官網大約 2～4 週、電商網站大約 1～2 個月，有 AI 協作產出初稿和處理圖片，時間可以再縮短。前提是素材跟得上。以形象官網為例，素材的交付時間大致是這樣：
| 時間點 | 你要準備 | 為什麼這時候要 |
|---|---|---|
| 開工前 | 品牌介紹、喜歡的參考網站、Logo 原始檔 | 用來規劃架構和決定設計風格 |
| 開工第 1 週 | 服務說明、價格、形象照 | 首頁雛型需要真實的文字和照片 |
| 開工第 2 週 | 其他頁面的文字、產品或作品照、常見問題 | 首頁方向確認後，其他頁面照同樣風格展開 |
| 上線前 1 週 | 網域登入資訊、社群連結、確認聯絡資訊 | 準備綁定網域和最後檢查 |
| 上線前幾天 | 試用網站，列出修改意見 | 依優先順序修正後上線 |
電商網站要再加上商品資料：名稱、規格、價格、庫存、商品照、運費規則。商品多的話，用試算表整理最快。
如果某一項素材還沒好，先跟合作團隊說，可以先用示意文字或暫代照片推進，不要讓整個專案停下來等。完整的合作步驟可以參考〈basedot 網站建置流程公開〉。
做網站要準備什麼常見問題
素材很少，可以先開始嗎？
可以。規劃階段會先盤點需要哪些內容，你只要準備品牌的基本資料。缺的部分，可以討論用 AI 協作補上文案初稿和情境圖，再由你確認內容是否正確。
文案一定要自己寫嗎？
不用。你提供資訊，例如條列重點、口述錄音、舊的型錄，文字交給設計團隊整理。你要負責的是確認內容正確，以及讀起來像你的品牌。
一定要請攝影師拍照嗎？
不一定。手機拍攝只要光線充足、畫面乾淨，用在網站上也可以。產品是主角的電商網站、或很重視質感的品牌，請專業攝影師拍一次會差很多。
網域還沒買，會影響進度嗎？
不太會。網站可以先在測試網址上製作，上線前再綁定網域。建議先想好名稱、確認還能註冊，避免要上線時才發現想要的網址被用掉了。
結論：先交能交的，網站就能動起來
做網站要準備的東西看起來很多，分成文字、照片、Logo、帳號四類，一項一項處理，其實不難。重點是先交能交的，不用等全部完美才開始，也記得把網域和帳號留在自己名下。
把這份清單和時程表印出來或存成筆記，跟合作團隊一起對照進度，網站就能照計畫上線。
有架設網站的需求，歡迎跟 basedot 網頁設計聯繫。
