滴滴出行：看看你是哪种空虚
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例：看看你是哪种空虚
品牌：滴滴出行
技术实现： HTML5
亮点：
1.创意定位
由滴滴出行为宣传制作了一个测试类H5。
2.策划逻辑
整个H5主要分为两部分：
Loading部分：纸质感的背景，中间的圆圈里有一些元素一直在变换。
①内容部分：加载完成自动进入主页：“假如生活掏空了你”选一样物品看看你是哪种空虚，总共有六个选项，分别是钢铁机器人、搭房子的积木、大大大大象、友谊的鸭子船、海风拂过的椰子树、童年的小蚂蚱。任意选择一个后会跳转出来小视频，下方会显示你的空虚渴望是什么。然后变成3D画风的小人物，上方会显示对某种渴望的解释，下方是特有的温馨提示，可长按保存晒一晒，点击右上角可重新选择。最下方是滴滴的Logo。
3.设计上
整体是漫画风格子，以淡淡的蓝灰、橙黄色白色为主。最后的3D风格的小人很可爱。
4.体验上
非常简洁的H5，加载速度快。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
