港重集团官网开发CGRAND
港重集团（CGRAND）官网全站重构项目。面向重型装备制造行业客户，打造多语言（中英）、多产品矩阵、多区域联系的全球化官网，全面提升品牌形象与海外询盘效率。项目上线后 3 个月内询盘量增长 120%，网站平均停留时长从 58s 提升至 4 分 10s。
- 客户
- CGRAND
- 网站URL
- https://www.cgrand.com/
- 技术栈
- Next.js 14, React 18, TypeScript 5, TailwindCSS 3, NestJS + Prisma, PostgreSQL 16, Redis 7, Nginx, Docker Compose, 响应式设计, SEO 结构化数据
- 类别
- Web,企业网站,响应式设计
项目背景
港重集团是国内港口与重型装备制造领域的头部企业，产品远销东南亚、中东、拉美等 30 余个国家。原有官网建于 2017 年，移动端体验差、海外访问慢、SEO 结构混乱、产品分类不清晰，严重制约海外业务拓展。
核心挑战
- 产品 6 大类 40+ 型号，技术参数复杂，原网站无法支撑客户快速选型对比。
- 海外访问 TTFB 普遍 5s+，Google Search Console 中大量非结构化错误。
- 总部、分公司、海外代理商 12 个区域触点，原网站联系入口混乱。
- 多语言内容翻译效率低，市场部每更新一篇内容要重复在多个后台发布。
我们的服务内容
本次项目由我司全案交付，涵盖：品牌与信息架构咨询、官网视觉全案设计、前后端全站开发、PIM 产品信息管理系统搭建、多语言内容服务、SEO 全站审计与落地、全球 CDN 部署、Google Analytics 4 数据埋点、售后运维陪跑 12 个月。
项目成果
- Google PageSpeed 移动端得分由 32 分提升至 91 分，海外首屏 LCP 从 6.8s 降至 2.1s。
- 自然搜索流量 6 个月增长 2.7 倍，核心关键词"港口起重机"、"重型装备出口"进入 Google 首页。
- 产品页面新增"参数对比表"功能，用户平均访问产品数从 1.2 升至 3.8，询盘表单转化量同比 +120%。
- 总部市场部网站内容更新效率从 2 天/篇降至 1 小时/篇，多语言通过 CMS 一键下发。
Project
项目背景・课题
港重集团（CGRAND）官网全站重构项目。面向重型装备制造行业客户，打造多语言（中英）、多产品矩阵、多区域联系的全球化官网，全面提升品牌形象与海外询盘效率。项目上线后 3 个月内询盘量增长 120%，网站平均停留时长从 58s 提升至 4 分 10s。
Solution
提供的解决方案
针对港重集团"全球化官网 + 重型产品展示 + 高询盘转化"三重目标，我们设计了"品牌 · 产品 · 性能"三层落地架构：
- 品牌全球化视觉系统：基于集团 VI 重新设计官网视觉语言，构建 Design Token 组件库，中英文双语字体与排版栈，保证多语言阅读体验一致。
- 产品信息管理 (PIM) 中台：NestJS + Prisma + PostgreSQL 自建 PIM，统一管理 6 大系列的参数、图纸、证书、案例；前台产品页、对比表、PDF 下载页自动同步。
- SEO 与性能架构：Next.js SSR + 结构化数据（Product/FAQ/Breadcrumb/Organization），全站 CDN + Smart Cache；图片 WebP 自动转码 + 懒加载。
- 区域与渠道触点：按 IP/语言展示对应区域负责人、代理商、本地电话；询盘表单分产品线自动路由给对应销售。
- 运维与数据体系：Docker Compose 一键部署、每周自动化备份；GA4 + Looker Studio 每周自动生成《流量 & 询盘》报告，辅助决策。
