H5游戏制作
H5游戏制作
H5游戏制作
H5案例
H5开发
扫一扫
h5定制
h5定制

回到顶部

海报生成H5|咪咕H5—如何利用diy游戏来宣传品牌

案例简介:咪咕出品的趣味diyH5,通过让用户自己diy制作专属bgm,来解锁测试用户的音乐人格,从而来宣传品牌。

上线时间:2020-02-26

案例类型:H5

技术特点:常规H5

设计风格:写实风格

场景特征:品牌宣传

品牌:咪咕

制作:蓝橙全案

玩法:H5游戏|海报生成

案例:音为青春

品牌:咪咕

玩法:diy

制作:蓝橙H5开发团队

 

1.详情内容上:

咪咕出品的趣味diyH5,通过让用户自己diy制作专属bgm,来解锁测试用户的音乐人格,从而来宣传品牌。加载完成进入展示页,页面上方是咪咕的品牌标识,背景图是真人跳舞的实景图,中间文字显示“甩开枷锁,丢掉人设包袱,用音乐与自我深度对话”,说明了此次H5活动的内容主题,页面下方是此次活动的品牌方,向下滑动可以看到不同的展示页面。随后用户点击“PLAY”开始diy制作。diy主要形式为点击,总共有12块不同的方块,每块都有相对应的声音,用户点击自己喜欢的声音,录制完成以后点击“完成”即可播放,随后点击生成即可生成用户的专属海报,查看用户的音乐人格种类。

 

2.页面设计上:

H5整体上采用了手绘和写实风格,配色上选用了蓝色和黑色偏暗色,符合了H5测试音乐人格的主题。

 

3.用户体验上:

作为咪咕的品牌宣传H5,这款H5并没有采用传统的营销形式,而是先选用了一种diy游戏的形式来吸引用户,搭配上动感的音乐,带给了用户极好的体验,然后根据用户diy的音乐来测试用户的音乐人格,整体上给了用户很好的体验,品牌宣传效果极佳。


欢迎扫码体验