京东物流:京东物流-青流计划
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:京东物流-青流计划
品牌:京东物流
技术实现: html5
亮点:
- 创意定位
京东物流-青流计划推出的人格测试类创意H5作品。以“你拥有哪种绿色天赋?测测你的绿色人格”为主题,用户在各种颜色、声音中回答6个问题,然后生成绿色人格测试报告,形成裂变传播。
- 策划逻辑
大致流程:主题页→ 测试答题部分 → 输入姓名页 → 生成海报页。
主页页:露出主题和绿色环保标识。你拥有哪种绿色天赋??测测你的绿色人格。向上滑动,开启你的寻绿之旅。
测试答题部分:共6题。问题一,绿色如果有味道,那会是?问题二,火在燃烧的白噪音,你觉得这段声音是?问题三,远方闪光处你觉得是什么?问题四,远处出现一只流浪猫你会选择?问题五,直觉选出最吸引你的图案。问题六,选择三个任意词,拼出一句你的诗。答题完毕,点击“确认”按钮,进入输入姓名页。
输入姓名页:调起键盘,输入用户昵称。点击“确认”,进入生成海报页。
生成海报页:根据用户的答题生成的人格测试报告,包含:人格关键词,占比率,适合的绿色小事以及品牌标识。长按可以保存海报到手机相册。
- 设计交互
主要视觉采用色块渐变,配合文案+动态局部特效,让测试问题显得不单调。交互方式主要采用了上滑屏、键盘输入和长按保存。
- 用户体验
绿色人格,其实是绿色环保方面的,不要想歪了!凡是人格测试类的,一定要有一定的心理学科学模型作为依据,不然,用户感受不到跟自己的「契合度」,就会觉得说的不是自己,再好跟我无关,也不会有分享的冲动。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号