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

2018-02-09 H5案例分享 H5案例分享

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

识别图中二维码

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

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

案例：腾讯的另一个我

出品：腾讯行政

亮点：

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

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

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

标签