顺丰优选:城市骚年拯救计划

2018-05-14 H5案例分享 H5案例分享
顺丰优选:城市骚年拯救计划


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

识别图中二维码

城市骚年拯救计划-查阅二维码

完整欣赏此案例大约需要30秒


案例:城市骚年拯救计划

出品:顺丰优选

亮点:

  1. 策划上,以‘城市骚年拯救计划’为主题的场景布置类H5。首先性别的选择,是小哥哥,还是小姐姐,确认‘开始鉴定’;进入人物场景布置界面,点击人物头部的左右箭头,可以切换表情,屏幕下侧有七组拼装元素选择,分别为美食、发饰、上身衣服、下身服装、鞋子、装饰、整体背景图案;拼装完毕后,点击屏幕右侧的确认按钮,根据你拼装的图案,进行食欲分析,给出鉴定结果和推荐食谱,并可以通过图片形式保存我的鉴定。
  2. 设计上,扁平卡通风格,可以根据自己的喜好自己设计不同的人物形象。
  3. 体验上,由于设计了不同的人物形象,可以使用户选择每个人喜欢的形象来进行食欲分析,能够满足大多数人的需求,最后再给出优选方案,很好地宣传了顺丰优选。



技术实现: swiper.js + createjs



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

标签

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

相关推荐:

顺丰速递:走过这条街

顺丰优选:顺丰优选冰淇淋梦工厂

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~