网易考拉海购：你是新一代洋货王吗？

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

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

识别图中二维码

你是新一代洋货王吗？-查阅二维码

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

案例：你是新一代洋货王吗？

出品：网易考拉海购

亮点：

策划上，视频类+测试类。加载完成后，点击页面进入一段过渡动画。内容：公元一四零五年，明成祖命三宝太监郑和率领两百多艘还穿两万七千人从太仓的刘家港起锚，远航太平洋和印度洋...逐渐引出测试环节，答对三道、五道和全部十道题目可获得不同价值的奖励。题目是根据关键词选出所对应的商品。答题结束后，显示用户的答题成绩，分配对应的奖励。页面下方有两个按钮，引导用户进入海购好洋节或者分享。
设计上，卡通风格，其中又加入一些复古元素，例如：波浪、祥云图案等。郑和下西洋的视频环节和后边的测试环节风格统一。
体验上，以郑和下西洋的历史事件展开，在测试环节，需要用户参与答题，对网易考拉易购的产品有了更进一步的了解，最终实现引导用户领取购物券参与活动的目的。

技术实现： Zepto+createjs+video

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

标签