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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号