腾讯社交电商小鹅拼拼:生成你的气质报告

2021-05-14 H5案例分享 H5案例分享
腾讯社交电商小鹅拼拼:生成你的气质报告


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

识别图中二维码

生成你的气质报告-查阅二维码

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


案例:生成你的气质报告

品牌:腾讯社交电商小鹅拼拼

技术实现: HTML5

亮点:

1.创意定位

腾讯社交电商“小鹅拼拼”周年庆线上活动H5,通过让用户模拟“选商品”,来测试消费者的气质,生成气质海报,如果点选商品清单里的“五菱红光miniEV”,还可获得抽奖机会,为产品引流。

 

2.策划逻辑

主流程:①Loading+主题露出;→ ②选5样“商品”进购物车;→③生成气质海报;→④再玩一次/分享/跳转微信小程序“小鹅拼拼”去抽奖。

 

①Loading+主题露出:随着页面加载百分比,展示本次活动的品牌方“小鹅拼拼”、活动主题“5.16小鹅拼拼我要节”,以及参与测试的依据:每个人「买买买」过的东西,都透露着TA的灵魂气质,快来小鹅灵魂买手购物店。

 

② 选5样“商品”进购物车,在三条竖向“传送带”上有可供选择的“商品”,点击选后,进入“购物车”,点选不足5样和多于5样“商品”,都会有交互提示,只能选择5样“商品”,点击“购物车”会出现已选的“商品”,还有特殊奖品的提醒:抽五菱miniEV豪车一辆,选好后,点击“下单”,即进入海报页。

 

③ 生成气质海报:根据第②个环节选择的“商品”,给出气质关键词海报。

 

④ 海报底部,有四种交互供用户选:长按保存海报、再测一次、邀好友拼气质(弹出引导分享蒙层)、领取气质好物清单(跳转小鹅拼拼小程序)。通过分享链接进来的好友,在海报页底部还会有“气质相似度” 好友列表。

 

3.设计交互

整体风格为可爱卡通,各种“商品”让人浮想联翩,想探个究竟。交互方式包括:点选,上下滑动,长按保存和擦一擦,每种都很清晰简洁无歧义,流畅丝滑无障碍。

 

4.体验上

这种不要钱的买买买,是挺爽,但如果是真的就更爽了!去腾讯小鹅拼拼体验了一把,好多正品,确实便宜,趁5.16,我要买买买!

 





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

标签

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

相关推荐:

腾讯看点:oooooooh!印象花园

聚划算:南北大对决,不服来battle

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~