瑞幸:2019瑞幸的你

2020-01-14 H5案例分享 H5案例分享
瑞幸:2019瑞幸的你


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

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案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

星巴克、瑞幸咖啡、雀巢咖啡...他们的H5创意,在这里!

瑞幸咖啡:今天早上,王先生的舌头丢了

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~