网易新闻 + 三金西瓜霜：这一次，让我们为她们加油

2019-06-05 H5案例分享 H5案例分享

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

识别图中二维码

这一次，让我们为她们加油-查阅二维码

完整欣赏此案例大约需要1分20秒

案例：这一次，让我们为她们加油

品牌：网易新闻 + 三金西瓜霜

亮点：

1. 创意策划

中国女足参加2019女足世界杯为主题，案例中，简述了女足从1991年到2019年，一共7次参加世界杯的成长历程，横向滑动屏幕。

每一个年份，点击年份旁边的小喇叭，收听对应的报道，当前的屏幕立马变亮，还可以点击查看更多，会有当前屏幕对应信息的弹出层。

所有时间段观看完毕后，点击“我也要为女足呐喊”按钮，出现横向的轮播图，选择你喜欢的一张，点击“确定”按钮，生成一张女足海报。海报的上方，还有你是第几个为中国女足呐喊的人，我目前是187599个。

2. 设计上

手绘风格，扁平卡通，女足的风采绘制很传神。

3. 体验上

横屏锁屏观看，女足还是很和三金西瓜霜贴合的，毕竟激情呐喊过后，需要含一片润一下嗓子。

技术实现： createjs

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

标签