京东商城:博物馆

2019-10-25 H5案例分享 H5案例分享
京东商城:博物馆


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

识别图中二维码

博物馆-查阅二维码

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


案例:博物馆

品牌:京东商城

技术实现: html5

亮点:

  1. 创意定位

京东商城的“世界博物馆超级IP日”宣传作品,用户在作品中欣赏名画聆听轻音乐,选择自己喜欢的画作生成海报,在海报界面了解活动相关内容,和登陆浏览详情,以此感受艺术对于生活品质的重要性,提高活动影响力,促进交易达成。

 

  1. 策划逻辑

加载界面是夜空中的一颗星星和进度条,然后是小鹿在森林中回首的背景图,作品名称及导语,点击触点,左右滑动浏览世界名画,画作的上方和下放会出现名画陈列地点及画作信息,选择一副点击放大,名画有轻微的动态效果,点击右上角触点可查看疗愈谜语,画作信息及开关背景音乐,点击下方分享键可生成海报,包括名画照片及名称,作品标题及二维码,出品方名称及宣传语,在此页面可点击空白处返回欣赏其他画作,分享作品或登录京东查看详情。

 

  1. 设计上

作品在欣赏页面将画作进行了轻微的动态处理,油画的流动效果看起来很舒服,搭配的解说词也很治愈,背景音乐有纯音乐,孩子笑声,鸟叫声,风吹动的声音等,声音较小,引导用户静下心来仔细聆听,以达到在享受静谧中治愈心灵的目的。

 

  1. 交互上

用户可以伴随音乐欣赏世界名画,也可关掉音乐纯赏画,欣赏时间不限制,可以在舒缓沉静的氛围中尽情感受,生成海报后也可以返回继续欣赏其他画作。





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

标签

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

相关推荐:

京东商城X钙尔奇:寻找三秒杀手

Doyle Dane Bernbach:闻香识情

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~