TMALL天猫:我有药,你有病吗?

2019-09-05 H5案例分享 H5案例分享
TMALL天猫:我有药,你有病吗?


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

识别图中二维码

我有药,你有病吗?-查阅二维码

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


案例:我有药,你有病吗?

品牌:TMALL天猫

技术实现: html5

亮点:

  1. 创意定位

天猫国际推出的测试秋冬穿衣风格的H5作品,通过回答选择题,生成自己的秋冬时尚海报,获知天猫搜索关键词,以此增加搜索量和成交量。

 

  1. 策划逻辑

在标题界面输入姓名点击“确定”,三道选择题每题五选一,点击图标依次选择自己喜欢的颜色,形状和材质后,界面自动生成海报,海报包括作品标语“我选不无聊”,一副衣服图片,文字XX(用户名)的时尚配方:这个秋天XX(衣服类型)是你最好的配料,一段解析语,下方有天猫搜索关键词和示意图,作品二维码,以及与自己品味相同的用户群体。

 

  1. 设计上

荧光色的背景,色块互相渲染渐变,立体图案点缀,衬托作品“时尚”的主题,问题的答案也是用图案表示,让用户更加直观的感受和选择自己喜欢的种类,海报界面的主图是实拍的衣服照片,既有古风汉服,也有潮酷外套,种类齐全,一边欣赏海报一边可以了解到今年的秋冬潮流趋势。

 

  1. 交互上

点击自己喜欢的答案即可,题目很少,每道题设置了五个答案图标,用三维立体的几何图表现出来,点击后界面会自动跳至下一题。





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

标签

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

相关推荐:

天猫 +五芳斋:我总是心太软

北京SKP:北京SKP开启秋冬鞋履炫目时空

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~