气韵：女王陛下，您的王冠请查收

2019-03-04 H5案例分享 H5案例分享

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

识别图中二维码

女王陛下，您的王冠请查收-查阅二维码

完整欣赏此案例大约需要1分44秒

案例：女王陛下，您的王冠请查收

出品：气韵

亮点：

创意定位：气韵推出的互动测试类的H5，为宣传气韵化妆品，进而推出门店无门槛消费抵扣券。
策划上，①首先是解锁你的女王关键词，开始神秘女王之旅，根据提示，轻扣铜锁，开始神秘女王之旅。②一共有五个交互问题，第一个，轻点走廊上的灯，华灯初上，长廊的灯火金碧恢弘，你觉得哪盏灯合适此刻的场景？第二个，点击床铺，枕头和床巾的颜色还未选定，你将选择那种颜色来装点？根据提示点击宝箱，按住并吹气。会看到被封印了，需要解锁全部女王属性。点击“回到房间”，第三个，点击屏风，屏风上的图案，似乎隐藏着关于美丽的秘密……你认为屏风的纹样是？第四个，点击琴弦，琴弦奏起了潺潺乐音，这首曲子让你想起了什么样的画面？第五个，点击窗户，优美的曲目唤起你的记忆，你决定推开窗户透透气，此时窗外的景色是？③神秘女王之旅告一段落，输入姓名，解锁你的女王关键词。最后生成一张你的女王关键词，下面有开启你的女王宝藏，点击彩蛋，领取优惠券。
设计上，古风建筑，每一项选择的都能看出风景的变化。
体验上，操作简单，内容简明直接，还带有用户交互，内容新颖，达到了很好的宣传效果。

技术实现： Swiper jQuery zepto howler

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

标签