
網站設計公司最怕遇到一種狀況:開完會後請客戶提供素材,結果等了兩週,收到一張模糊的 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 上搜尋到你的商家後,點分享→嵌入地圖)
- 聯絡表單需要收集哪些欄位(姓名、信箱、電話、需求說明?)
網站架構和風格參考:讓設計師讀懂你的想法
「我想要一個有質感的網站」——這句話對設計師來說,其實什麼都沒說。每個人對「質感」的定義不一樣。
更有效的溝通方式是:
附上網址,並說明你喜歡它的哪個部分——配色、排版、動態效果、還是整體氛圍。
常見的頁面組合:首頁、關於我們、服務項目、作品案例、最新消息、聯絡我們。你可以根據自己的需求增減。
有時候說清楚不喜歡什麼,比說喜歡什麼更有用。「不要太花」「不要深色」「不要自動播放音樂」這類反向條件,能幫設計師快速縮小方向。
素材準備檢查清單
整理一下,開案前建議備齊的東西:
| 項目 | 格式 / 說明 | 優先度 |
|---|---|---|
| LOGO 原始檔 | .AI / .SVG / .PNG(透明背景) | 必備 |
| 品牌色碼 | Hex / RGB / Pantone | 必備 |
| 品牌字體 | 字體名稱或字體檔案 | 有更好 |
| 產品 / 服務照片 | 高解析度實拍照 | 必備 |
| 團隊 / 環境照 | 形象照、辦公室或店面照 | 有更好 |
| 文字內容 | 公司簡介、服務說明、FAQ | 必備 |
| 社群 / 聯絡資訊 | FB、IG、LINE、電話、地址 | 必備 |
| 參考網站 | 2-3 個喜歡的網站網址 | 有更好 |
不用一次全部到位。設計團隊通常會在開案時引導你逐步收集,但如果能提早準備,合作過程會順很多,也能避免因為等素材而拖延時程。
如果你正準備做品牌網站,歡迎帶著手邊有的素材來跟我們聊聊。通天網有限公司在開案前會有完整的需求訪談流程,幫你釐清該準備什麼、怎麼準備,讓整個建站過程不卡關。