我上周去大安那边办事，顺道拐进一家做培训教育网站的设计公司坐了坐。他们刚搬进新办公室，墙上还挂着没拆封的显示器支架，白板上画着某个在线课堂项目的线框图。老板老周是我大学同学，干这行快十年了，专接培训机构和教育平台的单子。他指着屏幕上一套正在改版的课程报名系统说，这行看着简单，其实坑不少——教育网站要扛住报名季的并发、要嵌直播、要管学员档案，工具选不对，后期维护能把人逼疯。
老周他们团队现在主力用的设计工具是Figma。早几年还用Sketch，后来因为要给客户做远程评审，Figma的协作功能太顺手，全组就迁过去了。他给我演示了一个正在做的少儿编程培训官网，设计稿里每个按钮的交互状态都挂在同一个文件里，客户在浏览器里点开链接就能留言批注。“以前发PDF给客户，来回改七八版，现在直接甩链接，省了太多扯皮。”老周说这话时，设计师小刘正把一套课程卡片的组件拖进主画布，动作很快，显然用熟了。
前端开发这块，他们主要用VS Code，配合Git做版本管理。老周提到一个细节：教育网站经常要对接第三方直播SDK和支付接口，代码里注释必须写得特别细，不然半年后回头改，自己都看不懂。他们团队有个规矩，每个项目建一个docs文件夹，把接口文档和调试记录全扔进去，用Markdown写，VS Code直接预览。我翻了翻他们一个成人高考项目的代码库，里面光“直播回放兼容性处理”就记了十几条踩坑笔记，挺实在。
后端方面，老周他们没追新潮，主力还是PHP加Laravel框架。“培训教育这行客户预算普遍不高，Laravel开发快，生态成熟，找个现成的支付插件、短信验证插件一装就能跑。”他打开一个正在运维的职业技能培训平台后台，指着数据库管理工具说，他们用Navicat连MySQL，虽然这工具收费，但团队用惯了，批量导学员数据、跑慢查询分析都顺手。旁边还有个DBeaver，小刘偶尔用来连客户那边的PostgreSQL，因为有些老教育机构的历史数据是PG格式。
测试环节他们用Postman调接口，用BrowserStack跑浏览器兼容。老周翻出手机给我看一张截图，是某个消防工程师培训网站的报名页在旧版Edge浏览器上按钮错位，他们用BrowserStack的截图功能直接标了红框发给客户。“教育网站的用户群体年龄跨度大，有人用十年前的电脑报名，兼容性测试省不得。”他说这话时，测试工程师正在旁边用JMeter压一个模拟万人同时在线的选课接口，风扇呼呼转。
项目管理工具换过好几茬，现在固定在Teambition上。老周说以前用Jira，功能全但配置太复杂，小团队折腾不起。Teambition看板够用，客户也能登进来提需求，省得天天微信群刷屏。我瞄了一眼他们的看板，一个“教师资格证刷题小程序”项目卡在“等待客户确认题库导入格式”那栏，已经挂了三天，老周苦笑：“客户那边教务主任出差了，没人拍板。”
沟通工具就是企业微信加腾讯会议。老周提到一个挺有意思的做法：每个项目建一个客户群，群里置顶一条“需求变更请走Teambition，群里只聊紧急问题”。他说这规矩是吃了亏才定的，之前有个客户在群里随口说“首页加个轮播图”，设计师做了，验收时客户说“我随便说说的”，扯了半天皮。
临走前老周给我看了他们内部用的素材管理工具，叫Eagle。里面按“K12”“职业教育”“企业培训”分文件夹，存了几千张参考截图和图标素材。“做教育网站设计，配色和插画风格得跟目标学员匹配，少儿编程用亮色卡通，成人考证用蓝灰稳重，这些素材库帮大忙了。”他随手点开一个“在线教育落地页”文件夹，里面光“报名表单设计参考”就存了上百张图，标注了来源和适用场景。
这趟串门下来，我大概摸清了他们的工具链：设计靠Figma协作，开发用VS Code加Laravel，测试拿Postman和BrowserStack兜底，管理靠Teambition串起来，素材用Eagle攒家底。没什么花哨的新工具，但每个环节都卡在“够用且顺手”那个点上。老周最后说了句实在话：“工具是死的，教育网站的核心是让学员报名顺畅、上课不卡、查成绩不崩，其他都是锦上添花。”他桌上那杯茶凉了半截，屏幕上的报名系统还在跑压力测试，进度条一格一格往前挪。
