特步：丝感冰爽逆转夏日

2018-05-15 H5案例分享 H5案例分享

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

识别图中二维码

丝感冰爽逆转夏日-查阅二维码

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

案例：丝感冰爽逆转夏日

出品：特步

亮点：

策划上，图文展示类，这是特步出品的“丝感冰爽逆转夏日”主题的H5。Loading结束，显示页面内容：90后中年症状现象竟与气候有关！点击提示按钮后，页面可左右滑动，左边红色部分为夏日常见：“热热热——热昏症”、“懒懒懒懒——贪懒症”、“躁躁躁——狂躁症”；右半部分蓝色是对左边三种状况的逆转，动起来，显示“青春逆袭第一步，穿起特步XTEP-COOL释放科技......”文案。最后一部分可滑动页面，显示更多夏日中年症，有意思。（还有一段视频，不要忘记看哦！）页面最下方有一个按钮，引导用户查看一张长图，引导用户进入特步鞋服微商城。
设计上，整个页面内容以文字为主，将90后中年症总结的很到位；左右旋转，呈现一个3D立体旋转效果。
交互上，交互方式：点击屏幕+左右滑动。
体验上，该H5的亮点有两个：第一，页面效果，左右滑动呈现3D盒子翻转特效；第二，文案，显示了90后中年症的几种特征，你中了几条。

技术实现： js+video

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

标签