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

2019-04-29 H5案例分享 H5案例分享
共青团中央&今日头条:了不起的青年


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

识别图中二维码

了不起的青年-查阅二维码

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


案例:了不起的青年

品牌:共青团中央&今日头条

亮点:

1.创意定位

这是由共青团中央联合今日头条推出的纪念五四100周年的宣传性H5,以鼓励青年勇于追梦,勇于奋斗。

 

2.策划上

①进入H5后,用户需要先拖动羽毛笔进行身份认证,认证成功后点击按钮开始追梦。追梦路上难免有不被看好的时候,面对别人贴来的标签,用户可以“摇一摇”击碎它。②击碎了几个不好的标签后,进入了一段动画视频(时长1分20秒),视频中有几个场景,大约都在讲主人公拥有自己的梦想,虽然不被理解也依然在追梦路上奋斗的故事。③视频结束后,邀请用户选择自己的青春誓言,选择完成后会生成海报供用户保存分享。

 

3.设计上

手绘漫画风格,色彩丰富有质感,视频动画部分故事情节贴近生活。

 

4.体验上

加载速度快,操作流畅,虽然整个作品篇幅很长,但中间视频部分设计了跳过按钮,很贴心。整体制作精良,只是封面的交互显得有些勉强和累赘。



技术实现: jQuery



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

标签

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

相关推荐:

人民日报|环球网:重温五四,你最像哪位文艺青年

中国青年报·中青在线:穿越百年,寻找你的五四映象

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~