来自奥迪的中秋祝福,很喜欢这个视觉!
2018-09-23 本文已影响0人
H5案例分享
完整欣赏此案例大约需要1分15秒
案例:奥迪英杰汇贺中秋
出品:奥迪
链接:https://www.jiandoukeji.com/h5/2018/audizq/index.html
亮点:
1. 策划上,以中秋为主题,首先是中秋的月亮,配6个人物(奥迪英杰汇的成员)和奥迪汽车的剪影;点击“去赏月”,进入2.5D的城市,不同的城市景物配合不同的奥迪英杰汇成员,老爷子马未都配茶馆、江疏影配购物商场、马龙配体育馆、杨澜配幸福小区、张亚东配音乐厅、黄轩配电影院,每次停顿到对应的城市景物,还可以点击看对应英杰汇成员对大家的祝福,有视频也有音频;最后还有抽奖环节。
2. 设计上,2.5D画面,以奥迪汽车贯穿整个画面,画面细节很耐看,很有奥迪的档次。
3. 技术上,动画使用的是CSS3的transform。视频video部分对iphone和安卓机兼容很好,做到了同层播放,同时也考虑到微信H5安卓机多视频播放时容易出问题,做到了不同的终端采用不同的技术实现方式,让用户看到相同的视觉体验。