入口按鈕動態設計

用色彩鮮明的 Icon 來吸引注意,並透過動態跟靜態的對比來區分重要性。

專案類型

自主發起優化

專案類型

自主發起優化

平台

APP

執行時間

2020

負責內容

確認行銷需求,推動介面優化,並與 RD 協作落地

專案背景

首頁預設輔助的 icon 久未更新,使用者對於這些位置已經較無感,因此製作新版 Icon 以較多彩的配色提升使用者注意力,藉此提升點擊效果,同時以動態 / 靜態來引導我們最希望被點擊的類別。


設計細節

  1. 每顆按鈕依照性質去做色彩搭配,讓使用者較為直覺
    如:超取使用超商 logo 中常有的綠色、較促購的內容則選擇用暖色系呈現

  2. 簡少 icon 內部細節,增加整題的細緻度
    加深立體感讓按鈕更加吸引點擊

  3. 選擇一個主打的類別做成動態樣式
    使用動態效果結合吉祥物造型,讓主打活動更加顯眼

Create a free website with Framer, the website builder loved by startups, designers and agencies.