Tmall 天猫：准备！耳保健操开始了

2016-09-20 H5案例分享 H5案例分享

案例：准备！耳保健操开始了

出品：Tmall 天猫

亮点：

策划上：图文动画类。①载入完毕进入页面，会有声音提示“耳保健操开始”。②一共有“一指穿”、“瑜伽卷”等六节耳保健操，每一节都需要长按屏幕来完成。③做完之后到达最后一页，用户可以选择“继续耳保健”来再做一遍，也可以“安利给朋友”，或者选择“瓜分10万元魔力优惠券”来跳转到外部链接。
设计上：魔性画风，魔性配音。壁画风格的背景，每一节中央都有一只大耳朵，每节做完耳朵会有变化，如从里面出来一只小鸟、变出一个乐器…等。有一个女声配音喊节拍，并且和背景音乐完全不在一个节奏上，即便是见过大风大浪小编，这次也呵呵没有hold住，已被毒晕。
体验上：起初小编看到耳保健操，纯情善良天真烂漫地以为是网上流行的3D环绕式声音按摩，结果进来就呵呵了。小编已经跪着听完，感觉整个人进化了呢！

技术实现： jQuery

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

识别图中二维码

准备！耳保健操开始了-查阅二维码

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

标签