滴滴出行:想见你,立刻出发

2020-08-03 H5案例分享 H5案例分享
滴滴出行:想见你,立刻出发


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

识别图中二维码

想见你,立刻出发-查阅二维码

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


案例:想见你,立刻出发

品牌:滴滴出行

技术实现: HTML5

亮点:

1、创意定位

我们每个人都会在某个时刻特别想见到某个人,ta或许是一直牵挂你的父母,ta或许是远在异地的男朋友,ta也可能是一直陪伴着你的闺蜜…常常因为距离,大家无法相聚。可是距离不应该阻挡思念…

契合这个洞察,结合滴滴远程特惠的产品特性,倾力打造了朋友、家人、恋人三大暖心故事,想见你,就该立刻出发。

 

2、策划上

用户进入H5之后,向上滑动就可以进入故事主体。一个有三个故事,每个故事有两张画面,通过擦拭的互动方式可以去查看两张画面。然后每个故事的第二张可以点击“下个故事”查看其他故事,也可以点击“领券出发”直达领券页,领取滴滴远程特惠福利。看完三个故事之后,将会进入ending页,进行一个情感的升华,然后用户可以分享该链接,也可以跳转领券页。

 

3、设计上

这次主要采用了带有噪点的这样一种手绘风格,整体的色系也是偏暖色系的,去契合滴滴的品牌气质。

 

4、体验上

该H5采用了擦拭这样的一种互动方式,给了用户极大的惊喜感和参与感,指尖的擦拭和滑动也为画面的欣赏加分不少。

 





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

滴滴公益:保护同类动物

滴滴代驾+饿了么口碑:520,为城市打气计划

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~