Tmall 天猫：奥利奥缤纷音乐盒
案例：奥利奥缤纷音乐盒
出品：Tmall 天猫
亮点：
- 策划上，DIY定制生成类。Loading完毕，在首页点击开始定制。定制过程分为三步：①选择奥利奥音乐盒的包装背景插画；②选择奥利奥音乐盒的颜色搭配；③选择标签样式并输入自定义文字或取消标签设计。完成定制流程后，会生成专属编号，点击“下单购买”就可以进入天猫页面购买产品啦。再次进入首页时，点击首页底部按钮并输入专属编号，就能直接定位对应的设计作品啦。
- 设计上，纯色大背景上有一个礼盒，DIY的内容主要针对礼盒表面。画面整体色彩丰富，动画效果也很炫酷，各类过渡都很自然不生硬，DIY的内容选择空间也很大，并且在设定上允许返回上一步，各类功能点都做得很精致细腻。
- 体验上，很喜欢这种DIY生成类的H5，让人很有参与感和成就感，绘画功底再差，随便点点也能做出视觉效果很棒的作品，而且最后的“标签”设定使得“撞衫率”大大降低。案例整体很炫酷，小编很喜欢，但是当小编想分享，点击微信分享按钮的时候，并不能调起分享界面，不知是设定如此还是在做调试。
技术实现： JavaScript
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
