丝芙兰官网:丝芙兰小众香氛收藏馆
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分40秒
案例:丝芙兰小众香氛收藏馆
品牌:丝芙兰官网
亮点:
- 创意定位
丝芙兰为了宣传自身系列香水推出的H5作品,用户在作品中可以看到丝芙兰最新上线的四种香型的新品,和一些经典款系列香水,了解每一种香水的香氛类型和香型理念,用户可在每个香水详情页面点击登录丝塔芙官网,了解更多产品信息,促进成交。
- 策划逻辑
加载完毕后,屏幕上是简约设计的香水店造型和本次的主题显示,点击触点后,穿过光影大门,进入主题,左右滑动屏幕可切换场馆,点击场馆后可左右滑动浏览所展出的每一款香水的详情,主要有五个场馆可以点击进入,详情如下①复刻记忆馆,可浏览Replica系列的五款香水。②灵感密境馆,可浏览梵克雅宝非凡珍藏系列的五款香水。③意式美学馆,可浏览帕尔玛之水系列的四款香水。④法式格调馆,可浏览欧珑系列的四款香水。⑤花草水语馆,可浏览娇兰花草水语系列的的五款香水。在场管内的每个详情页中,点击左上角的箭头可返回展馆主页,点击“探秘更多”,可以直接登录丝芙兰官方网站。
- 设计上
加载完毕后的初始页由黑白线条和香水周边元素图案组成,简洁大方,突出上部的主题文字,展馆界面根据各系列不同的主题采用或深或浅的主色调,搭配与展馆名字相关的图案映衬,如“复刻记忆馆”使用了沙漏,黑白照的女人脖颈截图,“灵感密境馆”使用了栀子和鸢尾花做点缀,意大利的场馆页面设计充满了雕塑的美感,让用户在看到主打香水的同时,就能搭配场馆名,感受此系列香水的定位和能给人营造的感觉。
- 体验上
案例介绍的香水比较多,用简短数语描绘了此款香水带来的美妙生活的具体场景,言语简练但是画面感很强,相信用户在使用香水时,喷洒的一刹那,也会有幸福和曼妙的感觉!
技术实现: html5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号