恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
2017年那些刷屏朋友圈的H5案例们(Top15)
0.0°
2018-01-11 原创文章 规范/资料 举报 4271 30 22 0

2017年秀H5赏析。排名不分先后。尽可能多得挑选了不同展现形式、或是不同行业的案例。

Image title

Image title

Image title


美图秀秀:妙啊!史上最奇妙的圣诞祝福


点评:这个特别好玩,任意上传一张人像(注意,是人像!)都可生成手绘贺卡,而且还可以选择绘画风格,还有小冰智能为你生成一句话,并且最后你可以把生成的贺卡下载下来。


案例地址:http://h5.meitu.com/xiu_xmas



Image title

Image title

Image title


星巴克:你的名字里有首歌


点评:星巴克这次圣诞节的活动,埋了两个点,一可以帮你生成带有你名字的祝福,二是赠送了优惠券,直接扫码可以跳转到他们的微信小程序。深谙营销活动的套路No.1啊。


案例地址:https://promotion.sandload.cn/StarBuck1221/index.html



Image title

Image title

Image title


淘宝:飞越淘宝奇市,造物节7月江湖见


点评:这效果做得特别炫酷,有点像游戏,可以控制风筝的飞行高度。涵盖的内容也蛮广的,当时淘宝造物节靠这个H5刷了一波朋友圈。


案例地址:https://g.alicdn.com/fdilab/flyover-taobao-online-wx/index.html



Image title

Image title

Image title


网易新闻:二零一七年娱乐圈画传


点评:网易出品,不得不服。画中画,展示了2017年几乎所有的娱乐圈热点新闻,所长看完表示居然全部都懂了。


案例地址:http://ent.163.com/special/entphotos2017




Image title

Image title

Image title


腾讯:智爱行动公益计划,为留守儿童发声


点评:腾讯这个公益H5做得很有水准,无论是策划、内容,还是视觉。虚实结合,小男孩是真的,场景是画的,很特别的展现形式。


案例地址:http://qipai.qq.com/cp/a20171217zhiai/index.html




Image title


Image title

Image title


新世相 :这个告白邮局,装着25岁后说不出口的情话

点评:稍微要加载一会儿...也是虚实结合,找来了陈柏霖做主人公。你可以自己写一封信,也可以阅读别人的信。


案例地址:http://static.thefair.net.cn/prince/index.html




Image title

Image title

Image title


网易新闻:章莹颖失踪74天了,全世界都想找到她


点评:这个有种看电影结合看漫画的感觉,讲了章莹颖失踪的前后故事。一个手机长屏下来,滑动到屏幕中间时会有相应的动画以及声效。又是网易出品的,真的很服气。


案例地址:http://news.163.com/special/fdh5_zhangyy




Image title


Image title

Image title


in:节气奇妙物语


点评:这个是横着屏看。看到最后发现居然是一个插画征集&投票活动。是关于节气主题的插画。也很特别,喜欢插画的小伙伴不能错过。


案例地址:https://h5.in66.com/inpromo/2017/egret/season/index.html




Image title

Image title

Image title


QQ:这可能是地球上最美的H5


点评:3D类的翘楚,声效结合得也特别好。截屏无法展示它的魅力,请点击图片进入自行体会。


案例地址:https://wa.qq.com/xplan/earth/index.html?_wv=1



Image title


Image title

Image title


拉勾:2017拉钩之夜 邀请函


点评:互联网行业的邀请函案例,拉钩出品。适合投资机构或是创业公司借鉴。


案例地址:https://activity.lagou.com/activity/dist/lagou-night-2017/h5/m_index.html



Image title

Image title

Image title


腾讯视频:听说你想当明星,我给你找了一套密卷...


点评:腾讯视频的软广,绘画风格很特别呀。一开始做题目时都没注意到画里的语音是可以点的。也是一种另类的风格。


案例地址:https://h5.juecn.cn/txgk/index.php




Image title

Image title

Image title


网易严选圣诞礼集市:相信圣诞老人吗?


点评:网易严选在圣诞节做的活动。你要领取火柴,点燃它,然后手机屏幕一直往下滑,它会照亮经过的地方,最后停在有礼盒的地方,点击打开,恭喜你,成功领取优惠券啦。不过活动现在已经结束了。


案例地址:http://you.163.com/act/pub/JrmkoK3xs8.html




Image title


Image title

Image title


拉勾:《2017年互联网职场白皮书》报告发布,跳槽全靠它了!


点评:放一个数据展示类的,毕竟现在大数据还是很火不是么(我不是投资人,我不知道)。


案例地址:https://activity.lagou.com/activity/dist/2017-summary/m_index.html




Image title

Image title

Image title


雷诺汽车:是谁霸占了新闻头条119年之久


点评:虽然是个软广,不过展现形式还是蛮特别的。可以看一看。


案例地址:http://www.dongfeng-renault.net/2017speedlegendH5/index.html




Image title

Image title


网易云音乐:2017,我的网易云音乐听歌日记


点评:严格得说来这个不属于2017年,因为是2018年1月2日发布的,只是一出来立刻就刷屏了朋友圈。生成自己的网易云音乐听歌日记,不过前提是你有云村的App啊。


案例地址:http://music.163.com/nact/year2017_30


-  END - 




西瓜设计研究所

互联网创业 | UI设计 | 开发资源 | 公开课

未经允许请勿转载,烦请私信作者获取授权

© 西瓜设计研究所

更新:2018-01-11

收藏

30人已收藏

西瓜设计研究所

设计百宝箱 uirush.com

  • 34

    作品

  • 268

    粉丝

  • 0

    关注

  • 12月线下编程活动 | 2小时创建一个网站(免费报名中)
  • 别的设计师比你又快又好,是因为你不知道他们在用介个!
  • Uirush素材库双十一全年最大优惠来袭
  • 11月Workshop免费报名 | UI组件:前端样式实现
相关标签
H5广告

    猜你喜欢

      2018-01-11 原创文章 规范/资料 举报 4271 30 22 0

      2017年那些刷屏朋友圈的H5案例们(Top15)

      0.0°

      你确定要举报2017年那些刷屏朋友圈的H5案例们(Top15)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年01月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      22
      30
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录