腾讯社交电商小鹅拼拼:生成你的气质报告
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:生成你的气质报告
品牌:腾讯社交电商小鹅拼拼
技术实现: HTML5
亮点:
1.创意定位
腾讯社交电商“小鹅拼拼”周年庆线上活动H5,通过让用户模拟“选商品”,来测试消费者的气质,生成气质海报,如果点选商品清单里的“五菱红光miniEV”,还可获得抽奖机会,为产品引流。
2.策划逻辑
主流程:①Loading+主题露出;→ ②选5样“商品”进购物车;→③生成气质海报;→④再玩一次/分享/跳转微信小程序“小鹅拼拼”去抽奖。
①Loading+主题露出:随着页面加载百分比,展示本次活动的品牌方“小鹅拼拼”、活动主题“5.16小鹅拼拼我要节”,以及参与测试的依据:每个人「买买买」过的东西,都透露着TA的灵魂气质,快来小鹅灵魂买手购物店。
② 选5样“商品”进购物车,在三条竖向“传送带”上有可供选择的“商品”,点击选后,进入“购物车”,点选不足5样和多于5样“商品”,都会有交互提示,只能选择5样“商品”,点击“购物车”会出现已选的“商品”,还有特殊奖品的提醒:抽五菱miniEV豪车一辆,选好后,点击“下单”,即进入海报页。
③ 生成气质海报:根据第②个环节选择的“商品”,给出气质关键词海报。
④ 海报底部,有四种交互供用户选:长按保存海报、再测一次、邀好友拼气质(弹出引导分享蒙层)、领取气质好物清单(跳转小鹅拼拼小程序)。通过分享链接进来的好友,在海报页底部还会有“气质相似度” 好友列表。
3.设计交互
整体风格为可爱卡通,各种“商品”让人浮想联翩,想探个究竟。交互方式包括:点选,上下滑动,长按保存和擦一擦,每种都很清晰简洁无歧义,流畅丝滑无障碍。
4.体验上
这种不要钱的买买买,是挺爽,但如果是真的就更爽了!去腾讯小鹅拼拼体验了一把,好多正品,确实便宜,趁5.16,我要买买买!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号