尧图网站设计尧图网站设计YAOTU DESIGN
CASE · EDUCATION

教育培训课程体系展示

一家少儿编程教育品牌,旧站课程页面像课表一样枯燥,试听留资埋在三级页面。我们把课程体系改成进阶路径可视化,把试听表单提到详情页,报名转化路径缩短近一半。

教育培训课程体系展示
教育课程页面旧版信息层级问题 背景 · 信息枯燥

BACKGROUND

课程像课表,家长看不懂"该报哪门"

这家教育品牌有二十多门课,从 Scratch 启蒙到 Python 进阶再到信息学竞赛。旧官网把这些课程平铺成一个表格列表,每门课只给一段简介。家长看完最大的疑问是"我家孩子该从哪门开始、学完之后去哪门",而页面完全没回答这个问题。

更麻烦的是试听:家长要点击课程→进入介绍页→滑到底部→点击"预约试听"→跳转独立表单页→填七个字段→提交。这条路径平均流失 68%。我们决定把"进阶路径"和"试听"这两件事一起重做。

  • 课程平铺成表格,家长看不懂进阶顺序
  • 试听埋在三级页面,路径流失 68%
  • 表单七个字段,劝退了大量犹豫型家长
课程进阶路径可视化 决策 · 课程路径

CURRICULUM MAP

把课表,画成一张进阶地图

我们把二十多门课程按年龄段与难度排成横向进阶路径:从 6 岁的 Scratch 启蒙,到 9 岁的 Python 入门,再到 12 岁的算法与竞赛。每个节点是一张课程卡,卡上写明"适合谁学、学完掌握什么、下一步去哪门"。家长不用读完所有课程介绍,只看一条路径就能决定。

路径用浅绿(#A8D5BA)的虚线连接,节点用奶白卡片,整体像一张手绘学习地图。这套视觉后来被印到招生册子上,成了品牌的标志图形。家长最常说的反馈是"终于看懂你们教什么了"——这正是我们想要的。

  • 课程按年龄与难度排成横向进阶路径
  • 每张课程卡写明"适合谁、学什么、下一步"
  • 进阶地图视觉延伸到招生册,成为品牌符号
试听留资表单前置到详情页 落地 · 试听留资

LEAD FORM

把试听表单,搬到课程详情页右侧

试听表单从三级页面提到课程详情页右侧,与课程介绍同屏可见。家长看完课程介绍想预约,眼睛不用离开屏幕就能直接填。字段从七个砍到三个:孩子年龄、家长手机、希望时段,其余信息由顾问在试听时补全。表单标题从"预约试听课"改成"0 元体验一节",用家长能立刻理解的语言。

提交按钮下方加了一行"已有 1280 位家长预约",用社会证明降低犹豫。这个改动让试听留资量在 30 天内提升 95%,而表单完成率从 32% 升到 61%——前置表单位置、减少字段、加社会证明,三件事叠加的效果远超预期。

  • 试听表单提到详情页右侧,与介绍同屏
  • 字段从七砍到三,标题改"0 元体验一节"
  • 按钮下加社会证明,留资量 30 天提升 95%
DESIGN HIGHLIGHTS

四个让家长愿意留下联系方式的细节

教育网站的转化,本质是让家长在犹豫的瞬间被一个细节说服。

进阶路径可视化

课程按年龄难度排成横向进阶地图,家长只看一条路径就懂"从哪开始、去哪门"。

课程卡三要素

每张课程卡只写"适合谁、学什么、下一步",家长不用读完所有介绍就能决策。

表单同屏前置

试听表单提到详情页右侧,与介绍同屏,家长看完介绍直接填,路径从三级压到零级。

社会证明

提交按钮下加"已有 1280 位家长预约",用真实数字降低犹豫,留资量提升 95%。

PROJECT METRICS

上线 60 天,留资数据

新版上线两个月后的关键指标,来自教育品牌 CRM 与表单后台的合并数据。

0 试听留资量提升
0 表单完成率
0 留资字段(原 7 个)
0 报名路径缩短

你的课程体系,家长能一眼看懂吗?

留言告诉我们你的课程数量与目标人群 · 我们会给出进阶可视化与留资表单的具体方案