丝芙兰官网:丝芙兰小众香氛收藏馆

2019-04-12 H5案例分享 H5案例分享
丝芙兰官网:丝芙兰小众香氛收藏馆


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

识别图中二维码

丝芙兰小众香氛收藏馆-查阅二维码

完整欣赏此案例大约需要2分40秒


案例:丝芙兰小众香氛收藏馆

品牌:丝芙兰官网

亮点:

  1. 创意定位

丝芙兰为了宣传自身系列香水推出的H5作品,用户在作品中可以看到丝芙兰最新上线的四种香型的新品,和一些经典款系列香水,了解每一种香水的香氛类型和香型理念,用户可在每个香水详情页面点击登录丝塔芙官网,了解更多产品信息,促进成交。

 

  1. 策划逻辑

加载完毕后,屏幕上是简约设计的香水店造型和本次的主题显示,点击触点后,穿过光影大门,进入主题,左右滑动屏幕可切换场馆,点击场馆后可左右滑动浏览所展出的每一款香水的详情,主要有五个场馆可以点击进入,详情如下①复刻记忆馆,可浏览Replica系列的五款香水。②灵感密境馆,可浏览梵克雅宝非凡珍藏系列的五款香水。③意式美学馆,可浏览帕尔玛之水系列的四款香水。④法式格调馆,可浏览欧珑系列的四款香水。⑤花草水语馆,可浏览娇兰花草水语系列的的五款香水。在场管内的每个详情页中,点击左上角的箭头可返回展馆主页,点击“探秘更多”,可以直接登录丝芙兰官方网站。

 

  1. 设计上

加载完毕后的初始页由黑白线条和香水周边元素图案组成,简洁大方,突出上部的主题文字,展馆界面根据各系列不同的主题采用或深或浅的主色调,搭配与展馆名字相关的图案映衬,如“复刻记忆馆”使用了沙漏,黑白照的女人脖颈截图,“灵感密境馆”使用了栀子和鸢尾花做点缀,意大利的场馆页面设计充满了雕塑的美感,让用户在看到主打香水的同时,就能搭配场馆名,感受此系列香水的定位和能给人营造的感觉。

 

  1. 体验上

案例介绍的香水比较多,用简短数语描绘了此款香水带来的美妙生活的具体场景,言语简练但是画面感很强,相信用户在使用香水时,喷洒的一刹那,也会有幸福和曼妙的感觉!

 



技术实现: html5



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

标签

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

相关推荐:

SEPHORA丝芙兰:膜力Call

Acqua di Parma 帕尔玛之水:夏日风度 玩味Colonia Club

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~