京东商城:手别停!一直一直“潮”我看!

2019-05-13 H5案例分享 H5案例分享
京东商城:手别停!一直一直“潮”我看!


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

识别图中二维码

手别停!一直一直“潮”我看!-查阅二维码

完整欣赏此案例大约需要3分10秒


案例:手别停!一直一直“潮”我看!

品牌:京东商城

亮点:

  1. 创意定位

京东出品,用图文组成的视频总结了当下人们的生活方式和兴趣潮流,用户通过长按触点推动图片的延伸和渐入,每个类型图中会有若干个商品推荐,可以松开触点暂停视频查看具体名称,最后用户可回放作品,分享作品和登陆京东商城,以此愉悦视觉,和增加平台浏览量。

 

  1. 策划逻辑

一段作品的数据来源说明后,点击“开始“进入潮流报告播放界面,以”花草系少女“为开篇图,点击下面的”长按“进入风格总结图浏览,每个风格界面都包含了风格名称,风格解析,主要特点,和单品推荐,点击”长按“不松手,图片会以逐渐缩小最后变成照片的形式进入下一风格的图片介绍,主要总结的风格有①热爱田园风的花草系少女,喜欢迷彩的颠覆迷幻派,复古风格的超时空女郎,喜欢男女同款的无边界派,极简主义,人宠同食,喜欢新鲜食材定制的鲜养宠派,轻断食,热爱追随爱豆的明星食。②热爱全球进口食物DIY的环球煮FU,喜欢挑战极限的变态食,养生办公,热爱智能的一键生活派,喜欢小美好的格物悦己派,高级”住“义,智行千里,摩登时代,轻装风,战脱防秃,手机黑科技,懒人清洁,智能美容。③最后的海报界面是一段鼓励追随潮流的文字,用户可点击文字下的触点进行回放或平台登陆,也可以保存海报。

 

  1. 设计上

风格划分的很多很详细,也很真实的概括了生活中常见的各种潮流趋势,画风轻快,颜色柔亮,烘托了每一种风格追随下的舒适生活氛围,对各种风格的文字解析和特点描述也很到位,单品推荐字体较小,用浅色系对话框做文字背景,颜色与整个画风很相融,虽然有的界面单品推荐较多,但是不影响观看效果。

 

  1. 体验上

轻快愉悦的钢琴曲背景音乐,画风轻快的风格插画,虽然画面很多,但是浏览时不会觉得冗长,画面逐渐缩小变成照片融入下一画面的表现方式很有趣,也让用户很期待下一个风格总结,因为每个风格身边的人和自己都多多少少有一些,很有共鸣的乐趣。



技术实现: html5



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

标签

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

相关推荐:

京东商城:答案星球

天猫:春夏新风尚潮流趋势

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~