网易新闻:那些年,你看不懂的时尚
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:那些年,你看不懂的时尚
品牌:网易新闻
技术实现: HTML5
亮点:
1.创意定位
由网易新闻和中国答卷为新中国成立70周年国庆制作的H5。
2.策划逻辑
整个H5主要分为两部分:
①Loading部分:米黄色的背景,中年大妈和年轻女孩的头像在变幻,下面是网易新闻和中国答卷的Logo。
②对比部分:舞厅感觉的背景,上方有橙色的聚光灯,大妈和小姑娘突然开始带着墨镜互相比较,最后“到底谁更有道理,你们都来评评理!”
进入主页“FASHION CHANGE VS”点击开始Battle。接下来是一个可以交互的长图形式,向下滑动,每张图分为现在和过去,可点击按钮切换,切换的时候上方会有代表70年前的大妈和代表现在的小小姐姐的头像和说的话。总共有跳舞、内衣、身材、理发、发量、女神、美妆、医美、照相、小白鞋、妈妈“织”造、时装、工作服、种草、买买买这些的对比。
最后一页显示“新中国成立70周年时尚穿梭之旅,每一次反转,都意味着美好生活,拥有了更多可能,时尚的编个,可以成为一个时代最鲜活的记录之一,也许,今天回看过去的日子,会有些凸起,但它,见证了一代人最宝贵的记忆。”可以分别点击大妈和小姐姐下方的“支持我”按钮,进行分享。最下方是网易新闻和中国答卷的Logo。
3.设计上
色彩鲜明。对比的方式有很多。
4.体验上
右上角可关闭音乐,加载速度快。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号