中国农业银行信用卡×万事达卡×网易文创三三工作室：恋爱清单如有雷同请锁死

2022-10-10 H5案例分享 H5案例分享

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

识别图中二维码

恋爱清单如有雷同请锁死-查阅二维码

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

案例：恋爱清单如有雷同请锁死

品牌：中国农业银行信用卡×万事达卡×网易文创三三工作室

技术实现： html5

亮点：

1.创意定位

盘点52件恋爱中有仪式感的/需要两个人一起完成的事，邀请用户一起来点亮，最后生成专属的恋爱约定清单，无论你是恋爱ING还是期待恋爱中，都可以给自己创造一些甜蜜规划。

2.策划逻辑

用户点击屏幕选择曾经做过的事情，右上角会记录事件的数量，如果没有符合条件的内容，还可以点击页面上方进行自定义事件，更加具有专属感，选择结束后点击“完成选择”生成海报，包括用户头像，名字，以及做过的小事图标汇总，用户长按保存图片，用于分享作品。

3.设计上

活动进入首页，就看见面朝大海，营造七夕浪漫氛围，海浪的翻页动画非常丝滑，与首页形成一种设计呼应，画面中52个图标设计生动有趣，可爱的同时细看颇有脑洞，整体界面较为活泼，颜色清爽，也符合夏日特点。结果页根据不同内容有多种配色设计，给予用户不同的定制感受，避免千篇一律。

4.体验上

动画丝滑，交互流畅，52个图标会匀速飘动，也可以自己滑动加速选择。

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

标签