启航教育培训机构官网产品系统Vibe Coding

本项目面向 K12 素质教育培训机构。线下机构普遍依赖传单与熟人介绍招生，缺乏线上信任背书，家长难以了解课程体系、师资力量与真实学员反馈。旨在为机构打造一个集品牌展示、课程介绍、师资呈现与报名转化于一体的官网，解决招生获客渠道单一、品牌信任度不足的问题。

官网包含五大功能模块：①首屏主视觉区，绿色暖色系风格呈现机构口号与免费试听报名入口；②课程体系区，以四张卡片展示少儿编程、创意美术、少儿口才、科学实验四大课程，含适龄区间与课时信息；③师资团队区，展示三位核心教师的背景与教学年限；④学员评价区，呈现三条家长真实反馈；⑤报名转化区与页脚联系方式。整站支持响应式布局，移动端自动切换单列，方便家长手机浏览。

我负责整站从原型到前端实现的全部工作。技术栈采用 HTML5 + CSS3 + 原生 JavaScript，视觉上以绿色为主色搭配暖色点缀，贴合儿童教育行业气质；课程卡与师资卡使用 Flex 布局与圆角阴影，悬停时有上浮动效；报名按钮使用高对比渐变提升点击欲望。页面零框架依赖，加载快，后续可直接接入表单提交与在线客服。