趣头条：请查收2019记忆账单！

2020-06-09 H5案例分享 H5案例分享

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

识别图中二维码

请查收2019记忆账单！-查阅二维码

完整欣赏此案例大约需要50s

案例：请查收2019记忆账单！

品牌：趣头条

技术实现： vue+webpack+vant

亮点：

1、创意定位

趣头条APP对用户在2019年全年用户行为的总结，提高用户粘合度。

2、策划上

① 需要进入趣头条APP，在首屏顶部的搜索栏中，输入“2019记忆账单”，直接跳转H5；

② 开始是一个互动长图，罗列2019年度新闻事件，下滑后淡入显示；

③ 点击【回顾我的2019】按钮，展示的是用户2019年趣头条数据；

④ 在列出一系列不同维度的数据后，用户点击查看2019年度称号，可以得到一个根据用户行为生成的年度称号。

⑤ 用户可以选择直接分享，或者领取新年礼包。新年礼包需要关注微信服务号领取。

3、设计上

手绘插画，以蓝色为背景，颇有时光机的感觉。

4、体验上

案例中的数据因为与自己有关，所以乐意分享。

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签