上線時間：2019-11-29

案列簡介：招商銀行在感恩節(jié)出品的動畫H5，通過一段溫馨的動畫來測試用戶的感恩節(jié)歸屬，從而宣傳招商銀行的APP。

案列類型：H5

技術(shù)特點：常規(guī)H5

設(shè)計風(fēng)格：水彩

場景特征：品牌宣傳|感恩節(jié)

案例：今天，你的感恩節(jié)屬于誰？

品牌：招商銀行

制作：藍(lán)橙H5開發(fā)

 

1.詳情內(nèi)容上：

招商銀行在感恩節(jié)出品的動畫H5，通過一段溫馨的動畫來測試用戶的感恩節(jié)歸屬，從而宣傳招商銀行的APP。加載畫面是一副窗戶的鏡像，隨著文字的顯現(xiàn)，用戶需要用手“擦”掉玻璃上的霧氣，來尋找你的感恩歸屬。隨后便進(jìn)入動畫界面，動畫主要為劇情動畫，是一位母親在給學(xué)生兒子做早飯的場景，隨后用戶需要不斷點擊進(jìn)入后續(xù)動畫。隨后動畫是一堆情侶，男生再給女生系鞋帶，再然后就是情侶長大結(jié)婚生子的動畫情景展現(xiàn)，隨后動畫是一堆父子在一起玩游戲，然后就是生成一個數(shù)字“8”，頁面下方是招商銀行的品牌標(biāo)識，用戶點擊“尋找你的感恩歸屬”進(jìn)入后續(xù)頁面，最后系統(tǒng)會生成一張海報，顯示用戶在感恩節(jié)的身份屬于誰，最后用戶可以長按保存圖片海報，或者選擇再測一次，將H5分享給他人共同尋找感恩歸屬。

 

2.頁面設(shè)計上：

H5在策劃上采用了動畫+海報生成兩種形式，設(shè)計上采用了手繪動畫的風(fēng)格，配色上選用了暖色系，這種整體情況下的設(shè)計風(fēng)格，在感恩節(jié)這個溫馨的節(jié)日格外的引人注目，而擦玻璃的互動形式、劇情動畫和海報生成等多種趣味形式，也很好的增強(qiáng)了用戶的體驗感。