首页 / 精选案例 / OTS 国际电梯项目交付官网
B2B Website · Design, Development & SEO

OTS 国际电梯项目交付官网:让复杂跨境工程,变成一条能被理解的交付路径

面向机场、轨道交通、商业建筑与基础设施项目的英文 B2B 官网。我们把原本分散在制造、物流、现场安装与服务之间的信息,重构成采购方可快速确认的方案与询盘路径,并完成前端、图片性能与技术 SEO 的一体化落地。

英文 B2B 官网 · 设计与开发Role
国际工程项目 · 全球市场Market
信息架构 · SEO · 询盘Scope
国际机场航站楼的高空俯拍与基础设施项目场景
项目问题 · The Brief

国际工程采购并不只是在找一台电梯。客户要在短时间内判断:项目能否覆盖目标市场、技术方案由谁配合、制造与发运怎样衔接、安装调试及后续服务如何落地。若官网只堆产品图或公司介绍,这条判断链路会被打断。

OTS 的官网因此不按“品牌故事 → 产品列表”的常见顺序展开,而是先建立项目交付能力的整体认知,再通过全球网络、制造基地、现场运营、项目参考和项目询盘逐层回答工程采购方真正关心的问题。

英文 B2B 官网国际工程项目项目交付叙事响应式图片技术 SEO询盘表单Cloudflare 部署
我们的工作 · Contribution
  • 01国际工程官网的信息架构与内容层级重组
  • 02英文 B2B 文案、询盘动线与移动端操作设计
  • 03响应式前端、可访问性、动效克制与状态反馈
  • 04图片多尺寸输出、优先级加载与核心页面性能优化
  • 05metadata、canonical、OG、robots、sitemap 与 JSON-LD
  • 06内容校验与 SEO/GEO 自动化测试,Cloudflare 运行时适配
Information strategy · 信息策略

先证明“能交付”,再讨论“卖什么”

OTS 不把首页做成产品目录。页面以采购方的风险判断顺序组织,让每一次向下滚动都回答一个更具体的工程问题。

01 / CAPABILITY

先建立规模与边界

首屏不谈单一型号,用“全球研发、中国制造、国际交付、全周期服务”定义能力范围。随后用数字、网络与制造基地把抽象承诺落到可验证的信息。

02 / EXECUTION

把安装变成可见流程

安装并非页面末尾的一项服务。它被拆成现场团队、标准化节点、质量控制与安全前提,并与制造、物流、调试串成连续的项目链路。

03 / EVIDENCE

用相似项目降低决策成本

项目参考按机场、轨道交通和公共建筑分类,卡片同时保留国家、项目名与设备数量。访客能迅速判断是否做过与自己相近的复杂场景。

Making process · 制作过程

不是先画页面,而是先把采购方的判断顺序理清

从项目方真正需要确认的信息开始,把复杂业务翻译成清晰、可信且能促成询盘的官网结构。

01 / DISCOVER

拆解工程决策

从项目地点、建筑类型、井道与技术参数,到发运、安装和维保,把买家决策中的关键问题列为页面骨架。

02 / STRUCTURE

重组可信信息

把全球网络、制造与设计中心、现场运营和项目资料各归其位,清楚标识服务承诺与项目参考的边界。

03 / DESIGN

克制的工程感

以深蓝、骨白与高对比信息层级构建“Quiet Engineering”视觉语言,让大型项目的秩序感成为页面气质。

04 / SHIP

让内容被找到

把页面可见内容同步写入结构化数据、站点地图与分享卡片;表单、可访问性和图片加载则服务于真实转化。

Full website capture · 整页官网长图

不把界面切碎,一次看完整网站

这张真实的整页浏览截图保留了从首屏、研发与制造能力、现场运营、全球项目案例库,到服务职责、FAQ 与项目询盘的完整阅读顺序。点击图片可放大查看原始长图。

OTS 国际项目交付官网整页长图截图
OTS 国际项目交付官网完整长图:首屏、能力、制造、研发、现场运营、项目案例库、服务、FAQ 与询盘
01 / PROJECT NARRATIVE

先交代项目交付,再介绍能力

从全球研发、中国制造到安装服务,页面按工程采购方的判断顺序组织,而非品牌自述或产品堆砌。

02 / REFERENCE LIBRARY

让案例库可比较、可检索

机场、轨道交通、公共建筑三类项目以国家、现场图与设备数量并列,让相似交付经验一目了然。

03 / ENQUIRY FLOW

把浏览收束到可跟进的项目输入

页面末端收集地点、建筑类型和初步需求,让销售或项目团队获得可以直接进入下一步的信息。

01 / MANUFACTURING EVIDENCE

制造不是一句“实力很强”,而是一组可核对的交付信息

把四个制造与物流基地、产能、质量管理与供应链能力收在一个完整板块内。采购方无需来回跳转,就能核对生产规模、所在地和供给节奏。

OTS 官网中国制造与四个基地的完整板块截图
完整制造板块:基地网络、能力标签与四个工厂的面积和年产能
02 / GLOBAL PROJECT LIBRARY

案例库按工程场景组织,而不是简单堆一页项目照片

机场、轨道交通、公共建筑三条线各自完整呈现。每张项目卡片固定保留国家、项目名称、现场图和设备数量,让买家能够立即比较相似项目经验。

OTS 官网国际机场轨道交通公共建筑案例库完整板块截图
完整项目参考库:国际机场、轨道交通、公共建筑三类案例及其设备数量
03 / LIFECYCLE DELIVERY

用具体海外项目把“中国供给”变成全周期交付承诺

这里没有另起一套抽象的企业介绍,而是以已交付建筑作为证据,把项目阶段、供给来源与服务延续性放在同一个叙事里。

OTS 官网跨境项目全生命周期交付案例完整板块截图
完整交付案例板块:国家标签、建筑现场图与设备配置共同构成证据
04 / RESPONSIBILITY CHAIN

从设计、制造到安装服务,谁负责什么要一眼看清

工程客户真正关注的是责任边界。服务板块把系统设计、制造、国际物流、安装与服务拆成四个有明确责任主体的单元,避免“全都能做”却没有执行路径的表述。

OTS 官网从系统设计到安装服务责任链的完整板块截图
完整服务责任链:每一环同时呈现工作内容与对应的负责团队或贸易条款
05 / PROJECT ENQUIRY

询盘页不只留联系方式,而是先收集能推进项目的条件

字段围绕项目国家和城市、建筑类型、联系人与项目要求展开。这让销售或项目团队拿到的信息可以直接进入方案确认,而不是从一条模糊留言重新追问。

OTS 官网项目询盘表单完整板块截图
完整项目询盘板块:先交代工程条件,再进入选型、供货、安装与服务沟通

完整官网已作为作品镜像保存在站内

案例页解释设计判断;镜像页保留了完整交互与阅读节奏,方便直接体验网站。

打开 OTS 官网镜像 ↗
SEO by design · SEO 从结构开始

可见的设计之外,网站还有一层搜索引擎能读懂的结构

这不是在上线后补几个关键词。内容、代码和图片在开发时即按索引、分享和项目询盘的实际场景组织。

01

页面语义与元数据

为页面配置独立标题、描述、canonical、Open Graph 与 Twitter 卡片,让搜索结果和对外分享都有清晰的一致表达。

02

结构化项目内容

使用 Organization、WebSite、WebPage、Service、FAQPage 与 OfferCatalog 等 JSON-LD,让服务、受众与 FAQ 有机器可读的上下文。

03

发现与性能

robots、sitemap、LLM 可读摘要和多尺寸 WebP 图片共同工作:让页面能被发现,也不牺牲跨境访问时的加载体验。

Start a project

你的国际项目官网,也该让买家一眼知道下一步怎么走。