腾讯行政:腾讯的另一个我

2018-02-09 H5案例分享 H5案例分享
腾讯行政:腾讯的另一个我


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

识别图中二维码

腾讯的另一个我-查阅二维码

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


案例:腾讯的另一个我

出品:腾讯行政

亮点:

  1. 策划上, 视频类,Loading完毕,进入一段2分28秒的视频,内容:以微报自诞生到现在所取得的成就开始,介绍完后,话锋一转,开始主人公——戏精鹅的自述环节,戏精鹅怀疑有人跟踪自己,会议室、餐厅、健身房…处处都有感觉。最终无奈报警处理,原来,一切都是巧合。视频结束,进入主题——腾讯行政5周年,帮你找到有缘的Ta。点击下方按钮,引导用户进入下一页面,可查看与班车、会议等多个内容的相遇,页面下方出现两个按钮,引导用户抽奖或者分享。
  2. 设计上,视频中企鹅的形象设计的很丰满,戏精鹅的形象呆萌,神秘鹅、boss鹅等活灵活现;视频中大量使用流行词,“戏精”、“佛系”等等,贴近生活,增强了H5的趣味性。
  3. 交互上,点击屏幕,视频播放,可点击右上角的“跳过”按钮,直接进入最后的抽奖环节,比较人性化。
  4. 技术上,使用js插件,实现了转盘滚动抽奖的功能。
  5. 体验上,小五觉得这个案例的亮点是任务的设置,企鹅的形象很传神,很有意思。



技术实现: zepto.js+swiper.js+video+lottery.js



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

腾讯·大辽网:狗年来临 谁才是你的lucky dog?

腾讯体育:20年,有多长?

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~