腾讯游戏:你,找到方向了么?

2018-08-07 H5案例分享 H5案例分享
腾讯游戏:你,找到方向了么?


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

识别图中二维码

你,找到方向了么?-查阅二维码

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


案例:你,找到方向了么?

出品:腾讯游戏

亮点:

  1. 创意定位,腾讯游戏为旗下“首款战争策略手游”做的线上传播,以“你,找到方向了么?”为主题,让用户参与测试问答,根据对有关“方向”的几道问题,得出用户方向的关键词,生成海报,进行传播。
  2. 策划上,采用“活字迷宫”特效引导用户参与答题测试,生成结果。主要分四部分:① 引导文案:活字迷宫中每一个字都是你的一段故事;② 选择入口,分两个:整齐的九宫格、散乱的七个格;③ 答题部分,3-5道题,每做完选项,都为出现一个关键词,用特效翻转雕刻字的形式,每到题目间,有第一视角人物移动和寻找的过程作为过场动画;④ 结果页,答完题后有炫酷过场动画生成结果页。结果页分成两部分,上半部分是:可以长按保存的一张海报,包含用户答题所得关键词、未来方向的关键词,以及文案、二维码及品牌Logo。下半部分是:杨幂代言海报和官方游戏宣传海报的轮播,以及最重要的“游戏下载”的按钮,可以直接跳转到游戏下载页面。
  3. 设计上,主背为黑色,主色为金色,视觉对比突出。人物在活字迷宫中奔跑以及答题完成后的文字翻转特效,均运用视频特效,炫酷而不夸张。
  4. 体验上,每一道题的每一个选项对应的关键词,对于用户来说,好像都是正能量的词,最后的海报,给人以力量。不禁遐想,这个游戏有这么大的能量么,下载一个试试去。哈哈哈~ 



技术实现: EaselJS+PreloadJS+TweenJS+VelocityJS+Zepto



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

标签

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

相关推荐:

腾讯游戏:怼还是怂?来一次灵魂的追问

腾讯游戏:飞鸟游鱼的初恋记忆

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~