京东:恋爱中我是什么动物

2018-12-06 H5案例分享 H5案例分享
京东:恋爱中我是什么动物


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

识别图中二维码

恋爱中我是什么动物-查阅二维码

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


案例:恋爱中我是什么动物

出品:京东

亮点:

1.创意定位

京东宠物园艺推出的线上测试类H5作品,用户通过问题选择测试自身在恋爱中贴近哪种动物的形象。

 

  1. 策划逻辑

卡通头像风格的加载页面后,会有一个小男生拿着一朵小红心跳过小石块靠近女生,跳上一颗小石头就会出现一道题目,题目为各种情况假设中的表现风格,每次打开题目会略有变化,用户点击选项后会出现一段实景拍摄的萌宠小视频,还有飘过的搞笑弹幕,共有五道题,每道题三个选项,用户全部选择完毕后会生成海报,海报包括测试结果和分享二维码,以及出品方名称。

 

  1. 设计上

简单的萌宠动画形象和实景视频播放结合,还有流行的吐槽搞笑弹幕,温馨可爱,加深人们对“萌宠”这一主题的印象。

 

  1. 体验上

整体设计温馨简单,弹出的宠物视频加入了各种可爱的道具和解读,有的还会有夸张的配音,很可爱有趣,最后的结果海报图片展开的比例比较大,可以适当调整解读语所占的空间,多一些字体和颜色设计,会与前面环节的活泼有趣衔接得更和谐。



技术实现: HTML5



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

标签

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

相关推荐:

京东:辛辛苦苦赚的钱不能就这么攒下来

ONLY:刷爆朋友圈的爱情测试 你的爱情属于那个年代

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~