為什麼有效:英雄部分(主頁頂部)是訪客首先看到的內容,影響他們 80% 的停留決定(2025 UXPin 報告)。它應該吸引註意力並傳達價值。
優點:增加參與度、推動立即採取行動、建立品牌基調。
缺點:過多的視覺效果或文字可能會讓使用者不知所措。
如何實施:
使用高品質的英雄圖像或影片展示您的最佳產品。對於寵物店來說,展示一隻拿著玩具的快樂的狗。
加上粗體標題(例如“發現手工製作的寵物玩具!”)和解釋 線上商店 好處的副標題(例如“耐用、安全、寵物喜愛”)。
包含清晰的 CTA 按鈕,例如「立即購買」或「享 10% 折扣」。
突出顯示促銷訊息,例如「訂單滿 50 美元免運費」。
例如:Bombas 的英雄橫幅帶有「回饋舒適的襪子」和「全部購買」CTA,可帶來 15% 的點擊率。
工具:Adobe Express(圖片免費)、Lumen5(影片每月 19 美元以上)、Figma(設計免費)。
提示:使用最新的郵件資料庫來定位推廣主頁 CTA(如折扣)的電子郵件活動,以吸引流量。
3. 突出展示特色產品
有效原因:展示暢銷品或新品可以鼓勵衝動購買,30% 的電子商務銷售額來自特色產品(2024 EcommerceFuel)。
優點:促進銷售,突顯熱門商品,簡化瀏覽。
缺點:如果過度使用,可能會分散人們對其他產品的注意力。
如何實施:
在英雄橫幅下方添加“特色產品”或“暢銷產品”部分。
顯示 4-8 種產品,並配有清晰的圖片、價格和「加入購物車」按鈕。
包括過濾器(例如“新品”、“促銷”)以便於導航。