年度数据账单H5制作方案

一到年底的时候， 各大互联网App的“年度账单”刷爆了我们的朋友圈，并且热度一直居高不下。很多品牌看到这一情况，也想通过年度账单来为品牌提高知名度。为了让大家更好的了解年度账单的玩法，下面，蓝橙小编分享一个年度数据账单H5制作方案给大家。

一、开发背景

品牌名称：四川省亚中医疗仪器有限责任公司；活动主题：倒带2021；活动时间：2021年底；目标人群：企业内部员工；活动目的：总结员工在2021年的工作数据，激励员工未来更好的开展工作；活动形式：年度账单H5。 

二、活动玩法

员工进入H5输入自己工号、姓名进行验证；账单前1-3个页面左右的内容为通用部分，后续页面程序根据用户身份信息进行分类并展示不同的页面和数据，例如销售可在页面查看2021年外出多少次，冷链员工工作时长，员工入职时间等数据，最后生成用户的专属海报。

三、页面展示

前端页面展示是年度账单最重要的一部分了，为了让品牌方有一个更好的选择，我们找了几个活动页面出来，其中包括页面展示，以及文字内容。当然，这并不是全部了，如果品牌方有其他的想法，我们也是可以进行设计的。

四、功能说明

数据对接：做年度账单最重要的就是数据了，所以品牌方需要把内部员工的数据以表格的形式发给我们，然后由我们这边录入到数据库，最后与前端程序进行对接。当然，也可以直接对接到企业的数据库，这也是一种可行的方式。

白名单：因为此次活动主要是针对内部员工的，并不是所有人都可以参与，所以需要一个白名单来防止其他人参与活动。白名单的字段可以是员工编号、姓名等等，可根据实际情况做修改。

五、参考案例

案例1、电子会员卡2周年

出品方：壳牌

活动说明：这款H5是由‘壳牌’开发的盘点类H5，旨在通过展现用户与壳牌的大数据信息，让用户了解自己与壳牌的消费记录，从而宣传品牌信息。 最后形成一张发条形式的信息展示页，可以分享到朋友圈；再次下滑则会进入红包雨游戏中，只有壳牌会员才能参与。

案例2、年度账单

出品方：成都天府通

活动说明： 这是内嵌天府通APP的年度账单H5，通过对接天府通数据接口，展示2020年用户通过天府通乘坐地铁、公交的消息记录和其他数据，从而宣传品牌信息。  最终根据用户的数据生成专属的海报，海报结果会也会根据用户的数据给到标签，用户也可分享海报进行裂变。

六、制作费用和工期

一般，这类H5页面显示差异比较多，不同的设计风格和功能等等都会导致制作费用和周期的不同，所以很难准确评估的。不过，制作工期和报价作为客户最关心的问题，下面，我们还是简单的评估一下。

制作费用

首先，我们蓝橙互动作为定制型开发公司，都是根据具体需求来进行报价，要求不同价格自然也有所不同了。以上介绍的年度账单H5，费用大概在2-3万之间，但这也是一个大概的报价。如果您有实际的需求，可以点击网站右侧的联系方式，我们有专业的人员与您在线沟通，报价。

制作时间

制作周期的话，时间大概是2-3周。包括了：前期的需求沟通、设计、动画、制作、测试、修改、上线这一整套的H5开发流程。当然，具体时间是根据实际情况来确定，如果你的时间比较紧张的话，我们内部也是可以进行协调的。