网易新闻×哒哒×三金西瓜霜:让世界听见你

2019-07-26 H5案例分享 H5案例分享
网易新闻×哒哒×三金西瓜霜:让世界听见你


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

识别图中二维码

让世界听见你-查阅二维码

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


案例:让世界听见你

品牌:网易新闻×哒哒×三金西瓜霜

亮点:

1.创意定位

由网易新闻、哒哒和三金西瓜霜联合制作的2018年末总结H5。

 

2.策划逻辑

整个H5大致分为三部分:

 

①Loading部分:是一本写着2018的日历在翻页,下面是加载数据,背景是米白色,背景有点时空扭曲的意思。加载完成后日历放大,上方出现三方的Logo,附近有竖行的字“白驹过隙,即将走远的,有不曾消逝的声音,值得我们再次聆听。”根据指示向下滑动。出现主页:让世界听见你、每个人都是发声体。点击下方“长按聆听”开始观看一镜到底。

 

②内容部分:妈妈拿着面具对着孩子的作业生气“学习不好的娃都是来报恩的,校长讲话刷屏引热议。”

“IG夺LOL S8世界冠军终圆八年电竞梦”

“金庸逝世,享年九十四岁,江湖已远,侠义永存”

“港珠澳大桥通车,被誉为新世界七大奇迹之一”

“改革开放40周年,大国成就振奋人心”

“古天乐百所小学建立,低调乐仔只字未提”

“高铁霸座事件频发,引发全民公愤”

“延禧攻略热播,带火非遗文化”

“川航客机高空遇险,英雄机长化险为夷”

“中国女足3-0轻取菲律宾,踢进2019年法国世界杯”

回到主页的画风“让世界听见你,你的每次发声,都在代言这个时代”右边写着2018的艺术字,下方有“再听一次”“扩大声量”“年度画报”三个选项。

 

③落地页部分:选择年度画报,可输入你的2018年大事件和你的姓名,点击右下角“生成海报”

 

3.设计上

一镜到底的手法,简约的设计。

 

4.体验上

加载速度快,有配音。很用心。



技术实现: PixiJS



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

标签

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

相关推荐:

HONOR×网易:跟你讲个笑话:直男的奇幻惊喜

“我是创益人”大赛,2018年作品欣赏,2019年报名开启

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~