環保點數

Avatar of 陳欣苹.
Avatar of 陳欣苹.

環保點數

Taipei, Taiwan

【COLOR】


配色取自原有吉祥物設定, 採草綠相近色, 並使用黃橙色作為強調色。

【PAGE】


UX方面,重新整理資訊架構,將大功能列出並依循使用情境,依序編列功能與位置排版。

取消漢堡與側選單列,將大功能以Bottom Navigation區分為:首頁、集點、兌點、會員和其他,並將功能資訊分門別類整理歸納。

頁面的布局依照重點劃分為,Head快捷功能區、推廣區、主、副功能等區塊。


UI方面,因原先風格設定較為童趣可愛, 未與之LOGO與吉祥物做風格搭配, 頁面底圖、ICON等風格皆較柔和富趣味性,並以扁平化、線條做搭配, 在小地方提升精緻度。


 

預覽資訊、卡片、兌換券等,將資訊依層級,給予不同樣式編排、劃分輕重,同時提升美觀度與可讀性。並在各頁適當安插廣告、推廣等資訊,增加活動曝光度。

環保點數是個人一直都在使用的APP,因架構較不清晰使用上不太便利,順便也當練習範本,將其優化成此版本,後續需要加強的在動態設計方便,再適當增設互動效果果會更理想,也是個人需要持續努力的地方。

 
環保點數 - APP 介面優化自主練習題
Avatar of the user.
Please login to comment.

Published: Jul 20th 2022
44
8
0

Tools

figma
Figma

環保點數
appdesign
ui
ux

Share