Upgrade这组企业培训网站以米白底、细网格和黑色大字建立理性气质，橙色则标出关键词、编号和部分案例数据。服务、流程、案例与团队分别采用不同排列，却被同一套线条和颜色联系起来。对正在了解培训合作的人，页面要逐步回答提供什么、怎样开展、有哪些相关经验和谁来负责；这套结构值得从这些问题来读。
核心结论
- 服务纵向清单与流程横向卡片形成方向变化，视觉上区分服务范围和实施顺序。
- 案例行用名称、规模和指标块提供概览，不同指标需要回到各自案例解释。
- 姓名与角色分色，团队照片错落排布，让专业身份仍有稳定位置。
服务与流程用两种方向组织
服务区上方大标题以黑橙两色突出关键词，左侧短段落解释整体主张，右侧按01至04纵向列服务。每行有粗标题、浅灰简介和橙色下箭头，细横线分出边界。左侧较空，右侧较密，形成总说明与具体项目的分工。
下方流程换成横向浅灰卡，橙色编号方块在左上，标题和段落跟随。诊断分析、个别项目开发等阶段被排成连续卡片，与上面的服务编号虽都使用数字，排列方向却不同。服务回答做什么，流程回答怎样推进，方向变化有助于读者换一个问题继续看。
同样的01、02也可能让人以为服务项与阶段逐一对应。可以在标题和说明中明确两套编号的范围，并在服务展开后写出适用任务、预期交付和接下来哪一步。这样网格不仅维持整齐，还能承载合作过程中的具体信息。
案例数字做概览，查看入口接细节
案例区将TechNova、MexlPro、AlenBank与LogiChain各占一行，名称、行业和人员规模排在上方，下面四个数据块横向并列。橙色与黑色在不同案例之间交替，右侧每行都有查看案例文字。相同位置使读者容易扫描名称、规模与亮点，再决定深入哪一个。
可见数据包含培训次数、会议或活动、人员数量以及eNPS、NPS等百分比指标。它们并不属于相同量纲，也不是每行都使用同一组合。模块适合展示各案例特色，若横向比较，应保留清楚标签，避免仅凭百分比大小判断哪个项目更合适。
JVDS更偏好让案例概览接到一个可以解释的详情：原先问题、服务范围、参与对象、实施阶段与指标定义都在同一页对应。数字的期间和基准也要跟随说明。对于企业培训网站，访客需要判断案例与自己的组织问题是否相关，整齐的数据块可以帮助定位，具体内容才提供比较理由。
团队角色用颜色从姓名中分出来
团队页先用一位负责人较大照片配姓名、橙色角色和简介，再在下方错落排列四位成员。照片大小和上下位置略有差异，姓名仍紧贴图片下，角色用橙色小字。这种安排既有观看节奏，也保留了谁负责什么的基本线索。
负责人介绍包含年限与经历文字，成员角色则涉及不同培训与管理职责。可以把团队资料与服务页面联系起来，让人从某项需求找到对应专业人员，或在案例里识别参与角色。照片提供人物印象，角色和经验的说明帮助理解合作分工。
底部留有进一步认识团队的入口，橙色细下划线与服务区的咨询文字呼应。整个网站的主要联系动作较轻，适合专业内容逐步引导；当用户已经读完一个服务或案例时，也可以保留带上下文的咨询位置，让询问围绕刚刚看过的项目展开。
常见问题
企业培训网站的案例都要用相同指标吗？
不必，不同项目可以有不同目标。但概览要写清标签，详情要解释指标期间与基准；如果希望比较，就需要挑选真正可比的条件，而不是只保持四格样式一致。
设计检查清单
- 分清服务编号与流程编号，补具体范围和交付内容。
- 让案例数字对应问题、阶段和指标说明。
- 把团队角色接到服务与案例，并让咨询保留当前内容。
把培训服务整理成合作判断依据
如果企业培训网站需要介绍服务、项目案例与团队，界达设计工作室（JVDS）可协助UI/UX与网站设计、开发，安排范围、流程和咨询入口。
可以从现有服务清单和案例材料出发，讨论访客需要哪些信息才能评估合作。
