北大资源：梦想诊断机

2018-03-21 H5案例分享 H5案例分享

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

识别图中二维码

梦想诊断机-查阅二维码

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

案例：梦想诊断机

出品：北大资源

亮点：

策划上，测试类。进入首页点击开始，选择我要挂号，输入姓名和电话号码，选择要挂号的科室（白日梦科室，天马行空科室，声嘶力竭科室，沉默寡言科室），选择好后点击选择挂号，提示您已挂号成功，开始诊断，然后回答7个问题，问题没有对错，即可完成测试。测试结束显示诊断报告，引导用户加微信，达到宣传北大资源的效果。
设计上，以米白色为主要色调，深灰色为辅色调，动画设计简单大方，操作简单。
体验上，加载流畅，问题表达简明扼要，结尾跳转到结果需要一点等待时间。

技术实现： egret.js + tween.js

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

标签