一家海淀国资控股的职业教育科技集团，业务横跨数字化产品、咨询、培训三条线，名下还有一所 1999 年创办的研修学院。这类站点的读者一半是来「审」的，一半是来「用」的。难点不在视觉，在把一整套政策话语，分层成院校能直接拿去判断的信息。
职业教育这个行业的读者很特殊：职业院校、教育主管部门、行业协会、国企的人力部门。他们打开一个集团官网，第一件事通常不是看设计，是核对——谁办的、国资还是民营、有没有国家层面的项目、懂不懂「双高」、和哪些院校合作过。
这个动作是「审」，不是「逛」。
所以首屏不能只讲愿景。它要在几秒内交出三样东西：身份、位置、凭据。
这个站的做法是：一句话主张放在正中——「数智赋能产教融合」；下面一行把话补全——以数智化创新，推动教育链、人才链与产业链深度融合；再往下才是入口按钮。
不解释「产教融合」是什么，是因为这个行业的读者全都知道。他们要确认的是：你是不是真的在这个体系里。
集团名下有两块牌子：一块是教育科技集团本身，一块是 1999 年由园区管委会创办、区国资委控股的研修学院。
两块牌子的业务性质不一样。集团做数字化产品和咨询，学院做培训和办学。放在一个站里，最容易出的事是：两条线各说各话，访客不知道这是一家还是两家。
处理办法是分层，不是合并。
导航里，「关于我们」下拉只挂学院；页脚把「数智化产品」和「产业学院」分成两列并排；正文里两段介绍各占一屏，讲清各自的创办背景和职能。
主体清楚、关系清楚，访客自己会拼出全貌——但在拼之前，他得先知道这里有两个人。
「产品与方案」下拉只挂三项：数字化产品、咨询服务、培训服务。
这三项对应的不是部门，是三种交付物：一套系统、一份规划、一批人。
多数同行的导航是「产品中心 / 解决方案 / 服务支持」——那是我方的组织方式。而这三项，是客户要办的三件事。一个院校要建一个新专业群，通常同时需要平台、方案和师资，缺一样都推不动。
放在同一个入口下，客户不用在三个栏目之间猜。
这一条看起来只是导航结构，实际决定的是访客的第一分钟：他能不能立刻判断「这家能解决我的问题」。
生态合作区是三组：数字化案例、咨询案例、培训案例。每组两个数字，而且数字是对着说的。
前两组是成绩，第三组是先说问题。这个顺序有讲究：培训业务的说服力不在「我们讲得多好」，在「你现在的问题有多急」。先把行业的病说出来，课程才有必要。
数字在这里不是装饰。它要能回答一个具体疑问：你们做过没有、做到什么程度、和我像不像。
三个疑问对应三组数字，一组都不能省。
首屏之后紧接着是动态区，八条，全部指向长文：平台建设方案、白皮书发布、职业认证培训、新岗位观察。
对政企院校客户，动态本身就是能力证明——它在跟政策、在出方案、在办学。这类客户判断一家机构活不活跃，看的就是更新频率和选题准不准。
设计上给了它整屏：左侧图文、右侧列表，八条铺满，不塞进页脚上方那个惯常的小模块。
代价是首屏之后立刻「重」下来。但在这个行业，这个「重」是加分的——它证明这家机构在动。
主色只有一个：红。
不是科技行业习惯的蓝紫渐变，也不是教育行业常见的橙黄。白底、深灰正文（#212121）、红色做主色（#e60012），金色只做极小面积的点缀。
红色在这里承担的是「公信力」，不是「促销」。国资背景的机构用红，读者不会觉得刺眼，只会觉得对——这个判断是长期形成的，改不了，顺着用就好。
不用粒子，不用发光线条，不做深色科技风。客户群体是院校老师和机关干部，他们在屏幕上停留的时间不长，页面越安静，越容易被信任。
图片全部用真实场景：会议、实训室、课堂、签约现场。不用素材库里的握手图和微笑合影——这个行业的读者，一眼能认出来。
这类客户经常在会议间隙、路上用手机打开。
所以长列表和小屏是单独想过的：产品卡片在窄屏重排成单列，参数性内容不做横向滚动——横向滚动的表格，手机上没人会滑。
表单只留四项：姓名、电话、邮箱、留言。院校客户的习惯是先打电话，表单是补充渠道，字段越多，敢留的人越少。
联系方式和地址在页脚再出现一次。有人是从页面最底部开始看的，尤其是来找地址的人。
这个站真正的工程量在内容，不在设计稿。
两块牌子、三条业务线、几十个产品页、上百条动态、八年的积累。设计稿只是骨架，工作量在把材料搬进新结构：统一标题层级、统一数字口径、把公众号长文按业务重新归类、把散在各处的案例归到三组里。
这类站上线之后还要持续喂内容，所以栏目结构必须留出扩展位——不能为了当下的整齐，把未来的内容堵死。
判断这类项目成不成，不看首屏好不好看。看一个院校的处长，一周内打开三次，每次能不能在两层点击内找到他要的东西：资质在哪、案例在哪、怎么联系。
找得到，站点就成立了。找不到，视觉再讲究，也只是个漂亮的封面。
