靈機文化：社会人高考

2018-06-11 H5案例分享 H5案例分享

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

识别图中二维码

社会人高考-查阅二维码

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

案例：社会人高考

出品：靈機文化

亮点：

策划上，视频类+测试类。Loading结束进入一段16秒的过度视频，显示加班加多后进入一个场景，社会人高考，距交卷还有十分钟。视频结束后，引导用户输入姓名、性别，点击“确定”按钮，进入测试部分，一共包含有7个题目，引导用户选择个人的年龄、购买能力、挑战角色、未来规划等信息，题目完成后，生成一张图片，显示用户的测试结果，评定社会人类型，可长按保存或分享此图，下方有两个按钮，引导用户分享或者跳转到靈機文化社会人命运DNA全解析页面。
设计上，漫画风格，视频部分使用暗系的主色调界面，在线了教室里的画面，营造了穿越的神秘感；测试部分题目语言比较新潮，有趣。
体验上，开头的创意很是新颖，使用了一段穿越的过度视频，给人眼前一亮的感觉，题目设计相对有趣，同时针对不同性别设计了不同的题目和评定结果，适合大部分人群，截图部分因篇幅限制，小五只放了女生的测试题，更多的请自行体验。

技术实现： jQuery+video+layer.js

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

标签