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