杜蕾斯表白研究所

2018-06-21 11:14:00
admin
原创
161
杜蕾斯:杜蕾斯表白研究所


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

识别图中二维码

杜蕾斯表白研究所-查阅二维码

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


案例:杜蕾斯表白研究所

出品:杜蕾斯

亮点:

  1. 策划上,答题类。进入首页,直接告诉你,20是属于杜蕾斯的,接着我们进入杜蕾斯表白研究所。520马上就要到了,你表白这一关过了吗?如果没有,那我们先来表白研究所练习一下吧!接下来十道题看看你如何表白,答题完毕,表白研究所会给你一个评定,看一下你是否符合呢,如果不满意,换可以重新再测试一遍;如果觉得不错,可以点击生成图片,然后保存,对自己不满意,没关系,还可以去研究所提升技能,帮助你搞定属于你的520。
  2. 设计上,页面整体搭配合理,再加上与520搭配的题目,能让用户学一些非常实用的技能。
  3. 交互上,视频。
  4. 体验上,答题过程中答每一道题时,总会思考自己应该怎么回答,很容易把自己代入到场景,并且在这里还可以提升自己的技能,能引起用户的喜欢,会对杜蕾斯有一个很大的宣传,是一个非常好的案例。



技术实现: jQuery.js + move.js + swiper.js + layout.js