优酷X淘票票:十年

2019-04-26 H5案例分享 H5案例分享
优酷X淘票票:十年


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

识别图中二维码

十年-查阅二维码

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


案例:十年

品牌:优酷X淘票票

亮点:

1.创意定位

最近《复仇者联盟4》正在各大影院上映,本案例就是由优酷、淘票票联合出品,用考题的形式,将漫威一系列电影的经典情节进行回顾,以期提高淘票票平台的电影票出票率和优酷平台的用户活跃度。

 

2.策划逻辑

  • a.加载页面过后,首屏是一张海报,排版很像一本练习册的封面,上面还写着“复联宇宙知识必修”,点击屏幕下方的“开始复习”按钮,随即进入答题界面。
  • b.一共有10道单选题,分值100分,命题范围涵盖了《美国队长》、《蜘蛛侠》、《复仇者联盟1》等等,所有题全部答完后,就会出现“你的成绩”界面,点击进入就是一张有漫威英雄形象的得分成绩单。
  • c.在整个答题过程中,选项的右上角有个小小的“复习资料”按钮,点击就会进入到优酷视频界面,播放相关影视视频。最后的成绩单界面底部也有“重考”、“复习大纲”两个按钮,点击“重考”,重新开始答题,点击“复习大纲”即进入优酷视频平台,专门有个解说小视频,得分情况下方还有个“查看标准答案”,点击即能看到全部题目和正确答案。

 

3.设计上

黑白的荧幕英雄形象,搭配红色的字体,严肃又醒目,题目中穿插的电影小片段,增加了答题的趣味性。

 

4.体验上

画面清晰,操作流畅,整个过程中穿插的漫威经典片段让人充满怀念之情。



技术实现: HTML5



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

标签

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

相关推荐:

杰力豆:社畜们有救了哈哈哈哈哈

淘票票APP:2018淘票票电影时光

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~