端午节,招商银行搞了一个粽仔研发中心H5

举报 2019-06

端午节,招商银行搞了一个粽仔研发中心 H5

端午这样的节日,客户群体偏年轻的银行品牌想要玩出花样有点困难。毕竟既要保持对传统节日的尊重,又要兼具创意趣味和流量转化。

但是叮当互动为招商银行打造的定制一见”粽“情的H5,看似简洁的交互游戏,画面设计及转化逻辑却不简单。

扫描二维码,进入招商银行App
1.jpg

端午节,招商银行搞了一个粽仔研发中心 H5端午节,招商银行搞了一个粽仔研发中心 H5端午节,招商银行搞了一个粽仔研发中心 H5

扫描二维码,立即体验!
1560950302236519.jpg


H5主题:

定制一见”粽“情

招商银行粽仔研发中心


H5策略:

针对目前年轻群体感兴趣的定制文化,通过“定制”来契合当代年轻群体的自我意识,给用户一种专属的,独一无二的感觉,将中华传统节日玩出新花样。

端午节,招商银行搞了一个粽仔研发中心 H5


H5设计思路:

在视觉设计上,整个H5的主色调定为—招商红。并使用明快的配色,搭配有力的线条使画面更加引人注目。而且正值端午节,我们将主人公选定为Q萌的”粽仔“。

定制粽仔形象草图

端午节,招商银行搞了一个粽仔研发中心 H5

我们在头饰、衣服、鞋子及表情上也做了许多小创意。

表情元素展示

端午节,招商银行搞了一个粽仔研发中心 H5

比如头部设计,设计师将头饰与招商银行Logo结合,加入招商银行正在进行的福利活动。

头饰元素展示

端午节,招商银行搞了一个粽仔研发中心 H5

服装、鞋子的元素设计上,选择了有属性服饰(如职业装)和无属性服饰(如休闲装),来达到涵盖更大用户面积的目的。

衣服元素展示

端午节,招商银行搞了一个粽仔研发中心 H5

换装游戏里日常的服饰会让用户更加有代入感,结合时下流行元素和招行元素,在增加可玩性的同时,对招行进行宣传推广。

同时也有一些搞怪的装扮来满足用户的娱乐需求。


H5视觉呈现及操作分解:

用户进入h5后,“请输入昵称”框引导输入名称,通过“变身开始”按钮进入下一个页面。

端午节,招商银行搞了一个粽仔研发中心 H5

此页面完成帽子、表情、衣服、鞋子、场景的选择与组合。依次点击五个选项按钮,会在下方“选择区域”出现可供选择的装备。

端午节,招商银行搞了一个粽仔研发中心 H5

点击“一键生成”按钮,会自动生成一套完成的形象,但是也可以再继续在此页面进行修改调整。通过“保存形象”按钮即储存搭配形象,自动进入下一页面。

端午节,招商银行搞了一个粽仔研发中心 H5


背景图融入了许多招商的元素

端午节,招商银行搞了一个粽仔研发中心 H5端午节,招商银行搞了一个粽仔研发中心 H5端午节,招商银行搞了一个粽仔研发中心 H5

点击生成海报按钮,进入分享页面。

端午节,招商银行搞了一个粽仔研发中心 H5

招商银行

叮当互动 郑州

叮当互动 郑州

叮当互动 郑州

叮当互动 郑州

 

参与评论

文明发言,无意义评论将很快被删除,异常行为可能被禁言
DIGITALING
登录后参与评论

参与评论

文明发言,无意义评论将很快被删除,异常行为可能被禁言
800

推荐评论

全部评论(1条)