美的：美的家电潮音实验室

2018-12-18 H5案例分享 H5案例分享

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

识别图中二维码

美的家电潮音实验室-查阅二维码

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

案例：美的家电潮音实验室

出品：美的

亮点：

创意定位，该H5由美的推出,旨在于天猫欢聚日推出其系列品牌产品宣传。
策划步骤：①引导页，以一小段动画引导用户开始挑战，用户可选择跳过；②一共5道选择题，用户通过声音与图片，选出对应的家电类别，选错则重新选择，只有选择正确方跳转至下一题；③下一个场景引导页，以一段小动画引导用户后续创作音乐，动画也可选择跳过；④提示用户化身音乐创作人，先选择一段背景音乐，再到音轨上自由添加家电音效，可生成专属单曲。点击下方对应按钮，可分享或领取福利。
交互上，增加了丰富的音效，并让用户手动制作单曲，有趣且互动性强。
设计上，蓝紫色为主，手绘动漫风格，配色与场景都颇具现代科技感。
体验上，该H5新颖地从家电的潮音出发，通过让用户听从不同家电采集的声音，判断出家电类别，并可用家电的潮音制作单曲，真的很有创意了!家电还有自己的潮音，你也可以成为音乐人~

技术实现： Html5

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

标签