网易新闻×哒哒×三金西瓜霜:让世界听见你
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要40秒
案例:让世界听见你
品牌:网易新闻×哒哒×三金西瓜霜
亮点:
1.创意定位
由网易新闻、哒哒和三金西瓜霜联合制作的2018年末总结H5。
2.策划逻辑
整个H5大致分为三部分:
①Loading部分:是一本写着2018的日历在翻页,下面是加载数据,背景是米白色,背景有点时空扭曲的意思。加载完成后日历放大,上方出现三方的Logo,附近有竖行的字“白驹过隙,即将走远的,有不曾消逝的声音,值得我们再次聆听。”根据指示向下滑动。出现主页:让世界听见你、每个人都是发声体。点击下方“长按聆听”开始观看一镜到底。
②内容部分:妈妈拿着面具对着孩子的作业生气“学习不好的娃都是来报恩的,校长讲话刷屏引热议。”
“IG夺LOL S8世界冠军终圆八年电竞梦”
“金庸逝世,享年九十四岁,江湖已远,侠义永存”
“港珠澳大桥通车,被誉为新世界七大奇迹之一”
“改革开放40周年,大国成就振奋人心”
“古天乐百所小学建立,低调乐仔只字未提”
“高铁霸座事件频发,引发全民公愤”
“延禧攻略热播,带火非遗文化”
“川航客机高空遇险,英雄机长化险为夷”
“中国女足3-0轻取菲律宾,踢进2019年法国世界杯”
回到主页的画风“让世界听见你,你的每次发声,都在代言这个时代”右边写着2018的艺术字,下方有“再听一次”“扩大声量”“年度画报”三个选项。
③落地页部分:选择年度画报,可输入你的2018年大事件和你的姓名,点击右下角“生成海报”
3.设计上
一镜到底的手法,简约的设计。
4.体验上
加载速度快,有配音。很用心。
技术实现: PixiJS
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号