BACKGROUND
项目背景与需求
客户是一家聚焦工业视觉质检的人工智能科技企业，团队由算法工程师与硬件工程师组成，技术能力扎实，但线上形象长期滞后——官网沿用三年前购买的 SaaS 模板，版式雷同、配色与品牌调性不符，产品介绍散落在多个二级页面，移动端导航错位，SEO 收录稀少。在 B 轮融资关键期，投资人对"官网不像一家 AI 公司"提出明确意见。
核心痛点
- 模板套用痕迹明显，品牌识别度弱，与"工业级 AI"定位脱节
- 产品矩阵分层混乱，算法能力、硬件产品、行业方案混在一处
- 移动端断点缺失，70% 的投资人预览来自手机但体验糟糕
- 站点结构扁平，搜索引擎收录不足 40 页，长尾词几乎为零
SOLUTION
从品牌定位独立设计官网
独立版式
SOLUTION / 01
原创版式 × 品牌视觉系统
放弃任何模板基础，从客户 LOGO 的几何感出发，建立"科技深 + 米杏暖"的双调色板，独立设计首页、产品页、行业方案页三套版式骨架，让官网具备可识别的品牌气质。
- 双调色板设计
- 三套版式骨架
- 自定义图标集
- 交互动效原稿
产品矩阵重构
将原本混在一处的"算法能力 / 硬件产品 / 行业方案"拆为三个并列一级栏目，每个栏目建立独立的列表—详情两级结构。算法能力页突出技术指标与白皮书下载，硬件产品页突出参数表与现场图，行业方案页突出客户案例与 ROI 数据，让不同访客（投资人、客户、求职者）都能快速找到所需信息。
SEO 基础工程
建站阶段同步埋好 SEO：语义化 HTML5 结构、每个页面独立的 title/description、面包屑、站点地图、结构化数据。上线即提交，3 个月内自然流量从几乎为零增长到日均 1200+ UV。
RESULTS
实现成果数据
首屏加载
从 5.2s 优化到 1.4s，LCP 指标进入良好区间。
性能-73%
移动端跳出率
从 78% 下降到 32%，移动端体验显著改善。
体验-46pt
自然流量
上线 3 个月自然搜索流量增长 +210%，长尾词收录 180+。
SEO+210%
FEEDBACK
客户评价
"尧图团队没有给我们塞模板，而是先花了两天理清我们的业务结构和品牌调性，再开始动版式。官网上线后，投资人尽调时第一次没有在'线上形象'上提出问题。这是一个能听懂业务、又能落地代码的合作伙伴。"
—— 客户技术负责人 张工