瑞幸:2019瑞幸的你
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:2019瑞幸的你
品牌:瑞幸
技术实现: JavaScript
亮点:
1、创意定位
瑞幸咖啡2019年度总结H5,针对老用户,促活增加用户对品牌黏性,数据的形式,展示用户2019年在瑞幸的消费情况~
2、策划上
数据总结型H5,需要用户输入电话号码(一般输入电话号码这种行为,会让用户在第一屏就止步),接收验证码,确定后进入下一屏;
首先是展示瑞幸的战绩,小蓝杯2岁了、64座城、4000+门店、100+款产品;
而后是个人数据,2019年什么时候下了第一单;2019年购买总单数,多少杯咖啡,充值了多少杯;最宠的三种咖啡;什么时候喝咖啡;邀请了几位新朋友,送出几杯,获赠几杯;
然后是消费前5名的城市;用户购买排名前五的咖啡;全糖的男女比例;
最后生成一张用户专属喝咖啡情况海报,可以长按保存海报。
3、设计上
二次元卡通形象,如果你在瑞幸自取咖啡,会看到90后,10后的面孔偏多,针对于用户的年龄段特征,选择用户群喜欢的设计风格,非常重要。
4、技术上
在用户输入电话号码的时候,直接唤起数字键盘type="tel",ios和安卓都通用;唤起数字键盘还可以type="number"但是ios和安卓表现不同,ios(ios下不仅仅有数字还有符号被同时调起)。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号