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

2018-12-18 H5案例分享 H5案例分享
美的:美的家电潮音实验室


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

识别图中二维码

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

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


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

出品:美的

亮点:

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



技术实现: Html5



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

美的:C位出道的阿biu小广告

美的冰箱:解读你的气味人格

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~