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雙重認證，并獲得國家“雙軟認證”及“高新技術企業”認定，是專注互聯網高端定制服務+數字化營銷 整體解決方案的品牌服務商。