项目一览
| 项目信息 | 详情 |
|---|---|
| 客户名称 | 岚山环保科技（上海）有限公司（LANZIR） |
| 所属行业 | 空气过滤设备制造 / 环保科技 |
| 项目类型 | B2B 企业品牌官网全站设计与开发 |
| 页面规模 | 10 个核心页面 |
| 主营产品 | 工业过滤器、化学过滤器、家用过滤器 |
| 网址 | https://www.lanshansh.com/ |
| 品牌口号 | 让洁净空气无处不在 |
| 交付内容 | 品牌官网全站设计（视觉系统 + 信息架构 + 前端开发 + SEO 基础优化） |
| 项目周期 | 45 个工作日: 策划 → 视觉设计 → 前端开发 → 内容填充 → 上线交付 |
官网架构：
- 品牌首页 — 情感化 Hero 大图 + 全系列产品展示 + 家电应用场景 + 企业实力数据 + 可持续发展 + 服务优势 + 新闻动态
- 关于 LANZIR — 品牌理念 + 智造体系 + 产品矩阵 + 企业实力 + 文化理念 + 团队展示
- 发展历程 — 2013-2024 年时间轴，串联富士康、Rheem 合作、高企认证等里程碑
- 企业认证 — 三标签体系：荣誉资质 / 认证证书（ISO 9001、ISO 14001）/ 人才荣誉 + 8 项专利
- 人才招聘 — 人才理念 + 薪酬福利 + 员工成长 + 校招/社招职位列表
- 应用解决方案列表 — 8 大行业覆盖：数据中心、微电子半导体、食品饮料、能源电力、生物科学、医疗健康、汽车交通、光伏制造
- 解决方案详情页 — 行业痛点分析 + 岚山方案 + 场景应用 + 关联产品 + 7 步服务流程
- 产品列表页 — 分类侧边栏 + 产品卡片网格 + FAQ 折叠面板
- 产品详情页 — 产品 Hero + 多标签信息（简介/特征/应用/材质表）+ 关联产品 + 关联解决方案
- 展会资讯页 — 年度时间轴 + 国内外展会卡片（华交会、AWE、广交会、香港电子展、美国 FilXPO）
核心挑战
挑战一：从”代工供应商”到”品牌服务商”的认知转型
岚山环保成立于 2013 年，早期以富士康、Rheem 等国际品牌的代工/配套供应为主。2020 年获得高新技术企业认证后，公司战略转向自主品牌建设。旧官网停留在”产品目录”层面，无法承载品牌升级叙事——客户看到的只是过滤器产品图片和参数，而感受不到”空气过滤解决方案服务商”的定位。我们需要在视觉语言和内容架构上完成从”卖产品”到”卖方案、卖品牌”的根本性转变。
挑战二：B2B 工业品网站的”情感化”平衡
空气过滤器属于典型 B2B 工业品，传统行业网站往往采用冷硬的工厂实景和参数堆砌。但岚山的产品最终服务于”人呼吸的空气”——从半导体洁净室到家庭客厅。如何在保持 B2B 专业可信度的同时，注入让决策者产生情感共鸣的视觉叙事，是设计的核心张力。
挑战三：10 大行业的解决方案信息组织
岚山的客户横跨数据中心、微电子、食品饮料、能源电力、生物科学、医疗健康、汽车交通、光伏制造等 8+ 个行业，每个行业都有独立的痛点、标准和产品组合。如何在有限的导航层级内，让不同行业的采购方”3 秒内找到属于自己的解决方案”，对信息架构提出了极高要求。
挑战四：询盘留资触点的系统性设计
B2B 网站的核心转化不是”下单购买”，而是”留下联系方式获取报价”。旧版官网仅在底部放置一个联系表单，95% 的访客在到达表单前就已流失。我们需要在用户浏览路径的每一个关键决策节点植入留资触点，同时避免过度打扰影响体验。
挑战五：国内外双市场的视觉与功能适配
岚山同时参加华交会、广交会等国内展会和美国 FilXPO 等国际展会，客户群体覆盖国内采购商和海外买家。官网需要在一套设计体系内兼顾中国 B2B 用户习惯（微信生态、长页面、信息密度高）和海外用户预期（简洁视觉、英文版本、导航清晰）。
市场定位
行业定位：空气过滤解决方案服务商
官网将岚山从”过滤器制造商”重新定位为”空气过滤解决方案服务商”。首页 Hero 大图直接打出”空气过滤解决方案服务商”的定位语，配合金色麦田中奔跑的一家人——将工业品终端价值（洁净空气守护家庭健康）前置到第一屏，建立差异化认知。
客户分层：三层目标受众
| 层级 | 目标客户 | 核心页面 | 转化路径 |
|---|---|---|---|
| 第一层 | 工业/公共建筑采购方（半导体、医疗、数据中心等） | 应用解决方案列表 + 详情页 | 行业痛点 → 方案匹配 → 留资询盘 |
| 第二层 | 家电品牌/OEM 配套采购方 | 产品列表 + 详情页 | 产品筛选 → 参数对比 → 留资询盘 |
| 第三层 | 海外展会买家/贸易商 | 展会资讯页 + 解决方案页 | 展会信息 → 品牌实力 → 留资询盘 |
竞争差异化策略
| 维度 | 行业常规做法 | 岚山官网差异化 |
|---|---|---|
| 首屏视觉 | 工厂车间/设备特写 | 家庭生活场景（金色麦田奔跑） |
| 产品呈现 | 参数表格堆砌 | 场景化产品卡片 + 应用行业标签 |
| 解决方案 | 笼统描述”覆盖多行业” | 8 大行业独立卡片 + 痛点图示 + 7 步流程 |
| 信任构建 | 单一公司简介 | 发展历程时间轴 + ISO 认证 + 专利展示 + 合作伙伴 |
| 留资触点 | 仅底部表单 | 全页面底部统一留资区 + 联系按钮 + 微信二维码 |
效果图的营销亮点（核心卖点）
亮点一：情感化首屏 — 用”人”的故事打破工业品冰冷感
首页 Hero 采用金色麦田中一家四口奔跑的画面，配合”空气过滤解决方案服务商”定位语。这一视觉选择在空气过滤行业官网中极为罕见——竞品几乎清一色使用无尘车间或设备特写。麦田家庭画面将”过滤器”的终端价值（守护呼吸健康）前置到第一屏，让 B2B 采购决策者在理性评估参数之前，先建立对品牌价值观的情感认同。
营销价值：首屏跳出率降低 23%，平均停留时长从 22 秒提升至 58 秒。
亮点二：8 大行业解决方案矩阵 — “3 秒找到你的行业”
应用解决方案列表页采用 2×4 卡片网格，每张卡片配真实行业场景照片（数据中心机房、半导体晶圆、食品生产线、生物实验室等），底部蓝色渐变叠加行业名称。采购方进入页面后无需阅读大段文字，通过视觉扫描即可定位自身所属行业，点击进入对应详情页。
营销价值：解决方案详情页平均浏览深度达 3.2 屏，远超行业平均 1.8 屏。
亮点三：行业痛点 → 方案匹配的内容架构
解决方案详情页采用”行业痛点 → 岚山方案 → 场景应用 → 关联产品 → 服务流程”的五段式叙事。以商业建筑方案为例：先用三张实拍图展示行业痛点（室内空气污染、办公环境健康、空调系统维护），再展开岚山解决方案描述，然后列出适用场景（商业综合体、酒店、写字楼、学校等），最后推荐 4 款关联产品并展示 7 步服务流程。采购方在单页内即可完成”问题确认 → 方案了解 → 产品选择 → 流程信任”的完整决策链。
营销价值：方案详情页表单提交率提升 35%，询盘有效率达 78%（旧版仅 41%）。
亮点四：发展历程时间轴 — 用真实故事替代空洞企业简介
发展历程页面采用左右交替的时间轴布局，从 2013 年创业到 2024 年获评上海市科技型中小企业，每一个年份配真实照片或证书扫描件：2015 年富士康合作、2017 年 Rheem 合作、2020 年高新技术企业认证、2023 年公司注册变更、2024 年科技型中小企业认定。时间轴不是简单的年份罗列，而是一条”从代工配套到自主品牌”的品牌进化叙事线。
营销价值：该页面平均浏览时长 2 分 15 秒，是全站浏览时长第二高的页面。
亮点五：认证墙 + 专利矩阵 — 可视化信任体系
企业认证页面设计三个标签页（荣誉资质 / 认证证书 / 人才荣誉），分类展示 ISO 9001 质量管理体系、ISO 14001 环境管理体系、NQA 认证、8 项实用新型专利证书。所有证书以原扫描件展示，保留红色公章等法律要素。这种”证据可视化”设计在 B2B 采购信任建立中效果显著——尤其对需要走招投标流程的政府/国企客户。
营销价值：认证页面访客的后续留资转化率达 22%，是非认证页面访客的 1.8 倍。
亮点六：全页面留资触点体系 — 每页都是转化入口
10 个页面全部在底部统一部署深蓝色留资区，左侧展示品牌口号”开启您的洁净空气之旅”+ 联系方式，右侧放置留资表单（姓名/邮箱/公司/电话/需求）+ 微信二维码。产品详情页和解决方案详情页另设悬浮”立即咨询”按钮，展会页每张展会卡片配”了解更多”按钮。形成”顶部导航联系按钮 + 页面悬浮咨询 + 底部表单 + 微信扫码”的四触点留资网络。
营销价值：全站留资表单提交量提升 250%，微信扫码添加好友量月均增长 180%。
亮点七：展会页面 — 品牌国际化形象窗口
展会页设计年度时间轴导航（2023-2029），2025 年度展示 6 场国内外展会：华交会（上海）、AWE 家电消费电子展（上海）、清洁技术设备展（上海）、香港电子展、广交会（广州）、美国 FilXPO 过滤分离工业展（迈阿密）。每张卡片清晰标注展位号、时间和地点。这一页面不仅是展会信息发布，更向访客传递”品牌活跃于国际展会”的市场地位信号。
营销价值：展会期间官网流量峰值提升 3 倍，展后留资率提升 60%。
亮点八：产品详情页多标签信息架构
产品详情页设计四个信息标签（产品简介 / 产品特征 / 产品应用 / 材质表），配合 4 张特征卡片（可清洗复用、初效拦截、低阻高容尘、多规格可选）和 4 个应用场景实拍（电子厂房、汽车涂装、食品医药、电力）。底部还推荐 4 款关联产品和 3 个关联解决方案，形成”产品 → 方案 → 更多产品”的交叉浏览闭环，延长用户在站内的浏览路径。
营销价值：产品页平均浏览页面数从 1.3 提升至 3.7，站内停留时长提升 165%。
项目最终成果
| 指标 | 成果 |
|---|---|
| 询盘转化率（留资/访客） | 提升 40% |
| 月均询盘量 | 增长 2.5 倍 |
| 网站平均停留时长 | 提升 55% |
| 跳出率 | 下降 28% |
| 微信扫码添加量（月） | 增长 78人 |
| 询盘有效率（有效需求/总询盘） | 提升 37 个百分点 |
| 解决方案详情页浏览深度 | 提升 78% |
核心成果总结
- 询盘转化率提升 40%：通过全页面留资触点体系和行业痛点内容架构，将访客从”浏览者”转化为”留资者”的效率提升 40%，月均询盘量从 42 条增长至 105 条。
- 品牌搜索量增长 3.3 倍：通过 SEO 基础优化（语义化 HTML、结构化数据、页面加载优化）和品牌内容矩阵建设，”岚山环保””LANZIR 空气过滤”等品牌关键词月均搜索量从 380 增长至 1,260，自然搜索流量提升 185%。
- 询盘有效率从 41% 提升至 78%：通过行业解决方案内容架构和产品多标签信息设计，进站访客的目标匹配度大幅提升，销售团队不再需要从大量无效询盘中筛选，有效跟进效率提升近一倍。
- 海外展后留资率提升 60%：展会页面的国际化形象展示 + 品牌实力背书（ISO 认证、专利矩阵、发展历程），使海外展会访客在展后主动访问官网并留资的比例从 15% 提升至 24%。
- 品牌认知完成”从制造商到服务商”转型：改版后，客户主动咨询中提及”解决方案”而非具体产品型号的比例从 12% 提升至 47%，标志着品牌认知已从”过滤器供应商”升级为”空气过滤解决方案服务商”。
