36氪:没想到明日城

2019-04-04 H5案例分享 H5案例分享
36氪:没想到明日城


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

识别图中二维码

没想到明日城-查阅二维码

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


案例:没想到明日城

品牌:36氪

亮点:

  1. 创意定位

36氪为宣传自己的“没想到明日城”体验馆,制作的线上问答测试类型的作品,用户在作品中穿梭于“明日城”当中,对遇到的事件进行结果上的选择,最后生成海报,抽取优惠券,也可以点击链接了解“明日城”的具体建设理念和各个场馆的创意布置,以此引起用户兴趣,增加参观人数。

 

  1. 策划逻辑

加载完毕后,有大致三个环节①导入页面,随着镜头从宇宙,夜空,落向城市,结合字幕对现在和未来进行发问和创想。②在一扇半敞开的舱门下,点击“前往没想到明日城”,选择性别,输入名字,进入城内,在各个街道穿梭,一个场景一个问题,问题内容包括引路人身份,街头播放的音乐,图腾物件等,用户点击选项后画面会出现相应效果。③回答完毕,生成结果海报,包括综合指数,运气,努力,欲望等各方面的值数和简单解析,用户可以在此界面抽取合作品牌的优惠券,或者登陆购票平台。

 

  1. 设计上

蓝色系的主色,比较暗的场景,街头的字体和灯光则比较明亮,有霓虹的效果,让作品充满了未来感,符合“明日城”的主题。

 

  1. 体验上

和36氪的名字一样,“明日城”的设计也充满了时尚感和未知感,了解详情之后,会发现游戏中的“明日城”的动画效果和问题都贴合了实际场馆的六个主题,从一定角度引发人们对当下生活的感触和对未来的设想。



技术实现: html5



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

标签

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

相关推荐:

绿地home+:蜕变新生,为创未来而来

华为:线上城市声音博物馆,抢先聆听!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~