年度账单是我们非常熟悉的H5类型,每年都会有众多手机APP商家出台年度账单,比如支付宝年度花费账单、QQ音乐年度听歌账单。今天小编就来给大家分享几个年度账单H5案例,如想开发类型的H5页面,可以先了解参考一下。
案例:微信手机充值年度账单
品牌:腾讯
1.策划上,图文展示类,通过四幅精美的卡通漫画动态画面展示了,简要的回顾了,2015年微信手机充值情况,有趣的动态图配以走心的文字,分分钟抓人眼球,尾屏回忆过去展望未来,很能引起用户的共鸣,极好的宣传了微信手机充值
2.设计上,卡通漫画风,萌哒哒的
3.交互上,首屏采用点击屏幕中央的四幅动图中的任意一个,进入到下一屏,后面的均采用向上滑屏或者点击屏幕右侧的小按钮,进行屏幕切换
案例:请查收2019记忆账单!
品牌:趣头条
1.创意定位,趣头条APP对用户在2019年全年用户行为的总结,提高用户粘合度。
2.策划上,① 需要进入趣头条APP,在首屏顶部的搜索栏中,输入“2019记忆账单”,直接跳转H5;② 开始是一个互动长图,罗列2019年度新闻事件,下滑后淡入显示;③ 点击【回顾我的2019】按钮,展示的是用户2019年趣头条数据;④ 在列出一系列不同维度的数据后,用户点击查看2019年度称号,可以得到一个根据用户行为生成的年度称号。
⑤ 用户可以选择直接分享,或者领取新年礼包。新年礼包需要关注微信服务号领取。
3.设计上,手绘插画,以蓝色为背景,颇有时光机的感觉。
案例:2018美团外卖账单
出品:美团外卖
1.创意定位,美团外卖出品的年度账单H5,总结用户今年吃掉多少钱,查看消费力排名。
2.策划上,外卖账单从九方面显示用户年度消费。①全年为用户送外卖人数、里程②一年中最常光顾的店铺③早餐宵夜订单情况④全年点单量及大胃王排名⑤全年交易额和败家力排名⑥订单备注里常出现的文字⑦全年最贵订单⑧全年优惠省钱数⑨2018年最后下单时间及新年红包。最后生成年度账单,从贡献力、元气值、品质感三方面评价,给予年度称号。
3.设计上,背景音乐温馨,向上滑动观看,引用大量数据。
以上就是本次案例分享的全部内容,如需体验更多H5案例,可以关注我们蓝橙互动公众号,直接获取最新案例。如需定制H5页面,可以咨询网站客服,了解开发服务信息。