广东中铭教育科技
H5 项目需求(或未来团队合伙人)招募
项目类型:H5网页开发(移动端)
目标用户:18-30岁年轻人(主要为学生/职场新人)
一、项目背景
为配合公司营销和宣传活动,我们希望通过一个极低的盲盒H5,帮助年轻人(特别是“躺平”群体)获得生活的小确幸和正向激励。盲盒内包含励志内容、实用工具、惊喜实物等。项目初期用于验证市场,后期可扩展为系列产品。
二、功能需求
1. 用户端功能(H5页面)
| 模块 | 详细要求 |
|---|---|
| 首页 | - 展示盲盒形象(可设计为“彩蛋”或“礼盒”图案) - 突出“抽一次”按钮 - 展示奖品示例(如励志壁纸、音频、实体书等) |
| 微信授权登录 | - 用户首次点击“抽盲盒”时,弹出微信授权(获取头像、昵称) - 已授权用户自动登录,无需重复授权 |
| 支付功能 | - 接入微信H5支付(或使用易支付/码支付等聚合支付) - 支付金额固定 - 支付成功后自动触发盲盒抽奖 |
| 盲盒抽奖 | - 支付成功后,播放盲盒开启动画(可简单,如盒子晃动后打开) - 根据预设概率随机抽取一个奖品 - 奖品分为四档: - 90%:虚拟奖品(励志壁纸+金句+今日微行动) - 9%:3分钟“觉醒音频”(需播放页面) - 0.9%:AI人生诊断资格(可跳转到外部链接或生成兑换码) - 0.1%:实体书(需填写收货地址) |
| 结果页 | - 展示抽中的奖品内容 - 虚拟奖品可直接查看/下载 - 音频奖品提供在线播放 - 实体书弹出地址填写表单 - 明显的“分享给好友”按钮(分享当前盲盒结果或活动页面) |
| 个人中心 | - 查看历史抽奖记录 - 查看已获得的虚拟奖品列表 - 修改收货地址(针对实体奖品) |
2. 管理端功能(简易后台)
| 模块 | 详细要求 |
|---|---|
| 奖品管理 | - 可增删改查奖品池 - 可调整每个奖品的概率(%)、库存(针对实物) - 可上传虚拟奖品的内容(壁纸图片、音频文件、微行动文案) |
| 订单管理 | - 查看所有支付订单(时间、用户、金额、抽中奖品) - 标记实体奖品发货状态 |
| 数据看板 | - 总参与人数、总支付金额、各奖品中奖次数 - 每日趋势图(可选) |
三、技术要求
技术栈建议(学生可根据自己擅长的选择)
-
前端:Vue.js 或 React 均可,推荐使用 Vant 移动端UI库快速搭建;或使用 uni-app 实现多端兼容(H5+小程序)。
-
后端:Node.js + Express / Python Flask / PHP(任选),建议使用轻量级框架。
-
数据库:MySQL 或 MongoDB,用于存储用户、订单、奖品数据。
-
支付对接:
-
优先推荐微信H5支付(需企业认证的微信商户号)。
-
如果暂时没有企业资质,可使用第三方聚合支付如PayJS、码支付,支持个人签约(但费率略高)。
-
-
部署:需部署在云服务器(如阿里云、腾讯云)或使用云开发(如微信云开发)。
其他要求
-
响应式设计:完美适配主流手机屏幕(iPhone 12/13/14系列,华为,小米等)。
-
加载速度:首屏加载不超过3秒。
-
安全性:防止刷单、重复支付(需做幂等性处理)。
四、交付物
-
完整可运行的H5源码(包含前后端,并提供部署文档)
-
数据库脚本(SQL文件,含表结构)
-
后台管理地址及初始账号密码
-
部署说明文档(如何配置服务器、域名、支付参数)
-
项目代码注释清晰,便于后续维护
五、时间安排
-
需求沟通与确认:1-2天
-
原型/UI设计:可用现成模板或简单样式,无需复杂设计(重点在功能)
-
开发与测试:7-10天
-
部署上线:1-2天
-
整体交付时间:建议2-3周内完成
六、预算与支付方式
-
预算范围:根据功能复杂度,学生兼职价,具体可商议(欢迎报价)。
-
支付方式:
-
签订简单协议后,支付30%定金。
-
交付测试版本后,支付40%。
-
最终验收上线后,支付30%尾款。
-
-
可提供实习证明(如需)。
七、联系方式
-
项目负责人:谈女士
-
微信与电话:13928839733
-
邮箱:28995211@qq.com