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