佳得乐：Be Like Mike

2017-12-28 H5案例分享 H5案例分享

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

识别图中二维码

Be Like Mike-查阅二维码

完整欣赏此案例大约需要40秒

案例：Be Like Mike

出品：佳得乐

亮点：

策划上，视频类， loading页面是英文Be Like Mike，并且右上角不断放电，点击开始视频，迈克尔乔丹1988年扣篮大赛冠军、1991年拿下总冠军、1992年Be Like Mike配音的电视广告回忆幼年乔丹、1997年带病上场拿下比赛，每一次的成功都有佳得乐的影响，并有标题：佳得乐见证六冠王伟业。下一页面拍照上传生成海报，可以点击重播或分享。
设计上，采用重金属摇滚作为配音，回顾乔丹传奇生涯热血燃烧、激情澎湃，乔丹每一次的成功都有佳得乐的身影尤其是1997更是痛饮佳得乐带病上场拿下比赛，进而达到宣传目的。让我感觉佳得乐的功能真的好强大啊！时间日历不断后退和1992年的电视机播放的设计很出色，有种老旧的历史感。
交互上, 点击Be Like Mike开始视频,点击拍照上传可以上传图片生成海报、图片可以放缩移动、长按可保存、传奇回放可以重播、分享出去可以发送给朋友。

技术实现： JavaScript+vedio

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

标签