资讯详情
案例演示 ，请长按/扫描以下二维码 ->
识别图中 二维码
完整欣赏此案例大约需要1 分钟
案例：测测你的职场气质配开什么车
品牌：拉勾×爱卡汽车
亮点：
1. 创意定位
拉勾联合爱卡汽车推出的横屏的答题测试类的H5，测试基于霍兰德职业倾向理论。
2. 策划上
①过渡页标题是;你的职场气质配开什么车;中间一个人物左右翻滚，准备起床，加载完后进 入下一屏。
②一共有五道题，滑动测试，选择在画面的下方，题目与选项都融入画面中，如果中间有题目没有选，点 击;提交;时，会跳转到未答题的画面上。
③第一个问题，你一睁眼，九点半了，还有半小时就到上班时间，你决定？第二个问题，你来到公司，刚 坐下，老板就开会通知大家：即日起实施996工作制，你会？第三个问题，春光明媚~和同事出去吃饭，点菜 时你会？第四个问题，吃饭时，你最感兴趣的话题是？第五个问题，地铁末班车过了，打车要排队两小时， 有辆车多好啊！最打动你的购车理由是？滑到最后，点击;提交;按钮。
④输入姓名，点击;ok;按钮，生成一张属于你的职场气质，有雷达图显示你的气质，并匹配 了一个座驾，下方二维码形成回流。
3. 设计上
横屏条漫式，走设计风，注重画面的整体感，加了一些热点小细节，例如巴黎圣母院和996。
4. 体验上
不选择题目答案，也可以向右侧继续滑动，查看下一题目，但是最后提交的时候，会提示漏题。触摸屏幕 时，手不能太靠边，要不会有跳出微信的现象。
技术实现： jQuery tween vue
