端午节，招商银行搞了一个粽仔研发中心H5
端午这样的节日，客户群体偏年轻的银行品牌想要玩出花样有点困难。毕竟既要保持对传统节日的尊重，又要兼具创意趣味和流量转化。
但是叮当互动为招商银行打造的定制一见”粽“情的H5，看似简洁的交互游戏，画面设计及转化逻辑却不简单。
扫描二维码，进入招商银行App
扫描二维码，立即体验！
H5主题：
定制一见”粽“情
招商银行粽仔研发中心
H5策略：
针对目前年轻群体感兴趣的定制文化，通过“定制”来契合当代年轻群体的自我意识，给用户一种专属的，独一无二的感觉，将中华传统节日玩出新花样。
H5设计思路：
在视觉设计上，整个H5的主色调定为—招商红。并使用明快的配色，搭配有力的线条使画面更加引人注目。而且正值端午节，我们将主人公选定为Q萌的”粽仔“。
定制粽仔形象草图
我们在头饰、衣服、鞋子及表情上也做了许多小创意。
表情元素展示
比如头部设计，设计师将头饰与招商银行Logo结合，加入招商银行正在进行的福利活动。
头饰元素展示
服装、鞋子的元素设计上，选择了有属性服饰（如职业装）和无属性服饰（如休闲装），来达到涵盖更大用户面积的目的。
衣服元素展示
换装游戏里日常的服饰会让用户更加有代入感，结合时下流行元素和招行元素，在增加可玩性的同时，对招行进行宣传推广。
同时也有一些搞怪的装扮来满足用户的娱乐需求。
H5视觉呈现及操作分解：
用户进入h5后，“请输入昵称”框引导输入名称，通过“变身开始”按钮进入下一个页面。
此页面完成帽子、表情、衣服、鞋子、场景的选择与组合。依次点击五个选项按钮，会在下方“选择区域”出现可供选择的装备。
点击“一键生成”按钮，会自动生成一套完成的形象，但是也可以再继续在此页面进行修改调整。通过“保存形象”按钮即储存搭配形象，自动进入下一页面。
背景图融入了许多招商的元素
点击生成海报按钮，进入分享页面。
专业评分
专业评分已截止
评论
评论
推荐评论
全部评论（1条）