換電戰 M
Game UI

#visual#uiux#animation#app

睿能創意股份有限公司

換電戰 M Game UI

OVERVIEW AND SUCCESS

概述與成就

為了推廣與台新銀行新的聯名卡上線,量身打造以虛實整合遊戲為主的行銷活動「換電戰 M」。玩法為利用日常換電的行為將使用者分隊競賽並累計積分與獎金,積分最高的戰隊,獨得該換電站獎金!因使用者需以手機進行操作,所以在 UI 不管是視覺或體驗上都不斷地調整與測試,在迭代中呈現更好的設計給使用者。為期一個月的活動上線一週後已成功新增一萬多張的辦卡量。

IDEATION AND DESIGN

構思與設計

使用日常騎車去換電站換電的流程作為出發點,將運動與遊戲競賽的情境融合,整體視覺風格採用暗黑科技並帶點神秘感,視覺中包含 2D 、 3D 、靜態與動態的素材交錯運用,元素主要使用毛玻璃與霧面的質感,搭配三隊分別為「避震彈黃」、「發電功綠」、「螺絲起紫」的顏色渲染,強調未來科技的體驗,堆疊出視覺色彩的豐富與趣味性。

3D 素材由目子拾參製作

數字動態漸增、遊戲面板由下往上移入、進度條增長與物件旋轉等呈現方式,均是為了提升視覺效果的活潑豐富性。

遊戲結果頁動態呈現使用錢幣落下的方式增加獲得優惠的好感度,點擊其他分隊紀錄使用 3D 旋轉的方式讓轉場效果更流暢。