百度外卖：百度外卖伴你回味2017

2018-01-12 H5案例分享 H5案例分享

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

识别图中二维码

百度外卖伴你回味2017-查阅二维码

完整欣赏此案例大约需要2分钟

案例：百度外卖伴你回味2017

出品：百度外卖

亮点：

创意定位，通过回味2017大事件进行品牌营销。策划上，分三部分：① 开屏加载动画后，由用户触发播放20秒“百度外卖”小哥送餐的动画；② 进入一个横向长图页，“百度外卖”小哥穿梭在由2017年各大热点事件人物、景物组成的事件流中，用户可左右拖动，来控制小哥前行和后退，一些重大事件，还有交互视频和交互文案；③ 长图末尾，单屏展示整个时间轴和事件轴，末尾跳转2018，进入百度外卖。
设计上，采用百度外卖红作为主色，用一个外卖小哥把整个2017年的事件场景串起来，左右滑动会产生视觉差，形成穿梭在人群中的感觉，带你领略那些刚发生在你身边，又已经过去的2017年的热点事件。
技术上，采用视频+帧动画形式。
体验上，开场加载视频稍微有点卡顿，进入后很流畅。末尾的事件轴，让人眼前一亮，整个2017大事件，尽收眼底。

技术实现： Zepto

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

标签