FENIX开启梦幻精灵之旅

2018-05-10 11:44:00
admin
原创
198
FENIX:FENIX开启梦幻精灵之旅


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

识别图中二维码

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

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


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

出品:FENIX

亮点:

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



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