top of page
首頁 Skin 功能開發
專案類型
自主發起開發
使用工具
Adobe xd / Photoshop / Quip
合作對象
PM / RD
專案背景
過往大促進行時僅透過 Banner 及首頁輔助 Icon 的視覺來傳達活動訊息，帶給使用者的刺激跟促購感是較薄弱的。觀察同業競品後，發現藉由大促視覺範圍的增加能讓使用者對於活動更加有感，因而著手推動首頁 Skin 的開發，希望藉此提整體大促活動的買氣。
設計細節
在 Icon 版位設立背景機制，讓視覺可由 Banner 延伸至 Icon 做整體性的規劃，藉此達到促購感的提升，同時重新制定此版位以下細節：
重新定義元件尺寸
重新定義規劃 Icon 尺寸及文字大小，同時考量大小尺寸的螢幕呈現，以及icon數量對畫面影響
確保畫面呈現的可能性
設定 Icon 數量在畫面上的變化：
小於 4 顆時平均分配畫面寬度，
反之畫面則以 4.5 顆，Icon 輪播呈現
多種設定功能以滿足設計的使用
建立不同方式的背景設定
1. 單色色碼
2. 漸層色碼
3. 置入圖片
制定簡易的開發文件
建立 mobile web、ios、android 三方的開發文件，使開發能有製作依據
bottom of page