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