01.介绍

To B CGO是To B市场人增长经验共享平台，平台包括社群、公众号、线下活动、培训课程等，社群内目前9000+群成员，60%都是To B企业市场总监、市场副总裁以及部分CEO，社群每半个月会有一次总监级别的中高管在社群做增长经验分享。

自2019年9月6日，tobCGO组建了第一个微信群以来，社群不断发展壮大，但同时也面临着新的问题，比如这个群的群成员看不到另一个群的成员，合作方和潜在合作方想了解我们确找不到官网，想加入To B CGO的人看不到到底哪些大咖在我们的社群，如此等等。

而且我们要做的就是打破这些内部壁垒，对于ToBCGO官网设计背后的思考，我们成立专项项目组并做了大量行业调研，针对ToB行业而言，我们除了突出社群活动社交的属性之外更加着重内容赋能这一根本核心模块，同时作为一个大型社群平台，品牌形象如何在官网中得到兼顾这些都是我们需要解决的，那让我具体来剖析吧。

首先针对网站首页整体逻辑：主视觉、社群介绍、高端人才、会议活动、新闻资讯、社群价值、知识分享等内容缺一不可，并在首页形成一套逻辑闭环。

具体来讲，下拉菜单：

菜单展开后的圆环效果来自tobcgo（logo）设计中“o”型，4条圆形的应用增加交互性的同时，也代表社群经验共享的核心理念、不断壮大发展的愿景；并且，采用隐藏式的菜单模式，默认展示更加纯净简洁；最好，展开后的菜单，将全站结构展示出来方便客户浏览；

02.应用

Banner多媒体效果的应用：

视频的引用更能引发与访客的共鸣，尤其TOB市场人的自述，大家可以从他人的经历中找到自己曾经的影子或回来的方向；

网站中圆形的应用：

这里的灵感也是来自tobcgo（logo）设计中“o”型，采用不同色彩的圆形和谐的融入一个站点中，代表社群构成的多元与融合；

高管列表：

高管列表与社群介绍叠层承托，代表社群与高端人才相互依托，汇聚顶尖人才，高管照片从不同方向，代表汇聚不同领域的高端人群

VI视觉在网站中的应用：

我们将logo跟随鼠标放大缩小的的展示效果应用到网站中，使官网的唯一性得到加强的。同时logo放大销售后，紧接着显示学习、人脉、商机、招聘这些核心价值，更贴合访客诉求。

03.设计

专题化设计：

对于网站中会议介绍、企业合作、供应商推荐等核心栏目采用专题化设计，做的页面内容的聚合化呈现，同时节约了浏览者的时间也可获得更有价值的信息。

以会议栏目为例，首屏我们采用图片鼠标跟随的效果，给访客沉浸化的体验，每个会议活动放置不同的活动照片使网站更加灵动。另外，这里还有一个小彩蛋，如果会议未开始则中间按钮位置显示“现在报名”按钮，会议结束显示会议举办地信息，以及会议的回放入口，有没有感觉很贴心呢；

另外，针对参会大咖版块，我们采用不拘一格的设计手法，每天照片采用不同的尺寸，但都围绕一个方向进行滚蛋，代表社群的包容性。

就讲这么多，如果想了解更多案例信息可以关注我们的公众号，我们定期会对不同行业的代表案例进行解析，希望可以大家带来更多有意义的参考。

04.总结

写在最后，雍熙是企业的数字化赋能战略合作伙伴，我们专注于高度定制开发与升级，并提供数字化营销落地方案。13年服务数十家500强企业，包括建发集团、宁德时代、浪潮集团、博世、3M、GE、美凯龙等行业知名品牌。先后通ISO9001和ISO27001双重认证，并获得国家“双软认证”及“高新技术企业”认定，是专注互联网高端定制服务+数字化营销 整体解决方案的品牌服务商。