FENIX：FENIX开启梦幻精灵之旅

2018-05-09 H5案例分享 H5案例分享

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

识别图中二维码

FENIX开启梦幻精灵之旅-查阅二维码

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

案例：FENIX开启梦幻精灵之旅

出品：FENIX

亮点：

策划上，宣传类。这是对FENIX（菲尼莎）珠宝的宣传。进入首页，先来到宣传视频页面，点击播放宣传视频，宣传视频是以一个观赏大自然的姿态，逐一呈现根据大自然的灵感而设计的珠宝。视频结束后返回页面，点击“幸运精灵”可以参加摇一摇活动。点击“她们说”可以看到各个明星的名言警句，这里是明星代言。点击“测一测你的守护精灵”，进入到测试，先绘制一颗星星，点击确定会发现，用你随便画的星星围成一个圈竟也是一个很好看的图案，再次点击确定进入到测试，一共三道题目，选择完毕后展示测试结果为与你有缘的那个守护精灵。结束引导用户分享。
设计上，以深蓝色为主色调，白色为辅色调，营造奇幻精灵的场景。
交互上，摇一摇，点击，按住拖动。
体验上，很梦幻的一个案例，画风唯美，正映衬着这个品牌的珠宝的唯美气质，有摇一摇活动，有宣传视频，有画一画，有小测试，可以说是一个交互感非常好的案例本例了，最后的测试结果是把用户的气质与真实设计的珠宝相匹配，引导用户相信缘分并购买同款，这是一个很有创意且交互感非常好的很成功的一个宣传案例。

技术实现： jQuery.js + iscroll.js + swiper.js + share.js + video

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

标签