网易新闻:那些年,你看不懂的时尚

2019-09-23 H5案例分享 H5案例分享
网易新闻:那些年,你看不懂的时尚


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

识别图中二维码

那些年,你看不懂的时尚-查阅二维码

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


案例:那些年,你看不懂的时尚

品牌:网易新闻

技术实现: HTML5

亮点:

1.创意定位

由网易新闻和中国答卷为新中国成立70周年国庆制作的H5。

 

2.策划逻辑

整个H5主要分为两部分:

 

①Loading部分:米黄色的背景,中年大妈和年轻女孩的头像在变幻,下面是网易新闻和中国答卷的Logo。

 

②对比部分:舞厅感觉的背景,上方有橙色的聚光灯,大妈和小姑娘突然开始带着墨镜互相比较,最后“到底谁更有道理,你们都来评评理!”

进入主页“FASHION CHANGE  VS”点击开始Battle。接下来是一个可以交互的长图形式,向下滑动,每张图分为现在和过去,可点击按钮切换,切换的时候上方会有代表70年前的大妈和代表现在的小小姐姐的头像和说的话。总共有跳舞、内衣、身材、理发、发量、女神、美妆、医美、照相、小白鞋、妈妈“织”造、时装、工作服、种草、买买买这些的对比。

最后一页显示“新中国成立70周年时尚穿梭之旅,每一次反转,都意味着美好生活,拥有了更多可能,时尚的编个,可以成为一个时代最鲜活的记录之一,也许,今天回看过去的日子,会有些凸起,但它,见证了一代人最宝贵的记忆。”可以分别点击大妈和小姐姐下方的“支持我”按钮,进行分享。最下方是网易新闻和中国答卷的Logo。

 

3.设计上

色彩鲜明。对比的方式有很多。

 

4.体验上

右上角可关闭音乐,加载速度快。





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

标签

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

相关推荐:

网易哒哒:无界潜能俱乐部

央视财经X全民K歌:同唱一首歌 祝福新中国

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~