船舶维修是一个「急」字当头的行业——船等不起，客户进官网通常带着明确问题：你能不能修、多久能到、有没有资质。这次我们为一家上海的船舶热能工程企业设计官网，把功夫主要下在了栏目结构的编排上：让每一类访客都能在三步之内找到自己的答案。
先说这个行业的特点。船舶维修跟一般制造业服务不太一样——它是典型的「应急+计划」双轨业务。船在海上，设备坏了不能等：锅炉点不着火、IGG 惰气系统报警、焚烧炉炉衬烧穿，这些都直接关系船舶能不能开航。客户的访问带着明确的急迫性，进官网往往不是「了解一下」，而是「你能不能修、多久能到、有没有船级社认可」。
所以这个项目里，我们把设计的重心放在了一个平时最容易被忽略的环节——栏目结构的编排。视觉只是第一印象，真正决定这个网站能不能留住客户的，是信息架构：访客带着问题进来，能不能顺着最短的路径找到答案。
很多企业官网的栏目，是照着公司内部结构长出来的——公司简介、企业文化、组织架构、新闻中心。这套结构对公司自己很顺，对客户却不好用：客户不关心你的部门怎么分，他关心「我的问题归你哪块管」。
这个网站的导航，我们按业务场景重新归了类。一级栏目只有六个：首页、关于我们、业务范围、新闻资讯、服务区域、联系我们——每一条都对应访客的一个具体动作，没有一个是为了「放点内容」而存在的。
关键的处理在「业务范围」。这家公司的服务线其实很宽：锅炉维修、焚烧炉、惰气系统（IGG）、热交换器、阀门、备件与自动化。如果平铺成一长串，访客要自己分辨哪个对上自己的设备。我们把它拆成五条独立的服务频道——惰气系统服务、焚烧炉维修、LNG 船主锅炉、锅炉维修、锅炉备件和自动化服务——每条都是独立页面，服务内容、典型案例、联系方式各自完整。客户从自己的设备出发点进去，看到的就是「跟我的问题同类的案例和方案」，不需要在十个页面里自己找交集。
首页的编排，我们给自己定了一个标准：访客不滚动超过三屏，就应该能回答「这家公司行不行」。
第一屏，回答「你们是干什么的」。主视觉用一张航行中的集装箱船，配上「船舶热能工程专家」的定位语，副标题把服务对象一次列清——锅炉、焚烧炉、IGG、热交换器、阀门，维修、备件、升级、全球服务。一句话把「做什么」和「怎么服务」都说完，不留悬念。
第二屏，回答「你们够不够格」。关于我们板块，把 2010 年成立、70 多名专家、8 大船级社认可（ABS、BV、CCS、DNVGL、LR、NKK、KR、RINA）这几组关键信息编排在首屏层级，下面紧接一条数据带——服务覆盖国家、专业工程师、全球合作伙伴、荣誉资质，四个数字一眼扫完。对船东来说，船级社认可是硬门槛，这一屏就把资格审查做完了。
第三屏，回答「你们做过什么」。工程案例区直接上真实维修场景——Smit IGG 炉膛内衬修复、Kangrim 锅炉插管、奥尔堡燃烧器改造，每个案例配一张现场照片和一段工艺描述。案例这个板块我们特意没有做成「图片墙」，而是保留了技术细节的完整叙述，因为看这些内容的人是机务经理和轮机长，他们要的不是好看，是「这活你们真干过」。
除了大的结构，有两个细节值得单独说。
一是「服务区域」独立成栏。这家公司在上海、新加坡、克罗地亚、迪拜、丹麦、香港设有服务站点——对船舶行业来说，这组信息的价值不亚于产品本身，因为「离港口近不近」直接决定应急响应速度。大多数企业会把网点信息埋在「关于我们」里，我们把它提出来做成独立栏目，等于直接对船东说：你的船开到哪里，我们的服务就到哪里。
二是移动端的阅读适配。船舶行业的客户很多场景是在船上看的——机舱里、值班间隙，手机是第一设备。移动端我们没有做简单的缩放适配，而是对信息层级做了重排：数据带四宫格化、案例描述折叠展开、电话按钮常驻。在窄屏上，「找到电话」这个动作的成本被降到了最低。
这个项目里还有一个我们内部讨论过的取舍，值得记下来。
新闻栏目里，客户提供了几篇技术文章——过热管失效分析、IGG 炉膛维修要点。这些内容专业、扎实，但它们不是「新闻」，更像技术笔记。要不要放进「新闻动态」？
我们最后决定放，而且放在显眼位置。理由是：对船东和机务管理者来说，「这家公司懂不懂技术」最好的证明，就是它自己写的技术文章。公司新闻（又开了个站点、又拿了个证书）谁都会发，但把锅炉过热管的三种失效模式讲清楚，只有真干过活的人写得出。这类内容是一个维修服务商最难得的信任素材。
这个案例做下来，我们最深的体会是：服务型企业的官网，设计的核心工作在「编排」而不在「装饰」。
客户带着具体的问题来，官网的任务是让他在最短的路径里找到答案，并且在这个过程中建立信任——资质在哪里看到、案例在哪里核对、电话在哪里拨出，每一步都是设计出来的。
这次我们为堡曼热能工程完成的，就是这样一个把「急修找得到、资质看得见、实力信得过」编排进栏目结构的官网。网址在案例来源里，欢迎点进去看看实际效果。