测试H5|互联网产品宣传H5—滴滴快车体验官

案例简介:滴滴快车出品的测试H5，旨在通过趣味的上传照片测试来进行品牌宣传。

上线时间:2021-03-31

案例类型:H5

技术特点:常规H5

设计风格:卡通活动风格|复古风格

场景特征:产品推广|新品发布

品牌:滴滴出行

制作:蓝橙技术|蓝橙制作|蓝橙全案

玩法:H5动画|上传图片|海报生成

案例：滴滴快车体验官

出品：滴滴快车

制作：蓝橙H5开发

玩法：测试H5

1.详情内容上：

这是滴滴快车出品的测试H5，旨在通过趣味的上传照片测试来进行品牌宣传。加载完成进入H5是首页封面页，首页面上方的滴滴快车体验官，邀你测试你的前世今生，说明了H5的主要内容。页面下方的内容是各行各业的职位，代表了测试的前世职业，下方以古代的周易形式趣味的展示了测试领取52折滴滴快车券，用户点击“开始测试”进入测试页面。随后用户需要输入自己的姓名、联系电话和上传自己的照片，还可以点击页面右方来查看活动详情。点击“生成海报”就会生成用户的专属海报。

2.策划设计上：

H5开篇开门见山地以各种文字内容展现了测试的主要内容，用户输入姓名和上传照片，也让H5有了很大的趣味性，最后生成的海报也让用户有了一定的贴入感。

设计配色上采用了滴滴快车的主色调黄色，风格采用了卡通活动风格，亮点在于首页的封面采用了类似周易日历的样式，给人耳目一新的感觉，让用户很容易就记住了H5的主要内容。

3.用户体验上：

H5作为简单的测试H5，整体上分为了三部分：首页、信息页、海报页，首页就言简意赅的说明了H5的主要内容，画面简单明了，用户很容易操作，最后生成的海报页十分的有趣，简单的品牌标志宣传效果也很好。