活動 Banner 設計檢核表：上線前必查的 12 個細節
活動 Banner 是電商站上最貴的版位——首頁第一屏、全站曝光，卻也是翻車率最高的產出：字太多沒人讀、行動版裁到只剩半張臉、點了沒反應的假按鈕。這篇把我們內部的 Banner 檢核表整理成 12 點，設計完別急著上，照著掃一輪。
訊息層（1–4）
1. 三秒測試：把 Banner 給沒參與專案的人看三秒，問「這在賣什麼、優惠是什麼」。答不出來就是不合格——訪客給你的注意力只有這麼多。最常見的病因：想講的太多。一張 Banner 一個訊息，多的砍掉。
2. 文字層級是否清楚：主標（活動核心，最大）、副標（補充條件，次之）、行動呼籲（按鈕文字）三層，字級對比要夠明顯。三行字一樣大的 Banner，等於三行都不重要。
3. 優惠數字是否搶眼：「5 折」「滿千折兩百」這類數字是 Banner 的鉤子，應該是視覺焦點之一。數字藏在長句裡（「全館商品最低下殺五折起」）不如數字獨立放大。
4. 限制條件是否誠實標示：「部分商品除外」「折扣碼限首購」這類條件用小字標出——不是為了美觀，是為了避免客訴與廣告不實的爭議。小字可以小，但不能沒有。
視覺層（5–8）
5. 商品是否看得清楚：賣商品的 Banner，商品照要大、要清晰、要是去背或情境的高品質版本。用小圖或模糊圖，等於告訴訪客「商品不重要」。
6. 品牌色與活動氛圍的平衡：檔期視覺（如週年慶的熱鬧感）可以跳出日常色系，但 logo 與品牌元素要在——訪客要一眼知道「這是誰的活動」。整年每檔活動都換一套視覺語言的站，累積不了品牌記憶。
7. 對比與可讀性：文字壓在圖片上最容易出事——加暗色漸層或色塊墊底，確保任何背景下文字都讀得清楚。設計稿在大螢幕看沒問題，縮到手機尺寸再檢查一次。
8. 留白：元素塞好塞滿的 Banner，訪客的眼睛不知道往哪看。留白不是浪費版面，是幫視線導航。
技術層（9–12）
9. 行動版裁切檢查：多數站的桌機與行動版 Banner 比例不同，同一張圖直接縮放常裁掉重點。行動版要嘛獨立出圖，要嘛設計時就把安全區（重要元素集中區）規劃好。行動流量占七成的今天，行動版才是主版。
10. 檔案大小：Banner 是首屏最大的資源，超過 200KB 就該瘦身——WebP 格式、適當壓縮。首屏多一秒載入，轉換率就掉一截，再美的圖都賠不回來。
11. 連結與追蹤：點擊是否連到正確的活動頁（而不是首頁）、UTM 是否掛好（活動成效才追蹤得到）、整張圖是否都可點擊（只有按鈕能點的 Banner 會流失大量點擊）。
12. 檔期時間的上下架：活動結束後 Banner 還掛著，是電商站最常見的專業度破口。上架時就設定好下架時間或提醒，過期視覺當天就要換。
把檢核變成流程
12 點看起來多，實際掃一輪五分鐘——比上線後發現問題重做快得多。建議把這張表放進設計交付的標準流程：設計師自查一輪、上架者複查一輪，Banner 的品質就穩了。
ViewInternet 的廣告素材設計與品牌視覺服務把這套檢核內建在流程裡，檔期視覺可以整檔承包。Banner 老是差一口氣？加 LINE 把你的活動視覺交給裝修師。
ViewInternet 電商裝修師，海外品牌台灣落地與台灣商品全通路分銷的總代理。加 LINE 聊聊你的產品，先免費初評再談合作。
加 LINE 洽談