TNF + 京东闪购：这里有份突破挑战书，你接吗？

2019-04-15 H5案例分享 H5案例分享

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

识别图中二维码

这里有份突破挑战书，你接吗？-查阅二维码

完整欣赏此案例大约需要50秒

案例：这里有份突破挑战书，你接吗？

品牌：TNF + 京东闪购

亮点：

创意定位：京东闪购推出的立志超越自我的H5，为宣传京东闪购最新“闪购cp日”的活动。
策划上，①过渡页加载到百分百时，显示“点击开启”按钮，进入后是一段视频（19秒）。②视频内容是：人生要玩转世界，敢于体验冒险，走出家门，去看看外面世界，去畅快寻乐，让人间更加值得，和爱的人一起嗨！每一点的尝试与探索，就是自我突破！③“突破没极限，磕一次，硬核挑战”，TNF100发起的挑战书，你敢接吗？点击“接下挑战”。④选择一项要挑战的项目（攀岩、越野跑、户外趴），再选择一项出发前必须要做的事（剃须、手表、服装），再大声说出你的突破宣言，点击“穿上TNF跑鞋，立刻出发”。⑤最后出现一张2019挑战的项目，我不怂，突破宣言，突破没极限！长按可以保存，下方还有两个按钮，“立即参加”跳转到tnf100北京国际越野跑挑战赛，去报名；另一个按钮是“先挑装备”跳转到京东闪购页面。
设计上，主色调为暖色系，手绘风格。
体验上，要勇于突破自我，克服困难，不懈奋斗，快来北京国际越野跑来挑战自己的极限！

技术实现： Zepto+egret+tween+video

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

标签