上线时间：2019-07-02
案列简介：咪咕出品的趣味diyH5，通过让用户自己diy制作专属bgm，来解锁测试用户的音乐人格，从而来宣传品牌。
案列类型：H5
技术特点：常规H5
设计风格：写实风格
场景特征：品牌宣传
案例：音为青春
品牌：咪咕
玩法：diy
制作：蓝橙H5开发团队
1.详情内容上：
咪咕出品的趣味diyH5，通过让用户自己diy制作专属bgm，来解锁测试用户的音乐人格，从而来宣传品牌。加载完成进入展示页，页面上方是咪咕的品牌标识，背景图是真人跳舞的实景图，中间文字显示“甩开枷锁，丢掉人设包袱，用音乐与自我深度对话”，说明了此次H5活动的内容主题，页面下方是此次活动的品牌方，向下滑动可以看到不同的展示页面。随后用户点击“PLAY”开始diy制作。diy主要形式为点击，总共有12块不同的方块，每块都有相对应的声音，用户点击自己喜欢的声音，录制完成以后点击“完成”即可播放，随后点击生成即可生成用户的专属海报，查看用户的音乐人格种类。
2.页面设计上：
H5整体上采用了手绘和写实风格，配色上选用了蓝色和黑色偏暗色，符合了H5测试音乐人格的主题。
3.用户体验上：
作为咪咕的品牌宣传H5，这款H5并没有采用传统的营销形式，而是先选用了一种diy游戏的形式来吸引用户，搭配上动感的音乐，带给了用户极好的体验，然后根据用户diy的音乐来测试用户的音乐人格，整体上给了用户很好的体验，品牌宣传效果极佳。
