滴滴打车:你的年度出行热点

2020-01-15 H5案例分享 H5案例分享
滴滴打车:你的年度出行热点


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

识别图中二维码

你的年度出行热点-查阅二维码

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


案例:你的年度出行热点

品牌:滴滴打车

技术实现: html5

亮点:

  • 创意定位

滴滴打车在年末推出的用热词生成用户专属数据海报的作品,以用户的打车轨迹为参考对用户生活进行总结和展望,显示滴滴对用户的关心和祝福。

 

  1. 策划逻辑

标题界面是一张实拍的城市街道图片,一辆小红车驶来,停下,几只可爱卡通小怪兽从大楼间探出头来,点击标题下的授权同意触点进入作品,每个小怪兽的名字显示出来,点击小怪兽查看以小怪兽名字为主题的海报,海报包括用户名,一部分数据总结,怪兽形象,和简短解析语,查看后可返回继续点击其他小怪兽,小怪兽名称和对应海报内容梗概如下:

  • 硬核青年——滴滴一年总运输量
  • 我太南了——用户最晚打车时间
  • 加油鸭——用户最早打车时间
  • 车厘子自由——用户本年滴滴运行总公里数
  • 柠檬精——用户本年分享了几次行程
  • 雨女无瓜——用户本年次错峰出行次数

全部点击查看完毕,小红车开走,一段展望2020年的文字出现,用户可分享作品或点击“再次回顾”。

 

  1. 设计上

实景拍摄的街道图片显示了滴滴的运行地点,卡通小怪物与自身名字相符,车厘子自由是一颗车厘子,我太南了是一个哭泣的盒子等,海报界面的话语以第二人称的口吻描绘,有跟用户直接对话的感觉,话语温馨治愈,带动用户一起回顾和思考这一年的奔波行程。

 

  1. 交互上

进入作品后界面会暗下来,只突出几只小怪兽和他们的名字,用户点击屏幕恢复亮度,点击小怪兽的顺序是任意的,点击完毕后小汽车开走,出现2020鼓励语。

 





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

标签

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

相关推荐:

QQ音乐:你的QQ音乐年度歌单

DiDi:What‘s Your 2019 DiDi Personality

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~