腾讯手机充值：和妈妈的100个回忆

2020-05-11 H5案例分享 H5案例分享

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

识别图中二维码

和妈妈的100个回忆-查阅二维码

完整欣赏此案例大约需要3分钟

案例：和妈妈的100个回忆

品牌：腾讯手机充值

技术实现： html5

亮点：

腾讯手机充值聆听了100万用户心语，选出了100条与妈妈间的日常小事，用户点击自己有过的经历，生成总结海报，重温与妈妈间的点点滴滴。

点击小人儿脚下的橙色星球进入作品，有文字阐述作品立意，点击触点开始选择，大小不一的暗色圆形图案缓缓飘过屏幕，用户点击符合自己经历的使之变成橙色或绿色，一百个圆形飘完后，自动生成海报，包括用户名，用户头像，刚才所选内容的罗列，一句总结语，与其他用户的对比状况，和作品二维码。

圆形飘过的速度很慢，让用户有足够的时间查看文字内容和做出选择，许多日常的小事几乎是每个人的成长经历，如妈妈回来后摸电视外壳等，很能勾起美好回忆。

用户点击圆形使之变色后，再次点击就可取消，所选内容数量不限，自己有过的经历都可以选择，下方有已选数量的提示。

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

标签