此项目是招商银行App年初固定活动IP，为站内各种基金、保险、理财等业务进行活动引流目的。项目整体包含H5端和后台管理系统；通过H5开发内嵌到招商银行App小程序中实现相关功能业务；其中H5端包含多种功能和玩法：1.预热会场模块：提前上线为主会场进行活动引流，展示主会场各玩法介绍，用户可对主会场上线时间进行日历预约提醒，预约成功后可进行九宫格抽奖；2.主会场模块：（1）玩法核心：通过摇一摇手机，抽取财运签，完成财运签上所属任务即可获得该签，集齐一套签即可进行抽奖活动。（2）红包雨：根据后台配置时间，在该时间段内开启红包雨，用户可通过接收红包获得相应奖励；（3）万能签：每日完成浏览各分会场时间任务即可获取抽取万能签机会3.一共可集齐三套签，抽取三次集齐大奖的机会；后台系统端：采用一切皆可配置的原则，尽量对项目页面数据、结构进行可视化开发；内置H5配置页，实现即时配置可视化、所见即所得的预览方案，对页面效果、数据效果等等进行了后台配置开发；权限设计上，配置人员权限管理按模块区分，超级管理员和地区管理员的角色分配，对相应的系统路由进行限制。在该项目中，本人承担前端开发leader，以及项目管理。优势：1.动画效果方面，该项目内嵌多种复杂动画效果，交互效果上难度较大，采用了以svga动画效果方案为核心的，搭配Lottie、pixi.js等其他动画方案，完成了整体动画，整体动画效果文件从近100M压缩至10M以内，且画质未受损；2.H5开发结构上，选取以vue为前端开发框架，结合vant ui组建以及招商APP小程序的对外API方案，完成了整体的功能效果.3.后台设计上，以轻量化为主，按照组件化开发，以vue+elementui 为前端开发的主要方案，通过组建开发分配，按照功能性组件区分，高效的完成开发。