人民日报X快手：2025的我

2021-03-15 H5案例分享 H5案例分享

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

识别图中二维码

2025的我-查阅二维码

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

案例：2025的我

品牌：人民日报X快手

技术实现： p5.js + jQuery

亮点：

1.创意定位

人民日报和快手联合推出的H5，规划2025年自己的生活样貌，制定人生目标，寄托美好期待；现在是2021年，2025年算是一个5年规划了，一般大家做的都是一年规划的标签关键词H5。

2.策划逻辑

① 点击触点，时钟飞速运转，下方的数字也迅速跳至2025，点击进入标签选择页，在下方滚动出现的标签中选择，点击后标签旁出现对勾；

② 勾选3个标签后，会自动出现“下一步”按钮，用户可以继续选择标签；

③ 全部浏览完毕后点击“下一步”，浏览所有已选项，此界面可返回重新选择或生成最终海报，海报包括用户名，头像和所选标签。

3.设计上

卡通画风，每个标签都是简短文字描述搭配一个小图标，内容很丰富，包含了科技探索，个人兴趣，职业规划，环保建设，家庭感情等多方面内容。

4.交互上

所选标签再点击一次即可取消，所有标签滚动出现后，会从第一个标签开始重新滚动出现，用户也可以看到自己已经选择过的内容。

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

标签