垃圾投进趣：环保制噪实验室

2019-04-23 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

环保制噪实验室-查阅二维码

完整欣赏此案例大约需要1分30秒

案例：环保制噪实验室

品牌：垃圾投进趣

亮点：

公众号“垃圾投进趣”制作的，环保宣传类型的H5作品，用户在作品中选择自己对于别人乱扔垃圾的态度，选择歌词，上传封面，生成自己的环保专辑海报，最后可参与公众号的抽奖，以此加强对社会环保行动的呼吁，和增加公众号关注人数。

环保标志的加载页面，点击主页标题下的“即刻制作专辑”，选择看到有人乱丢垃圾后的第一反应，然后左右滑动屏幕，选择歌词放进环保专辑，上传照片作为专辑封面，点击“确认”生成专辑海报，包括封面，所选歌词，和专辑关键词，用户可点击“发行专辑”分享作品，也可点击“领取福利”参与抽奖，最后可关注公众号。

界面颜色饱满，元素丰富，运用了很多撞色，视觉效果显著，一颗草莓夹着唱片的标志，切合了“草莓音乐节”的主题，用户需要选择的反应，海报歌词等，都是将经典歌曲的歌词融入“垃圾”“捡垃圾”的词汇进行的改编，很搞笑有趣。

背景音乐是快节奏的摇滚乐曲，热烈奔放，符合草莓音乐节释放天性，共享音乐的火爆音乐氛围。

技术实现： html5

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签