京东:恋爱中我是什么动物
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分21秒
案例:恋爱中我是什么动物
出品:京东
亮点:
1.创意定位
京东宠物园艺推出的线上测试类H5作品,用户通过问题选择测试自身在恋爱中贴近哪种动物的形象。
- 策划逻辑
卡通头像风格的加载页面后,会有一个小男生拿着一朵小红心跳过小石块靠近女生,跳上一颗小石头就会出现一道题目,题目为各种情况假设中的表现风格,每次打开题目会略有变化,用户点击选项后会出现一段实景拍摄的萌宠小视频,还有飘过的搞笑弹幕,共有五道题,每道题三个选项,用户全部选择完毕后会生成海报,海报包括测试结果和分享二维码,以及出品方名称。
- 设计上
简单的萌宠动画形象和实景视频播放结合,还有流行的吐槽搞笑弹幕,温馨可爱,加深人们对“萌宠”这一主题的印象。
- 体验上
整体设计温馨简单,弹出的宠物视频加入了各种可爱的道具和解读,有的还会有夸张的配音,很可爱有趣,最后的结果海报图片展开的比例比较大,可以适当调整解读语所占的空间,多一些字体和颜色设计,会与前面环节的活泼有趣衔接得更和谐。
技术实现: HTML5
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号