腾讯WE大会:暗淡蓝点

2020-11-05 H5案例分享 H5案例分享
腾讯WE大会:暗淡蓝点


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

识别图中二维码

暗淡蓝点-查阅二维码

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


案例:暗淡蓝点

品牌:腾讯WE大会

技术实现: html5

亮点:

1.创意定位

2020腾讯科学WE大会宣传H5作品。以“暗淡蓝点”为主题,用旅行者1号回望地球的视角,让大家感受宇宙的奥妙,科学无止境,全球四洲六国顶尖七位科学家携顶尖突破汇聚WE大会,2020年11月7日如约而来,开启直播。

 

2.策划逻辑

整个作品视角以旅行者1号回望地球时,可以看到“蓝点”为主题展开。背景为浩瀚的太空,利用了重力感应和拍照与用户产生互动,还提供了中文和英文两个版本。

 

Loading结束,在幽暗的星空亮明主题:暗淡蓝点。然后点击“开启声音体验更佳”按钮,开启背景音乐,部分机型会弹出调用重力感应的动作和方向的提醒,点击同意后,继续体验。旅行者1号已离家43年,用它的视角回望地球,地球就是一个暗淡蓝点,然后回望之旅开启:火星、木星、土星、天王星、海王星,每颗星距离地球的距离和研究年份,都用文案的方式缓缓放出。1990年,旅行者1号最后一次回望地球,留下注明的“暗淡蓝点”。接下来,旅行者1号将耗尽能源,在更遥远的未来大家如何探索宇宙,本次WE大会带你一路探索。整个回望的过程,用户可以停下拍照,生成探索宇宙的海报。

 

最终的海报页,整合了在宇宙不同距离处拍摄的地球——暗淡蓝点的照片。海报底部有马化腾的一句话:看看星空,会觉得自己渺小,所以什么事情仔细一想,都没什么大不了。海报下滑,露出WE大会的主题、直播时间和特约嘉宾,点击最下方的“预约WE大会直播”,跳转预约程序。

 

3.设计

以宇宙蓝黑为背景,配合白亮的星星,空间感极强。再从旅行者1号视角,展现各种行星,红色的火星,米黄的土星,蓝色的海王星,蓝绿的天王星,凸显暗淡蓝点的地球,整体让人感觉是在太空的漂浮,带入感极强。

 

4.体验

体验完,整体感觉在太空走了一圈,宇宙太大了,地球都不到1个像素,而地球上的1个人呢?于是小五陷入了深深的沉思。

 





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

标签

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

相关推荐:

腾讯:2016腾讯WE大会·无境

腾讯WE大会:一条可以倒放的广告

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~