案例：寻找你的音乐DNA
品牌：王老吉X抖音
玩法：海报生成
整理：蓝橙H5开发
1.详情内容上：
王老吉和抖音联合推出“看见音乐”计划，为宣传计划出品的海报生成H5，八月中旬火爆开启，用户可以在作品中show出音乐态度，生成专属音乐海报，还有好听的歌曲推荐哦！用户根据自己的偏好选择音乐元素，生成海报，大致步骤如下:
①导入界面是两位头像潮酷的青年在聊天，要用音浪给夏日带来清凉，点击“寻找我的音乐DNA”进入作品。
②首先从四位音乐表演者中选择一个，四个人物代表四种音乐风格，hiphop，rack roll，电音和小清新，选择自己喜欢的点击“pick”即可，然后从吉他，架子鼓，贝斯和电子琴中选择一个乐器，点击乐器时乐器会变亮，并发出3秒左右的演奏声音，点亮后选择“pick”即可进入下一环节。
③作品根据用户的选择自动推荐歌曲，歌曲名，歌手名和歌手照片会显示在屏幕中间转动的唱片上，点击分享生成海报，海报主图是用户选择的人物在演奏刚才选择的乐器，同时播放推荐的歌曲作为海报的BGM，海报还包含对用户音乐态度的解析，出品方，活动时间以及游戏二维码，用户可保存海报，分享作品，或重新测试。
2.页面设计上：
设计上采用了深蓝色的主题色，从视觉上带来清凉的感觉，四位人物的服饰造型也是非常的时尚个性，符合音乐节的画风，最后的海报还自带BGM，让用户的体验更丰富有趣，突出“音乐节”的主题。
3.用户体验上：
整体上的选择非常多样化，用户选择时，人物和乐器是暗色的，点击后才会变亮，乐器也会变亮并发出声音，很有“pick”的感觉。
扫描二维码查看
注：如果您还想了解更多的H5玩法案例，或者需要咨询H5定制问题，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|H5案例|小程序开发|年会H5游戏|节日营销H5
