首页 / 精选案例 / 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 运行时适配
Making process · 制作过程

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

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

01 / DISCOVER

拆解工程决策

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

02 / STRUCTURE

重组可信信息

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

03 / DESIGN

克制的工程感

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

04 / SHIP

让内容被找到

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

Screens · 设计与开发细节

一套官网,覆盖从制造到现场交付的完整叙事

以下为 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

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