央视新闻 + 千寻位置：北斗，北斗，收到请回答。

2020-06-24 H5案例分享 H5案例分享

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

识别图中二维码

北斗，北斗，收到请回答。-查阅二维码

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

案例：北斗，北斗，收到请回答。

品牌：央视新闻 + 千寻位置

技术实现： Zepto

亮点：

1、创意定位

央视新闻和千寻位置联合出品的H5，以“呼叫北斗”为主题，展示多少颗北斗卫星正在陪伴着你。

2、策划上

① 首屏是一个发报员的人物在画面中，“呼叫北斗”按钮不停的闪烁，点击按钮；

② 进入核心的页面，显示我的位置（用户可以输入地址）、当前时间（系统自动显示，用户无法更改）、地球（用户可以旋转地球，查看地球的720°不同的角度），当用户输入具体的地址后，屏幕下方会显示多少颗，在右下角的卫星依次显示中，点击卫星图标，可以显示卫星的基础信息（例如：周期、速率等）；

③ 点击右下角“生成海报”按钮，海报中有我是谁、我在什么时候、在哪，发现有多少颗北斗卫星。

3、设计上

深色调的大背景，配合蓝色，既正式，有显示很专业的感觉；很明显的大标题“北斗，北斗，收到请回答。”，贯穿所有屏。

4、体验上

最喜欢核心页面中的地球可以手动旋转的感觉~

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

标签