网易×华为：2019，做更好的自己

2019-01-18 H5案例分享 H5案例分享

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

识别图中二维码

2019，做更好的自己-查阅二维码

完整欣赏此案例大约需要59秒

案例：2019，做更好的自己

出品：网易×华为

亮点：

策划上，①首先是一个手机提示你有一条短信息，点击查看，说的是我是来自2019的你，一直在默默观察你，想知道2019年的你会变成什么样吗，可以给你一些提示。②一共有五个问题，第一个问题是手机电量还剩9%，你会怎么做？第二个问题是和朋友聚会时，大家纷纷掏出手机低下了头，你会？第三个问题是上一次和爸妈聊天是什么时候？第四个问题是临睡前，发现朋友圈有很多新状态，你会？第五个问题是休假一天，你会把时间用来干什么？如果觉得有纠结的可以点击返回上一道题，重新选择。③选择完后，2019，做更好的自己，点击生成一张你的2019年度flag，长按可以保存，二维码回流，可以再测试一次，内有彩蛋。
设计上，手绘插画，主色调前期为灰色，后期为红色。
体验上，2019做全新的自己，年度Flag，测试专属你自己的Flag~

技术实现： Vue

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

标签