逗号立方:我是时装精

2019-09-11 H5案例分享 H5案例分享
逗号立方:我是时装精


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

识别图中二维码

我是时装精-查阅二维码

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


案例:我是时装精

品牌:逗号立方

技术实现: html5

亮点:

  1. 创意定位

一款给卡通人物设计造型海报的游戏作品,用户选择性别后,用发型,衣服和饰品进行造型装扮,生成时尚海报,最后可以在海报界面得知9月12号逗号立方购物公园开幕的消息,还可以点击链接,关注“逗号立方购物公园”官微,参加集赞领礼品活动。

 

  1. 策划逻辑

加载完毕后,选择男生或女生,进入装扮界面,点击左方的一列图标,打开下拉菜单,给右方人物选择发型,上衣,裤子,鞋子,眼镜/帽子,点缀物,点击下拉菜单中的衣物饰品后,所点击的样式会立刻出现在人物身上,全部选择好后,再选择海报背景即可完成作品,在最后生成的海报界面也可返回重新编辑,或点击“领取礼包”,然后关注公众号参与领礼品活动。

 

  1. 设计上

卡通画风,男生和女生的形象都很阳光可爱,衣服和饰品样式也比较多,以休闲为主,色系较多,用户可任意选择,搭配出自己喜欢的效果,海报背景则线条和色彩比较多,突出“时尚”主题。

 

  1. 交互上

打开下拉菜单让人物“试穿”即可,再点击就可以合上,在选择海报背景界面,以及海报已经生成后都可以返回上一步重新选择。





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

标签

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

相关推荐:

唯品会:来自2018年的账单

花城+:垃圾分类就是新时尚

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~