腾讯X大成网:代号028招募计划

2021-06-01 H5案例分享 H5案例分享
腾讯X大成网:代号028招募计划


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

识别图中二维码

代号028招募计划-查阅二维码

完整欣赏此案例大约需要1分30秒


案例:代号028招募计划

品牌:腾讯X大成网

技术实现: html5

亮点:

  1. 创意定位

腾讯网出品,回答关于网络安全的问题,俯瞰成都春熙路一代的繁华夜景,生成个人海报,提高用户网络安全意识。

 

  1. 策划逻辑

作品主要有三个环节

 

①主题导入

打开作品后,028招募公告字幕伴随着打字声出现,说明了在网络安全愈加受到威胁的情况下需要招募028守卫,点击进入,一段夹在程序代码中的口号逐行出现,长按指纹进入答题阶段。

 

②问题回答

滑动屏幕,随着镜头浏览窗外的春熙路夜景,同时点击回答五道题目,包括守卫范围,打击目标,被028吸引的点,武器选择,如何应对病毒反攻。

 

③落地海报

答题完毕生成海报,包括根据用户回答给予的“狂暴神枪手”“万能急救兵”“疯狂科学怪”等称号,用户名,核心装备,制作团队分工及姓名,和作品二维码,用户可保存海报或再测一次。

 

  1. 设计上

蓝色主题色,用代码界面导入,营造虚拟网络世界的感觉,导入语“为了防止世界被破坏,为了维护世界的和平”整段用的是精灵宝贝中火箭队的出场词格式,看到的时候就有画面感啦,与童年经典回忆联动的感觉很好玩儿。问答也加入了很多热点,奶茶店蹭WiFi,茶叶少女,盖伦的40米大刀等,不刻板无趣,跟现实事件贴合又开玩笑一样,严肃中带着诙谐意味。

 

  1. 视觉上

作品情景设定是在一个封闭的透明空间里360度俯瞰,窗外是熟悉的春熙路景色,立体效果还挺有实景的感觉的,相信就算不是成都人对此潮流地标路也一定不陌生,一边俯览繁华夜景一边答题,不得不说真的很美,视觉感很丰富。





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

标签

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

相关推荐:

1分40秒:神奇动物

政务壹号:IN TIME 潮流主理人计划

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~