案例展示

玛莎-内容员工“眼力王”活动H5

慧眼识真章,谁是玛莎“眼力王”?
一场专属员工的视觉挑战赛,等你来秀!

本次H5活动面向玛莎拉蒂内容/营销相关员工,通过车辆外观识别题目,考验员工对品牌车型细节的敏锐度和专业度,激发内部交流与品牌认同感。

前端页面功能亮点:
  • 品牌感加载动画
    融合玛莎拉蒂标志性元素与音效,营造高端沉浸氛围

  • 答题挑战页
    系统从后台题库中随机抽取题目,形式可包含图片选择题、细节判断题等,全面考验识车能力

  • 结果展示页
    根据得分情况展示对应称号、点评文案或视觉反馈,如“识车达人”“细节猎手”“眼力王者”等,增强成就感

  • 排行榜页面
    实时显示前几名高分员工昵称/部门/分数,营造轻竞技氛围,鼓励多次挑战

    a4bce08a80767482e544e585a99ab785.jpg

后台管理功能:
  • ✅ 题库管理系统:支持图文题目编辑、分类、难度标记与更新维护

  • ✅ 随机抽题机制:每次进入自动生成题目组合,保障公平性和挑战感

  • ✅ 分数与排行记录:自动记录每位用户成绩,支持导出分析

  • ✅ 内容可配置:不同得分段展示的称号、文案、图示均可自定义



  • 项目类型:企业微信、H5
  • 使用技术:HTML、PHP、Ajax、 jQuery、CSS、MySQL
Your Needs

免费获取报价

有需求可以随时留言,我们会在第一时间了解并安排专人与您联系,免费为您提供报价。

image
image