菜鸟裹裹：测测你的新物种

2019-09-16 H5案例分享 H5案例分享

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

识别图中二维码

测测你的新物种-查阅二维码

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

案例：测测你的新物种

品牌：菜鸟裹裹

技术实现： HTML5

亮点：

1.创意定位

由菜鸟裹裹制作的一个宣传小游戏H5。

2.策划逻辑

整个H5主要分为三部分：

①Loading部分：四个菜鸟小机器人围着一个包裹转圈，下面写着“用菜鸟裹裹寄个快递吧”加载完自动进入主页。

②邮递页面：一张寄件单，填写自己的姓名，然后选择想要寄给的人，点击这里会出现一些选项，也可以自己写收件人的姓名，滑动下方的运送带，选择想要寄的物品，选完后点击“立即下单”，会出现一段小动画，双手捧着礼盒递给快递员，然后会进入一个短暂的loading部分显示“正在生成你的测试结果”。

③落地页部分：海报内容还是个寄件单，会显示刚刚的寄件人和收件人和物品，然后推测用户可能是个什么物件，然后有一段解析，还有关于物件的注意事项，很可爱。长按保存测试结果，右下角可再寄一单。

3.设计上

以蓝色调为主，简洁。

4.体验上

加载速度快，小动画流畅。

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

标签