Gucci：Off the Grid
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分32秒
案例：Off the Grid
品牌：Gucci
技术实现： VueJS
亮点：
1、创意定位
Cucci首个可持续系列Gucci Off The Grid宣传H5，通过知识小测试的形式，让用户了解新系列的产品特点，并促成购买。
2、策划上
① 知识小测试的形式，介绍Gucci Off The Grid系列产品理念；
② 当用户点击首屏中的“开始”按钮的时候，出现测试知识问题，一共4个问题，回答时间10秒内；用户每次回答完毕后，会有正确或者错误提示，如果正确，树屋会增加画面内容；如果错误，树屋保持原样；无论正确还是错误，都会有对当前小知识的解释；用户进入下一个小测试需要点击屏幕右下角的“下一个”按钮；不同的用户，4个问题会有不同；
③ 最后是根据问题回答正确情况，生成的树屋图；而且还有购买此系列商品的链接。
3、设计上
浅粉色的网格背景，图案采用耸立于城市中的古朴树屋。
4、体验上
① 相同的用户，回答的4个问题相同；不同的用户，回答的4个问题略有不同；应该是和首次进入后，允许用户cookie授权有关；
② 每次回答正确问题后，树屋会增加元素，激发用户回答问题的兴趣。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
