CGTN:五四精神永存

2019-05-05 H5案例分享 H5案例分享
CGTN:五四精神永存


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

识别图中二维码

五四精神永存-查阅二维码

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


案例:五四精神永存

品牌:CGTN

亮点:

1.创意定位

这是CGTN在纪念五四运动100周年之际推出的漫画风格的H5作品,用手绘漫画的形式形象地重现了那一段历史。

 

2.策划上

①进入H5后,用户需要点击按钮开始回顾历史。整体分为三部分,背景介绍、事件发展阶段和事件结果。②故事从1914年8月开始讲起,日本抢占德国在青岛的胶州湾租地后,向北洋政府提出了“二十一条”,北洋政府为巩固政权向日本大量借款,并不惜用领土主权做抵押。而在巴黎和会中,列强无视中国提出收回山东的要求,在《凡尔赛合约》中将德国在山东的权益转让给了日本。这一块背景内容用三页漫画的篇幅讲述。③页面邀请用户涂抹的屏幕,帮助印刷报纸。消息发布后,北京的大学生在天安门广场游行,开启了五四运动。学生们游行至使馆区想获得帮助,页面可以点击任一国家国旗寻求帮助,(此处结果当然是没有得到帮助)。随后学生们便转方向去往赵家楼——参与了二十一条的曹汝霖的住宅。④随后,页面邀请用户长按北京将五四运动蓄力全国。⑤最后,事件结果用一页的篇幅说明:罢免了卖国贼曹汝霖、章宗祥、陆宗舆三人职务。外交代表团拒绝在《凡尔赛合约》上签字。⑥H5的最后,邀请用户长按保存海报,将五四精神传播出去,此处还可以选择一句自己喜欢的领导人金句。

 

3.设计上

手绘漫画风格,在漫画中还植入了动画和交互,很形象。页面中出现的主要人物,都可以点击红色三角查看介绍。

 

4.体验上

加载速度快,操作流畅,页面设计精美,用漫画的手法重现了那一段历史。这种形式比历史课本生动多了,应该很容易被年轻读者接受。

 



技术实现: zepto



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

标签

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

相关推荐:

CGTN:Who runs China?(为人民)

共青团中央&今日头条:了不起的青年

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~