商品促銷特效框

專案類型

自主發起開發

使用工具

Adobe Photoshop

合作對象

PM / RD / MKT

專案背景

站上常態有指定商品的優惠折扣，但在瀏覽網站時必須點進商品頁才能看見適用折扣。

因此希望透過優化，在一般列表新增促銷特效框的方式，讓使用者在不點擊進入商品的狀態能知道哪些是促銷品項，有更好的使用體驗，同時也藉此提升點擊及銷售成效。

因為平台本身無法控制商家提供的商品圖品質，特別需要思考如何能讓特效框在繁雜的商品圖中能清楚呈現，又同時保持商品圖本身的完整性，讓消費者能清楚商品樣式。

文案位置及範圍規範
考慮到多數的商品圖上方是比較不影響商品呈現的位置，因此限制文案統一置於上方，且字數需精簡以一排為限

特效框設定細節
1. 視覺風格需以活動頁面做延伸，讓消費者清楚辨識折扣來源
2. 當商品適用多款促銷特效框時，將套用最優惠的特效框