杜蕾斯：杜蕾斯表白研究所 - H5案例 - 左启互动-h5公司|h5团队|h5开发|h5定制|h5案例|h5页面制作|h5短视频|微信邀请函|h5案例分享|小程序定制|小程序开发|

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

识别图中二维码

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

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

案例：杜蕾斯表白研究所

出品：杜蕾斯

亮点：

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

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