案例:让世界听见你
品牌:网易新闻×哒哒×三金西瓜霜
玩法:动画
整理:蓝橙H5开发团队
1.详情内容上:
由网易新闻、哒哒和三金西瓜霜联合制作的动画H5,旨在通过动画的形式来展现2018年的大事件,完成对2018年的总结。H5开始是一本写着2018的日历在翻页,下面是加载数据,背景是米白色,背景有点时空扭曲的意思。加载完成后日历放大,上方出现三方的Logo,附近有竖行的字“白驹过隙,即将走远的,有不曾消逝的声音,值得我们再次聆听。”根据指示向下滑动。出现主页:让世界听见你、每个人都是发声体。点击下方“长按聆听”开始观看一镜到底。
随后是妈妈拿着面具对着孩子的作业生气“学习不好的娃都是来报恩的,校长讲话刷屏引热议。”
“IG夺LOL S8世界冠军终圆八年电竞梦”
“金庸逝世,享年九十四岁,江湖已远,侠义永存”
“港珠澳大桥通车,被誉为新世界七大奇迹之一”
“改革开放40周年,大国成就振奋人心”
“古天乐百所小学建立,低调乐仔只字未提”
“高铁霸座事件频发,引发全民公愤”
“延禧攻略热播,带火非遗文化”
“川航客机高空遇险,英雄机长化险为夷”
“中国女足3-0轻取菲律宾,踢进2019年法国世界杯”
回到主页的画风“让世界听见你,你的每次发声,都在代言这个时代”右边写着2018的艺术字,下方有“再听一次”“扩大声量”“年度画报”三个选项。最后选择年度画报,可输入你的2018年大事件和你的姓名,点击右下角“生成海报”
2.设计体验上:
策划上采用了一镜到底的手法,用户点击来往下展示,增强了和用户的互动性,设计上采用简约的设计。H5整体上加载速度快,有配音,很用心。
扫描二维码查看
注:由于时间原因,以上H5案例可能存在无法打开的情况。如需索取相关案例,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。
相关链接:H5制作|H5案例|H5设计|H5营销|小程序定制