很高兴强哥邀请过来分享，我也是tobcgo的老朋友了，今天不讲太多理论，结合一些我们做过的真实案例，跟大家拆解下B2B工业领域网站的一些升级思路，希望能给大家一些启发。

如果听过我之前的分享，上图我经常会讲到，这是雍熙对数字化网站的一个定义，发出来就是让大家先有一个基础框架概念。

雍熙十余年完成了数百家工业制造业的网站升级，工业制造领域的网站有着自己的一些特点，比如非常看重产品的展示，而且产品涉及复杂的参数或者数量庞大的sku，那如何规划产品展示形式，又如何提升浏览体验，优化用户了解产品的过程。同时工业领域又非常重视技术先进性的展示，晦涩难懂的专业术语及复杂的解决方案如何精准又直观的展示，其复杂度远大于普通品牌展示网站或者服务行业网站，接下来跟大家分享一些优秀的tob工业领域网站案例，有哪些优秀的体验或者能力，同时针对目前火热的出海赛道，跟大家分享一下出海网站建设及营销拓客的相关经验。

01.先看下我们的网站需不需进行升级？

其实这个问题还是比较容易回答的，借助广告领域的三个问题可以快速得到答案：

用户认不认？

网站有没有品牌基因，是否有自己的独特调性，网站是否有冲击力及记忆点，会不会帮助客户对品牌产生正向的认知和印象。

销售用不用？

对外的销售过程及市场活动，销售会不会主动引导客户去官网了解企业品牌、了解产品。这个在我们很多线下活动的时候感受很深，有的销售会推荐客户去企业官网了解，因为官网可以推进其销售过程，拉开同行差距，同时作为销售工具帮助其客户更好了解产品，比如完成产品的检索、产品360度的展示等等，效率大大高于传统平面物料。

对手恨不恨？

对手会不会把你的官网作为标杆，担心在网络推广过程中，你的官网更容易获取用户的信任，有些时候我们还会听到“其实某公司没有我们规模大，他们就是网站做的比较好”类似这样的话，这些也客观反应了你官网是否优秀。

官网可以覆盖大量的用户，没有时间及地域的限制，也是用户最容易快速去了解企业信息的媒介。不少传统工业制造企业在线下活动的投入非常高，甚至做了百万级的展厅，但是却没有投入更多精力去提升官网，一个好的官网可以使用3-5年，而且每年接待几十万甚至百万的专业访客，而一个线下展厅一年也带不来几千人，按照这种比例，这么高效且重要的战场我们是否要更多投入兵力呢，而且咱们线下活动最终又会到官网进行收口。最终的原因一个是对官网的价值不了解，再就是不懂得如何对官网进行提升，下面我们一起来解决这些问题。

02.工业领域网站的特点

工业领域网站建设与其他行业网站建设的主要不同之处在于目标受众、产品特性以及市场推广策略。

目标受众：工业领域网站通常针对的是B2B客户，如制造商、批发商、经销商和工程师等。这类客户往往更关注技术细节、产品性能和质量保证。

产品特性：工业领域的产品通常具有复杂的技术参数、多样化的配置选项以及定制化需求。因此，工业网站需要提供详细的产品信息、技术文档和应用案例，以便客户全面了解产品的性能和适用性。

市场推广策略：工业领域网站的推广策略通常更注重长期合作关系和品牌声誉。因此，在内容营销、社交媒体和电子邮件营销等方面，需要强调专业性、权威性和可靠性。

销售流程：工业领域的销售流程往往较长，涉及多个决策者。此类网站需要设立询价/报价系统、在线客服和技术支持等功能，以便在整个销售周期中为潜在客户提供及时有效的服务。

客户支持与服务：工业领域网站需要提供强大的客户支持和服务，如售后维修、技术咨询和定制解决方案等。这要求网站提供易于查找的联系方式、在线表单和实时聊天功能等。

工业领域网站建设的特点在于面向B2B客户，关注技术性能和长期合作，之前跟大家分享过tob网站的策划和设计流程，今天我们将通过优秀案例让大家更好的理解工业制造业网站如何进行升级。

03.工业制造行业TOP企业官网升级案例解析

以下是雍熙的一些真实客户案例，涉及创新型制造企业、传统制造企业、外资制造龙头，从品牌、功能、获客在官网上做了哪些细节，给大家做了全方面的解析，这样会更方便大家带入场景去理解。

宁德时代官网升级

宁德时代新能源科技股份有限公司是全球领先的新能源创新科技公司，致力于为全球新能源应用提供一流解决方案和服务。

页面更简洁，交互更友好

简洁大方的页面结构，搭配扁平化分层逻辑，全站信息，一触即达。

兼容各类终端的响应式设计，新鲜前沿讯息，一手掌控。

版块更清晰，内容更丰富

一图勾勒海、陆、空全面电动化场景，智能电动未来触手可及，根据访问用户时间，切换昼夜场景，身临其境。

针对14个不同领域，呈现突出技术亮点及定制化解决方案，以“电动+智能”赋能全领域，为各行各业提供可持续、可普及、可信赖的能量。

精简提炼的文案，深入浅出解密创新理念与前沿技术，“六大核心技术”首次立体曝光，与您共享技术创新。

通过内容的视频化，带你探秘生产自动化、智能化及信息化的超级工厂。

优化用户体验，根据用户位置自动定位所在地区，快速查找售后服务网点。

精准个性化在线留言表单，确保线索的准确。

固德威多语言官网升级

固德威技术股份有限公司（科创板股票代码：688390）成立于2010年，总部位于苏州高新区，是一家以新能源电力电源设备的转换、储能变换、能源管理为基础，以降低用电成本、提高用电效率为核心，以能源多能互补、能源价值创造为目的，集自主研发、生产、销售及服务为一体的高新技术企业  ，主营业务产品包括光伏并网逆变器、光伏储能逆变器、智能数据采集器以及SEMS智慧能源管理系统。

全新品牌官网UI设计，解决方案场景化建模

随着固德威面向全球发布品牌换新计划，发布了全新的LOGO和VI视觉系统，同时我们帮助固德威完成了新官网的升级。本次上线的网站包括中文官网和英文官网以及日本、意大利等10多个小语种网站建设，针对国内外不同的视觉、功能、业务需求，中英文针对本地化和国际化进行了分别优化。

固德威致力于把每一座电站数字化、智能化，通过打造软件和硬件产品，为未来的智慧能源提供完整的一体化解决方案；网站的设计呈现采用了场景化建模的方式，渲染实际的用电和储电的场景，方便用户通过动画展示，快速的了解解决方案的场景。

让网站有更好的阅读性，全新的体验

一个产品Highlight图片跟随页面滑动，结合第一屏的产品系列和第二屏的核心参数采用异步互动效果，可以更好的抓住用户的眼球和注意力；一个简易的动效可以加强客户的记忆点，深化品牌认知过程；衬底的动画视频让页面更加有层次感和设计感，满满的质感提升。

复杂的结构更要使用简单的菜单，虽然我们有2-3级的页面深度，但是对于用户来说，一次点击即可进入最终的详情页面，符合理性的逻辑同时满足体验度的提升，毕竟用户多点击一次都有可能带来更高的跳出率。

网站要有统一的风格和设计表达，对于不同的解决方案需要进入真实场景来讲述故事；产品是一次的成功，解决方案就是一直在成功，解决方案是产品和能力的验证；不同的解决方案场景设计了不同的建模视频，场景的动画效果可以快速的将解决方案讲述清楚，传递更多的有效价值。

网站升级的重点在于有效的信息展示

网站的升级重点在于内容的呈现，对于公司介绍来说，长篇大论带来的是距离感，用户更加没有时间或动力去逐句逐字的阅读太多文字，有效的内容提炼和真实的数字可以提高客户的阅读效率，对于品牌价值的传递来说，用户的感知也会更加清晰，从而获得更多的品牌价值的认知和认可。

有效内容就是客户能感知或接收的内容，杜绝一堆堆的文字，可以提炼成具体的数字，更加真实可信；还要配合一些设计的图标，可以拥有更好的视觉美观度。

网站是基于虚拟环境搭建的品牌形象，体验度和线下或PPT有很大的差别，我们可以将多个板块的内容进行串联，一个解决方案对应多个适配的产品，同时可以推荐更多的相关解决方案和真实案例，方便了用户的页面浏览体验度，可以同时看到一个解决方案的多个维度，多个信息关联；我们想织一张符合网站内容呈现的逻辑关系网，对于每个页面可以实现：内容全面、四通八达。

定制的功能设计可以解决很多问题

固德威是一家全球化的品牌公司，每个地区的产品资料，视频都可以通过复杂检索进行筛选，筛选条件分为4个维度，分别是产品类型、文件类型、语言、国家；方便客户对于不同的需求进行精准查询，同时，每个文件支持下载，预览功能，方便手机用户的浏览。

SEO全站配置是这次网站升级的重要内容，对于符合SEO的配置和功能，系统在开发的过程中都提前布置在网站的代码和功能里面；每个独立的页面都拥有独立的静态URL，对于Google和Baidu的收录非常有帮助，也支持每个URL自定义，同时我也考虑到了网站改版过程中收录的问题，方便网站后期可持续性的SEO策略和运营。

全站内容皆可视频，相对于图片和文字，视频拥有更好的视觉体验度，也更加真实和更加近距离的感受；当然，视频不能太长，否则会影响网站的加载速度，一般是可以通过10秒以内的视频来讲述一个故事或事件，用户一定是更加喜欢视频，所以我们希望可以将网站所有可以替换的图片都更换成视频播放，用户一定会喜欢一个更有互动，更加真实，更多信息量的网站呈现。

‍

沃太能源出海网站建设

沃太能源股份有限公司成立于2012年，核心团队由电力技术研发、储能设备制造、IT数据服务及新能源项目开发等领域复合型技术人才组成。公司拥有国家高新技术企业认证，是专注于提供先进的储能产品及智慧能源管理方案的国际型高科技企业，也是中国首家推出户用光伏锂电一体化储能产品的公司。

思考与分析 让官网不只是企业的“自留地”

先从首页说起，官网首页的风格不应只追求好看，要基于目标用户决策画像来进行梳理，锁定目标用户才能让“桥梁”更有价值。对于ToB企业来讲，官网首页应该不止与banner图片、产品介绍、解决方案、案例等首页必需的版块，而应更多体现企业的差异化与核心价值，重在解决“为什么要选择沃太”的问题，基于用户对企业的信任我们也需要在网站中布局CTA按钮，让流量转化为线索更加流畅。

对于网站中的解决方案、产品和案例页面，我们要透过现象看本质，作为网站内容的核心承载版块，我们需要清晰展示什么是核心，什么是次要，目标是什么、定位是什么。

以解决方案为例，不应只是案例概述的呈现，首先需要对方案进行凝练化的标语总结，同时对行业面临的调整，企业能提供的商业价值进行深入分析，再佐以相关产品、相关案例进行内容闭环，让客户再浏览页面是能获得更多有价值的信息。

我们不能忽略的还有对企业本身的介绍，如公司简介、核心优势、企业文化、企业招聘等版块，这些版块是企业对外展示自身核心文化的窗口，这些版块的核心在于内容的总结，更不能站在上帝视角讲空话，而是要内容凝练，高度升华，让用户更好的接受和阅读。

另外一个问题，就是网站的辨识度问题，对于企业唯一官网，我们不想千篇一律，网站中需要有企业的唯一识别元素，这样才能使网站更有传播力和感染力。

‍

博世云观业务网站建设

博世云观 iSite, 来自德国的百年品牌BOSCH。博世将物联网与人工智能技术结合，借助人工智能，将物联网潜力充分发挥。博世致力于推出创新的智能物联网解决方案以降低能源成本、提升作业现场的效率与安全管控水平，从而为客户创造更多收益。

视觉和架构

博世云观新官网设计思路延续了博世品牌官网风格，基于博世VI视觉系统，关注科技、专业、简约、场景化等关键词，让工业物联网的应用解决方案更好的在网站上进行排版；保证统一品牌形象的同时，让网站整体的视觉更加顺畅和自然。

博世云观网站的整体框架策划是以用户为主体，考虑用户的思考逻辑，浏览顺序和认知过程，提升网站架构的理性的逻辑关系，并减少用户选择和寻找的时间；大部分页面都可以通过导航栏的下拉一屏展示，为每个层级和每个菜单设置了不同的图标展示；解决方案也根据行业和场景进行双维度的选择，满足不同用户对于解决方案的阅读和浏览需求。

解决方案场景化

工业物联网的解决方案是比较复杂的，网站的用户浏览速度非常快，我们需要快速的把解决方案的内容和优势信息传递给用户，同时保持较好的体验度和信息传递效率；我们对博世远观的多个场景进行了场景化手绘，将每个解决方案的中的每一个场景进行图形化展示，整体形象清晰且易读。

每个解决方案都有自己的场景拓扑图，我们将解决方案中的多个模块，功能进行整理，排布在场景的各个位置，用户点击每个功能都能参看详细信息，让整个解决方案的能力和优势尽收眼底；同时满足了网站的体验度升级，在最短的时间内让用户可以浏览更多的信息内容，从而对博世云观获得更多的认知，让网站可以发挥更大的价值。

博世云观内容升级

网站的升级重点在于内容的呈现，对于博世云观来说，太多的文字和参数表格会非常影响用户体验，第一是整体的视觉体验会被破坏，太像一个技术科研的网站，第二是用户没有时间或动力去逐句逐字的阅读太多文字和图表，有效的内容提炼和真实的数字可以提高客户的阅读效率，对于信息传递来说，用户的感知也会更加清晰，让工业物联网中软件、硬件、数据更好的结合。

网站的本质是设计表达方式，对于每一个产品的介绍才去模块梳理、内容提炼、场景分类，让浏览器的一屏内可以将某个产品的核心信息展示；一个好的设计表达可以很大幅度的提升信息传递效率，也节省了用户的寻找时间。

提到方案拓扑图，我们的想象到的都是各种复杂的图形，有很多的层次很多的板块，但这个不是一个好的设计表达；我们重新设计了博世云观的方案拓扑图，中间是我们的解决方案的软件、硬件、服务等，左边是方案的方法和技术，右边是方案能够带来的提升和结果，整体方案的拓扑就清晰了，也方便阅读了。

博世云观官网转化

博世云观新官网定位业务型网站，我们重新策划了网站CTA的布局，在每个页面的头部和尾部都是引导客户做出行动的按钮和提示，也方便浏览者在任何时间和任何位置都能快速的和我们取得互动和联系；其次，博世云观也把微信公众号、微信视频号、优酷视频等媒体矩阵都展示出来，希望用户在认可博世远观的解决方案后，可以多多的关注博世云观。

今天的分享到此告一段落，下期会继续分享一些传统制造业、高科技行业案例，同时跟大家聊一聊网站在新的营销场景中的应用，包括出海网站建设的内容，尽请期待！

扫码添加客服在线沟通

‍