优步：优步，伴你一路同行

2017-08-03 H5案例分享 H5案例分享

案例：优步，伴你一路同行

出品：优步

亮点：

策划上，这款h5是一幅长图与动画相结合的h5，是优步所打造的一款宣传自己公司的一款h5。这款h5刚开始便想起了《阿甘正传》的背景音乐，营造了一种宁静、安谧的氛围。画面一转，图中出现一个小人，在夜晚中孤独的行走着，不断的飘下树叶，如同《阿甘正传中》的树叶一般，页面的下方有行文字“预约人民优步”，用户点击进去后，便会出现一头可爱的鲸鱼在载着主人公小人，无论闪电下雨，都默默载着小人前进着，突出了优步的主题：“优步，会与你风雨兼程”。
设计上，这款h5将《阿甘正传》的背景音乐与图中的动画很好的结合在一起，给人一种很和谐、安谧的画面。设计者将优步比作一头鲸鱼，默默的陪伴着主人公行走着，并且也配上了闪电和下雨，突出了“会与你风雨兼程”的主题。设计者也没有设计h5演示完毕后可以退出的按钮，这个h5遍一直是在夜晚下，鲸鱼默默地陪伴着主人公行走着的画面，更好的突出了主题：“优步，伴你同行，风雨兼程”。
技术上，这支H5主要是 jquery+transform。

技术实现： jquery+transform

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

识别图中二维码

优步，伴你一路同行-查阅二维码

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

标签