端午節，招商銀行搞了一個粽仔研發中心H5
端午這樣的節日，客戶群體偏年輕的銀行品牌想要玩出花樣有點困難。畢竟既要保持對傳統節日的尊重，又要兼具創意趣味和流量轉化。
但是叮當互動為招商銀行打造的定制一見”粽“情的H5，看似簡潔的交互游戲，畫面設計及轉化邏輯卻不簡單。
掃描二維碼，進入招商銀行App
掃描二維碼，立即體驗！
H5主題：
定制一見”粽“情
招商銀行粽仔研發中心
H5策略：
針對目前年輕群體感興趣的定制文化，通過“定制”來契合當代年輕群體的自我意識，給用戶一種專屬的，獨一無二的感覺，將中華傳統節日玩出新花樣。
H5設計思路：
在視覺設計上，整個H5的主色調定為—招商紅。并使用明快的配色，搭配有力的線條使畫面更加引人注目。而且正值端午節，我們將主人公選定為Q萌的”粽仔“。
定制粽仔形象草圖
我們在頭飾、衣服、鞋子及表情上也做了許多小創意。
表情元素展示
比如頭部設計，設計師將頭飾與招商銀行Logo結合，加入招商銀行正在進行的福利活動。
頭飾元素展示
服裝、鞋子的元素設計上，選擇了有屬性服飾（如職業裝）和無屬性服飾（如休閑裝），來達到涵蓋更大用戶面積的目的。
衣服元素展示
換裝游戲里日常的服飾會讓用戶更加有代入感，結合時下流行元素和招行元素，在增加可玩性的同時，對招行進行宣傳推廣。
同時也有一些搞怪的裝扮來滿足用戶的娛樂需求。
H5視覺呈現及操作分解：
用戶進入h5后，“請輸入昵稱”框引導輸入名稱，通過“變身開始”按鈕進入下一個頁面。
此頁面完成帽子、表情、衣服、鞋子、場景的選擇與組合。依次點擊五個選項按鈕，會在下方“選擇區域”出現可供選擇的裝備。
點擊“一鍵生成”按鈕，會自動生成一套完成的形象，但是也可以再繼續在此頁面進行修改調整。通過“保存形象”按鈕即儲存搭配形象，自動進入下一頁面。
背景圖融入了許多招商的元素
點擊生成海報按鈕，進入分享頁面。
專業評分
專業評分已截止
評論
評論
推薦評論
全部評論（1條）