新世相X人民日报：春联大作战

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

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

识别图中二维码

春联大作战-查阅二维码

完整欣赏此案例大约需要1分30秒

案例：春联大作战

品牌：新世相X人民日报

技术实现： html5

亮点：

新年到来之际，新世相与人民日报共同推出的祝福类作品，用户点击屏幕抽取寓意吉祥的对联，生成福签海报，还有机会获得明星亲笔书写的对联，以此显示平台对用户的美好祝愿。

标题页有对作品的简短说明，点击触点进入抽取页面，100幅对联以极快的速度轮流闪现，由明星书写的对联会有明星头像一同闪现，点击屏幕抽取后，一个福袋落下来，下方进度条开始加载，加载完毕出现对联与福签内容，以及用户名和头像，用户可点击生成最终海报或重新抽取。

代表吉祥的红色界面，福签，福袋，春联，都是传统文化中的过节必备，整个作品都围绕着“福”的主题进行。

对联闪现的速度非常快，用户随机点击屏幕即可，在海报界面可直接重新抽取，每天有五次抽取机会。

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

标签