Planet Schule:Die Klima Challenge von Planet Schule

2023-08-18 H5案例分享 H5案例分享
Planet Schule:Die Klima Challenge von Planet Schule


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

识别图中二维码

Die Klima Challenge von Planet Schule-查阅二维码

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


案例:Die Klima Challenge von Planet Schule

品牌:Planet Schule

技术实现: HTML5+Video

亮点:

1.创意定位

这是国外一个公益组织,通过交互式创意H5,让用户了解气候研究的过程。大家可以通过四个进入太空了解气候的通道:南极、国际空间站、北极、夏威夷,在过程中可以参与小游戏互动、与专家视频交流、文字互动等,从而使「气候研究」这一课题生动有趣,让大家了解更多的气候科学。

 

2.策划逻辑

以完成一个探索任务为主题,用户可以自行申请编码(用户身份识别用)、选择出发区(四选一:南极、国际空间站、北极、夏威夷)、与不同的专家对话、参与不同的装备准备的小游戏等,任务递进,逐层展开,去探索和执行各个子任务。

 

3.设计上

前期引导部分采用简洁的对话气泡引导+视频播放的形式,后半程的游戏和空间介绍,采用交互3D模式,主要交互方式:点击和滑动。

 

4.体验上

区别于国内很多迎合用户停留时间短的特性,该H5内容和交互层级都比较深,在交互的过程中,让用户了解气候研究的专家、成果、进程以及科学的方法,受益匪浅,值得学习和参考。





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

标签

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

相关推荐:

Exo Ape:Global Digital Design Studio

ENGINE:Meet Engine. The perfect taste explosion.

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~