通天網有限公司
Knowledge文章知識

【建站準備】做網站前,品牌該先準備哪些素材?

2025.04.22 | 673
【建站準備】做網站前,品牌該先準備哪些素材?

網站設計公司最怕遇到一種狀況:開完會後請客戶提供素材,結果等了兩週,收到一張模糊的 LOGO 截圖和一句「其他的你們先隨便放」。

不是客戶不配合,是真的不知道該準備什麼。這篇文章就是為了解決這個問題——把建站前該準備的東西整理清楚,讓你和設計團隊的合作從第一天就順暢。


LOGO 檔案:別再給設計師 LINE 截圖了

LOGO 是網站上最醒目的品牌元素,檔案品質直接影響整體質感。用手機截圖或從 Facebook 下載的 LOGO,放到網站上一定會糊掉。

請翻出當初設計 LOGO 時的原始檔案,通常設計師會交付以下格式:

  • 向量檔(.AI、.EPS、.SVG):放大縮小都不會失真,網站和印刷都用得到
  • 透明背景 PNG:適合直接放在網頁上,不會有白色方塊
  • 反白版本:深色背景時使用,像是網站頁尾或深色主題區塊
找不到原檔怎麼辦?
聯絡當初設計 LOGO 的設計師或印刷廠,通常他們會保留檔案。如果真的找不到,設計公司也可以協助用現有圖檔重新描繪向量檔,但會額外收費。

品牌色與字體:讓網站跟你的名片是同一家公司

如果你的名片是深藍配金色,結果網站做出來是粉紅配淺灰,客戶看到會覺得「這真的是同一家嗎?」

品牌色和字體是維持視覺一致性的關鍵。如果公司有品牌識別手冊(Brand Guideline),直接提供給設計團隊就好,裡面通常會包含:

  • 主色和輔色的色碼:Hex(如 #076fb8)、RGB 或 Pantone 色號都可以
  • 指定字體名稱:告訴設計師你的品牌慣用什麼字體,像是 Noto Sans TC、思源黑體、或特定的英文字體
還沒有品牌色?
沒關係,設計師會根據你的產業特性和品牌調性,幫你建議合適的配色方案。不過如果你有「喜歡的顏色方向」或「想避開的顏色」,先告訴設計師會讓溝通更有效率。

品牌照片:圖片決定網站的第一印象

打開任何一個讓你覺得「這網站看起來很專業」的企業官網,仔細看——多半不是因為特效炫或排版花俏,而是照片品質好。

網站設計再怎麼精緻,如果放上去的是日光燈下用手機拍的產品照,整體質感還是會被拉下來。

建議準備的照片類型:

  • 主視覺大圖:首頁 Banner 用,建議橫式構圖、高解析度(至少 1920px 寬)
  • 產品或服務照:實拍為佳,場景照比去背照更有溫度
  • 團隊或老闆形象照:放在「關於我們」頁面,讓客戶看到人會更有信任感
  • 工作環境或店面照:實體店家特別需要,客戶想看到真實的空間
暫時沒有專業照片?
設計師可以先用高品質免費圖庫(Unsplash、Pexels)的照片做版面配置,等你之後拍好實際照片再替換。但網站上線前,至少產品照和 LOGO 要用自己的。

文字內容:設計師做不了的事

設計師能幫你做出好看的版面,但沒辦法替你寫出「你的公司到底在做什麼」。有些資訊只有你自己知道,早點整理好,開發時程就不會卡在「等客戶給文案」這一關。

建議先準備好的文字:

  • 公司簡介:不用寫得很文青,說清楚你們做什麼、服務哪些客群就好
  • 服務或產品介紹:每項服務一段簡短說明,寫出客戶在意的重點
  • 品牌核心價值:你們跟競爭對手的差異是什麼?客戶為什麼該選你?
  • 常見問題(FAQ):客戶最常問你什麼?直接放上去,省得每次重複回答

文字不用寫得完美。先把想法列出來,設計公司通常能協助編修潤飾。重點是——內容要你自己先想過,因為沒有人比你更了解你的生意。


社群與聯絡資訊:客戶找得到你才有用

這部分常常到最後一刻才被想到,結果網站要上線了還在等客戶確認電話號碼。提早整理好以下資訊:

  • 公司電話、Email、地址(如果有實體據點)
  • Facebook、Instagram、LINE 官方帳號的連結
  • Google 地圖的嵌入資訊(Google Maps 上搜尋到你的商家後,點分享→嵌入地圖)
  • 聯絡表單需要收集哪些欄位(姓名、信箱、電話、需求說明?)

網站架構和風格參考:讓設計師讀懂你的想法

「我想要一個有質感的網站」——這句話對設計師來說,其實什麼都沒說。每個人對「質感」的定義不一樣。

更有效的溝通方式是:

✦ 提供 2-3 個你喜歡的網站
附上網址,並說明你喜歡它的哪個部分——配色、排版、動態效果、還是整體氛圍。
✦ 列出你需要的頁面
常見的頁面組合:首頁、關於我們、服務項目、作品案例、最新消息、聯絡我們。你可以根據自己的需求增減。
✦ 告訴設計師你「不要」什麼
有時候說清楚不喜歡什麼,比說喜歡什麼更有用。「不要太花」「不要深色」「不要自動播放音樂」這類反向條件,能幫設計師快速縮小方向。

素材準備檢查清單

整理一下,開案前建議備齊的東西:

項目格式 / 說明優先度
LOGO 原始檔.AI / .SVG / .PNG(透明背景)必備
品牌色碼Hex / RGB / Pantone必備
品牌字體字體名稱或字體檔案有更好
產品 / 服務照片高解析度實拍照必備
團隊 / 環境照形象照、辦公室或店面照有更好
文字內容公司簡介、服務說明、FAQ必備
社群 / 聯絡資訊FB、IG、LINE、電話、地址必備
參考網站2-3 個喜歡的網站網址有更好

不用一次全部到位。設計團隊通常會在開案時引導你逐步收集,但如果能提早準備,合作過程會順很多,也能避免因為等素材而拖延時程。


如果你正準備做品牌網站,歡迎帶著手邊有的素材來跟我們聊聊。通天網有限公司在開案前會有完整的需求訪談流程,幫你釐清該準備什麼、怎麼準備,讓整個建站過程不卡關。

更多文章知識

2026 / 05 / 01
結構化資料是什麼?為什麼它如此重要?什麼是結構化資料?結構化資料是網頁中的資訊,使用規範格式來描述網站內容,使搜尋引擎能更好地理解和處理這些資訊。對...
2026 / 05 / 01
為什麼微網紅的影響力往往被低估? 微網紅行銷一直以來被誤解,因為他們的追隨者基數較小,但事實上這是他們的優勢所在。微網紅的受眾通常對其內容有著更高的忠誠度和信任...
2026 / 04 / 15
GEO 優化:讓你的網站成為 ChatGPT 的資訊來源 當使用者向 ChatGPT 提問「台北最好的網頁設計公司是哪家?」或「台中哪裡有推薦的系統櫃工廠?」時...