京东物流:京东物流-青流计划

2023-01-08 H5案例分享 H5案例分享
京东物流:京东物流-青流计划


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

识别图中二维码

京东物流-青流计划-查阅二维码

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


案例:京东物流-青流计划

品牌:京东物流

技术实现: html5

亮点:

  1. 创意定位

京东物流-青流计划推出的人格测试类创意H5作品。以“你拥有哪种绿色天赋?测测你的绿色人格”为主题,用户在各种颜色、声音中回答6个问题,然后生成绿色人格测试报告,形成裂变传播。

 

  1. 策划逻辑

大致流程:主题页→ 测试答题部分 → 输入姓名页 → 生成海报页。

 

主页页:露出主题和绿色环保标识。你拥有哪种绿色天赋??测测你的绿色人格。向上滑动,开启你的寻绿之旅。

 

测试答题部分:共6题。问题一,绿色如果有味道,那会是?问题二,火在燃烧的白噪音,你觉得这段声音是?问题三,远方闪光处你觉得是什么?问题四,远处出现一只流浪猫你会选择?问题五,直觉选出最吸引你的图案。问题六,选择三个任意词,拼出一句你的诗。答题完毕,点击“确认”按钮,进入输入姓名页。

 

输入姓名页:调起键盘,输入用户昵称。点击“确认”,进入生成海报页。

 

生成海报页:根据用户的答题生成的人格测试报告,包含:人格关键词,占比率,适合的绿色小事以及品牌标识。长按可以保存海报到手机相册。

 

  1. 设计交互

主要视觉采用色块渐变,配合文案+动态局部特效,让测试问题显得不单调。交互方式主要采用了上滑屏、键盘输入和长按保存。 

 

  1. 用户体验

绿色人格,其实是绿色环保方面的,不要想歪了!凡是人格测试类的,一定要有一定的心理学科学模型作为依据,不然,用户感受不到跟自己的「契合度」,就会觉得说的不是自己,再好跟我无关,也不会有分享的冲动。

 





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

快手:我在家乡的精神角落

网易文创/哒哒X溪木源:测测你的迪士尼公主人格

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~