滴滴：滴滴8周年我和我的滴滴

2020-06-09 H5案例分享 H5案例分享

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

识别图中二维码

滴滴8周年我和我的滴滴-查阅二维码

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

案例：滴滴8周年我和我的滴滴

品牌：滴滴

技术实现： Swiper + TweenMax + hammerjs + iScroll

亮点：

1、创意定位

滴滴八周年H5，按年份展示了滴滴的历程，最后小小的互动，也增加了H5的可玩性；体验过之后，感觉这支H5的受众更偏向于滴滴的员工。

2、策划上

① 首先是滴滴八周年的大标题，点击“开始体验”按钮，提示开始每一年的回忆大门，从2012年开始到2020年（8年间），用户横向滑动屏幕，像是一个走廊，点击每一扇门，打开后是有当年记忆的重要照片和照片中对应的故事；

② 2020年的大门进入后，输入姓名和选择入职时间，点击“提交”按钮后，上传两张照片，一张为入职时的照片，另一张为现在的照片；点击“一键生成我和我的滴滴”，即可生成对应的海报。

3、设计上

主色调使用了滴滴LOGO的橘色，后面的照片海报部分，背景更像木制桌子或者木制照片墙，配上入职和现在的照片。

4、体验上

照片上传部分，最好添加一下用户是否上传照片的验证。

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

标签