滴滴出行浪漫插画H5：想见你，立刻出发

案例：想见你，立刻出发

品牌：滴滴出行

技术实现：PixiJS

亮点：

1、创意定位

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

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

2、策划上

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

3、设计上

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

4、体验上

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

【案例截屏】

请长按/扫描以下二维码

想见你，立刻出发

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

（本文来源自公众号：H5案例分享（ID：h5-share））