2023年ToB官方網(wǎng)站搭建指南

ToB官方網(wǎng)站搭建指南“ToB的官網(wǎng)有兩個(gè)方面作用：業(yè)務(wù)展現(xiàn)、增加外鏈做內(nèi)容優(yōu)化獲客”。

不管是PC還是移動(dòng)端，公司的官網(wǎng)可以說是“一家公司的門店”。

有人可能認(rèn)為，移動(dòng)互聯(lián)網(wǎng)時(shí)代誰還使用網(wǎng)站？現(xiàn)在不都是手機(jī)體驗(yàn)么，那你可就理解偏差了，對(duì)于ToB的業(yè)務(wù)，尤其是SCRM、SAAS類，多數(shù)的后臺(tái)還是設(shè)計(jì)在PC端。

由于PC的開發(fā)成本相對(duì)較低，并且對(duì)于SAAS或者SCRM類產(chǎn)品而言，迭代周期比較快；假如像TOC一樣做一款A(yù)PP來掌握，相對(duì)費(fèi)勁又增加成本。

在用戶對(duì)公司以及品牌沒有任何了解的時(shí)候，官網(wǎng)、自媒體是向用戶傳達(dá)信息的重要途徑之一；在某種角度上可以說，自媒體和官網(wǎng)內(nèi)容的傳播影響著用戶對(duì)這家公司和產(chǎn)品的認(rèn)知與信任度。

假如一個(gè)公司的官網(wǎng)結(jié)構(gòu)不清楚、圖面陳舊、布局雜亂、配色俗氣；那么用戶很簡(jiǎn)單就會(huì)懷疑這家公司的“正規(guī)性”和“實(shí)力”。

當(dāng)然也有的人會(huì)認(rèn)為，現(xiàn)在信息大爆炸，做網(wǎng)站又不能帶來客戶，做了也沒有什么用。

對(duì)ToB而言，官網(wǎng)不僅僅是一個(gè)展現(xiàn)面板；由于涉及到登錄后臺(tái)，他對(duì)內(nèi)容搜尋引擎的優(yōu)化，外鏈的布局也起到了特別大的作用。

一、目的、定位與風(fēng)格

官網(wǎng)的定位，展現(xiàn)風(fēng)格與功能介紹，打算了對(duì)客戶心智的影響，從ToB角度，網(wǎng)站的設(shè)計(jì)也不肯定是和同行相同一成不變的；但主要傳遞的價(jià)值、核心文化理念、情感以及底層的東西應(yīng)當(dāng)是全都的。

風(fēng)格與設(shè)計(jì)層面，呈現(xiàn)的內(nèi)容主要還是要有“用戶思維”；我們面臨的客戶是誰，可以解決為什么樣的問題，供應(yīng)什么樣的客戶價(jià)值。

規(guī)律要有“業(yè)務(wù)思維”，網(wǎng)站本身脫離不了業(yè)務(wù)，我們要關(guān)注行業(yè)趨勢(shì)、市場(chǎng)格局、業(yè)務(wù)模式等三個(gè)板塊，最核心還是想著“如何通過網(wǎng)站如何獲客”。

1.明確主要目的，找好定位

不同的業(yè)務(wù)模型，面臨的客戶群體也是不同，那么呈現(xiàn)的內(nèi)容也是不一樣；因此我們肯定要明確好定位，做出呈現(xiàn)什么形態(tài)的網(wǎng)站。

比如一家SCRM企業(yè)微信客戶管理的官網(wǎng)，那么核心確定是想讓“客戶使用這個(gè)軟件，告知客戶軟件的好處與核心賣點(diǎn)”，通常這類軟件強(qiáng)調(diào)的是“增長”“用戶畫像、數(shù)據(jù)分析”等問題。

做好基礎(chǔ)定位，從目標(biāo)用戶的角度來分析，那么就可以直接在打造的時(shí)候把“賣點(diǎn)提煉出來”。

對(duì)于ToB成長型的企業(yè)，重要的事情肯定是“獲客”，假如能夠通過每一個(gè)網(wǎng)頁把“品牌也宣揚(yáng)了”、“內(nèi)容被搜尋引擎收錄了”，也是一件更好的事情。

所以，網(wǎng)站設(shè)計(jì)的前期目的打算了“風(fēng)格與展現(xiàn)內(nèi)容”，我們都要以目標(biāo)用戶為中心進(jìn)行規(guī)劃，最終讓用戶信任“這家企業(yè)”，成為意向客戶。

即便我們?cè)趯?shí)際業(yè)務(wù)中，會(huì)有多種獲客的方式，但到最終“用戶”始終繞不開“官網(wǎng)后臺(tái)注冊(cè)使用，甚至于免費(fèi)體驗(yàn)”的環(huán)節(jié)；從本質(zhì)層面，網(wǎng)站的UI、后臺(tái)體驗(yàn)，也對(duì)轉(zhuǎn)化起到了影響作用”。

雖然現(xiàn)在的客戶通過各種渠道搜尋可以找到相關(guān)軟件的“自媒體”，其實(shí)到最終用戶更情愿去官網(wǎng)了解；由于客戶一般訪問了企業(yè)的官網(wǎng)，基本上都是有了肯定的需求，或者是想通過官網(wǎng)找到解決方案。

經(jīng)過大量的調(diào)查認(rèn)為，當(dāng)用戶進(jìn)入官網(wǎng)后，部分用戶更情愿留下聯(lián)系方式，還有部分用戶直接會(huì)“注冊(cè)體驗(yàn)”，這也意味著我們?cè)谧龉倬W(wǎng)的時(shí)候要考慮到“引導(dǎo)路徑問題”。

由此分析得知，不管哪個(gè)渠道到來，最終聚焦到官網(wǎng)帶來的線索，對(duì)于產(chǎn)品的使用，主動(dòng)性會(huì)更強(qiáng)一些，轉(zhuǎn)化率也會(huì)更高一些；在前期搭建時(shí)候肯定要明確核心目的，找好業(yè)務(wù)定位也顯得頗為重要。

2.風(fēng)格設(shè)計(jì)與整體結(jié)構(gòu)

在做一個(gè)ToB網(wǎng)站的時(shí)候，不建議您百分百進(jìn)行原創(chuàng)；從UI層面或者結(jié)構(gòu)上，您可以參考下自己的競(jìng)爭(zhēng)對(duì)手，甚至于頭部品牌的一些做法，然后加以創(chuàng)新，融入自己的交互等。

設(shè)計(jì)當(dāng)中主要包含了2個(gè)板塊核心內(nèi)容：整體風(fēng)格、網(wǎng)站的結(jié)構(gòu)。

我以SCRM、SAAS為例，在某一個(gè)垂直品類中，通過大量的競(jìng)品觀看可以看到；雖然多數(shù)的展現(xiàn)風(fēng)格不同，但是網(wǎng)站的結(jié)構(gòu)基本上是相同的。

比如一款SCRM企業(yè)微信管理軟件，頂部導(dǎo)航欄常規(guī)屬性為：首頁+產(chǎn)品服務(wù)+定價(jià)+案例+學(xué)院+渠道合作+關(guān)于我們+后臺(tái)入口為主，而首頁最為常見的也都是大屏+核心功能。

那么產(chǎn)品或者品牌部自己在做原型的時(shí)候，主要架構(gòu)就可以進(jìn)行參考，核心就在于如何依據(jù)業(yè)務(wù)的詳細(xì)進(jìn)展階段來“調(diào)整形態(tài)、產(chǎn)品的解決方案”中展現(xiàn)的“內(nèi)容”了。

當(dāng)主要框架有了，那么下一步我們就可以“查找每一個(gè)網(wǎng)頁的框架”。

以SCRM首頁為例，多數(shù)是分為大屏banner輪播位加幾個(gè)不同的豆腐塊，核心是表達(dá)“關(guān)心客戶解決什么問題”，加上交互動(dòng)作展現(xiàn)業(yè)務(wù)，最終把合作客戶、案例見證加上，底部欄作為固定；其實(shí)你細(xì)心觀看，多數(shù)的官網(wǎng)都是相像的方法論。

風(fēng)格層面的設(shè)計(jì)，需要遵循自己的品牌調(diào)性、價(jià)值主見，有的企業(yè)是有特地的VI設(shè)計(jì)師，一套完善的品牌設(shè)計(jì)體系。

可能對(duì)于初創(chuàng)甚至于進(jìn)展中的“品牌”，則沒有時(shí)間去規(guī)劃VI資產(chǎn)方面。

那么這時(shí)建議以“LOGO”為主，或者公司喜愛的主題風(fēng)格為主，把主要色調(diào)定好；假如有條件，也可以做一些二維視頻，甚至于交互。

由于ToB面對(duì)的多數(shù)是小微，甚至于大企業(yè)，所以從行業(yè)整體上看，藍(lán)色、紅色、商務(wù)高端黑居多，這樣給用戶的感覺也比較大氣些。

所以在進(jìn)行網(wǎng)頁的設(shè)計(jì)時(shí)，除了常規(guī)的交互，還要融入一些“情感化的元素”——簡(jiǎn)潔而言就是活潑帶嚴(yán)厲?，簡(jiǎn)潔不雜亂；讓用戶在獵取信息的同時(shí)，也能體驗(yàn)到“品牌帶來的情感關(guān)懷”。

二、內(nèi)容的設(shè)計(jì)

對(duì)于ToB類網(wǎng)站，除了架構(gòu)、交互、視覺這些方面之外，還有一個(gè)特別重要的點(diǎn)就是“內(nèi)容的設(shè)計(jì)”；內(nèi)容直接打算了“用戶是否理解該產(chǎn)品”，產(chǎn)品能夠解決我什么痛點(diǎn)。

用戶使用網(wǎng)站，本質(zhì)就好比用戶在和你對(duì)話一樣，當(dāng)一段對(duì)話變得驢頭不對(duì)馬嘴的時(shí)候，用戶就會(huì)抓狂；然后可能會(huì)生氣的離開，我見過許多網(wǎng)站都說自己“特別厲害”，但沒有把詳細(xì)的核心展現(xiàn)出來。

1.用戶角度撰寫內(nèi)容

品牌或者產(chǎn)品部門在做網(wǎng)站的時(shí)候，不要閉門造車，肯定要有“用戶思維”；要幻想著對(duì)面就是你的客戶，我要和他說什么，這樣有了情景感，才能打磨出來基礎(chǔ)的內(nèi)容。

我以首頁為例，當(dāng)用戶一進(jìn)門，那么我們是否需要介紹下“自己是做什么的”，從而自身的“使命、愿景、價(jià)值觀”是不是要告知客戶；其次我能給用戶供應(yīng)說什么樣的“服務(wù)”，什么樣的關(guān)心（功能）。

我如何展現(xiàn)我的優(yōu)勢(shì)，要站在用戶角度去體會(huì)，在體會(huì)網(wǎng)站的角度要理解用戶；由于用戶特別的忙，短時(shí)間找不到自己想要的東西，可能就會(huì)離開，這樣就會(huì)白白流失。

其次有些東西不必“說太多”，網(wǎng)站本身就是“自吹自擂”，當(dāng)好話說多了，用戶就會(huì)覺得有壓力；所以肯定要提煉功能甚至于服務(wù)的關(guān)鍵詞，簡(jiǎn)潔直白即可。

在記錄用戶想法的時(shí)候盡可能使用原話，理解用戶在描述他們的需求時(shí)使用的語言；這樣一來，在編寫內(nèi)容的時(shí)候就能知道用戶通常喜愛聽是什么樣的詞匯了，當(dāng)然也可以適當(dāng)?shù)募右恍皩I(yè)化語”，尤其是描述“技術(shù)類產(chǎn)品的時(shí)候”。

用戶來到網(wǎng)站一般都是帶著“疑問”或者為了完成某個(gè)任務(wù)而來，極少是由于“網(wǎng)站看起來好看而來的”；當(dāng)然也不排解這種狀況（部分設(shè)計(jì)師為了學(xué)習(xí)，帶著視覺維度參觀而已）。

用戶最想要的是在“官網(wǎng)”搜尋到自己想要的答案，所以最好的形式是跟用戶對(duì)話，或者讓用戶直接注冊(cè)體驗(yàn)；所以本質(zhì)內(nèi)容一部分是為了解決用戶的問題而生，另一部分是“介紹自身業(yè)務(wù)”。

多數(shù)的B端用戶很少是為了“仔細(xì)閱讀產(chǎn)品內(nèi)容”而來的，客戶在網(wǎng)頁上采納掃瞄信息的方式來快速的“過濾掉無關(guān)的內(nèi)容”；所以首頁甚至于子頁面內(nèi)容規(guī)劃的時(shí)候，削減文字的堆砌。

網(wǎng)站的文字大段整段的消失，會(huì)讓用戶看起來很傷神而不聚焦，當(dāng)一段描述寫好之后，肯定要認(rèn)真的“站在用戶角度”閱讀、刪減，盡可能呈現(xiàn)重點(diǎn)，避開廢話連篇的占用網(wǎng)頁空間。

2.小標(biāo)題與留白

在編寫不同頁面內(nèi)容時(shí)候，尤其是產(chǎn)品介紹，能用圖片展現(xiàn)盡可能用圖片展現(xiàn)”；假如需要圖片加文字的形式，最好將大篇幅的內(nèi)容寫成幾個(gè)部分，并標(biāo)上不同的小標(biāo)題。

這樣用戶在閱讀的時(shí)候，就會(huì)先看“主要標(biāo)題”，再去了解細(xì)節(jié)，用戶就不用鋪張?jiān)S多時(shí)間閱讀自己不需要的“章節(jié)了”；章節(jié)小標(biāo)題的意義是為了“概述一段文字”，因此標(biāo)題需要具體斟酌，切不行隨便安放一句話就當(dāng)做主題。

小標(biāo)題與內(nèi)容要比其他的信息接近，當(dāng)標(biāo)題和上下的文字間距相同的時(shí)候，標(biāo)題就會(huì)飄在兩端文字之間，簡(jiǎn)單讓用戶茫然。

標(biāo)題與文字應(yīng)當(dāng)使用“緊湊原則”來布局，這樣用戶就能精確?????的知道標(biāo)題要概述的是哪個(gè)部分的核心內(nèi)容。

留白也是相當(dāng)重要的一個(gè)部分，從網(wǎng)站原型到“內(nèi)容設(shè)計(jì)”，網(wǎng)頁分為“無心留白和有意留白”；有的人可能認(rèn)為內(nèi)容肯定要多，這樣才能展現(xiàn)官網(wǎng)業(yè)務(wù)的飽和，其實(shí)這是一種“錯(cuò)誤的理解方式”。

無心留白加上交互能讓界面有“呼吸的空間”，段落中的留白讓網(wǎng)頁更加通透，來訪的客戶也不會(huì)被大量的“文字信息”壓的喘不過來氣。

原型中，有些內(nèi)容也可以用“圖標(biāo)進(jìn)行代替”，但是基礎(chǔ)PRD原型上要和設(shè)計(jì)師告知。

假如使用到圖文搭配，圖片的大小需要認(rèn)真考慮，可以依據(jù)網(wǎng)頁設(shè)計(jì)的大小來按品牌圖片的排版和布局，圖片使用完可能不要占據(jù)整個(gè)屏幕；由于用戶看到滿屏的一個(gè)大圖很可能就不會(huì)關(guān)注其他了，也可能由于一張圖片遺忘往下滾動(dòng)而錯(cuò)失其他方面的核心內(nèi)容。

3.內(nèi)容撰寫的“差異化”

要知道，在一個(gè)行業(yè)我們有許多的競(jìng)爭(zhēng)對(duì)手，每個(gè)競(jìng)爭(zhēng)對(duì)手所“切”的用戶群體也是不同的；但產(chǎn)品的主要方向定位做好后，從內(nèi)容的差異化上，我們也要區(qū)分于“其他競(jìng)爭(zhēng)對(duì)手”，避開產(chǎn)生直線競(jìng)爭(zhēng)。

內(nèi)容差異化主要表現(xiàn)在“產(chǎn)品”、“服務(wù)”、“形象”三個(gè)版塊。

官網(wǎng)內(nèi)容起草的同事要了解業(yè)務(wù)，要和產(chǎn)品、運(yùn)營去對(duì)接打磨，提煉自己產(chǎn)品與去其他產(chǎn)品哪個(gè)方面更有優(yōu)勢(shì)；我們是不是有競(jìng)爭(zhēng)對(duì)手沒有的功能，我們的產(chǎn)品核心賣點(diǎn)是什么？這樣提煉的內(nèi)容就有差異化了。

服務(wù)角度的差異化主要體現(xiàn)在“自身和競(jìng)爭(zhēng)對(duì)手而比”，我們哪些是競(jìng)爭(zhēng)對(duì)手不具備的，或者更好的，甚至于自身已經(jīng)為哪些企業(yè)供應(yīng)了哪些服務(wù)，都可以進(jìn)行展現(xiàn)。

在某些層面上來說，已經(jīng)選擇我們的種子用戶，在某些方面就代表了“認(rèn)可我們的服務(wù)”。

比如自身關(guān)心客戶供應(yīng)運(yùn)營方案，伴隨客戶一起策劃活動(dòng)，這些都能成為“細(xì)節(jié)的背書”；目前主流市場(chǎng)，多數(shù)都只是供應(yīng)“SOP”，不供應(yīng)深度。

形象的詳細(xì)差異主要在“UI”表現(xiàn)層面，假如產(chǎn)品和服務(wù)都和競(jìng)爭(zhēng)對(duì)手很相像；那么就可以從形象維度拉開差距，這方面直接可以影響用戶的視覺體驗(yàn)，具有強(qiáng)化的作用。

不管是標(biāo)題、架構(gòu)、內(nèi)容、留白，這些不同的差異本質(zhì)都是在為“用戶傳遞價(jià)值信息”；信息都是獵取用戶認(rèn)同，增加情感、信任的一種手法，最終為用戶的“決策”來服務(wù)，所以驅(qū)動(dòng)這一切的還是“付費(fèi)”。

三、引導(dǎo)注冊(cè)版塊設(shè)計(jì)

ToB的網(wǎng)站不僅僅是為了展現(xiàn)，核心是為了獲客；那么在ToB的網(wǎng)頁中，確定少不了網(wǎng)頁注冊(cè)，免費(fèi)體驗(yàn)流程的設(shè)計(jì)；所以基于這樣的特性，我們要針對(duì)性的做出內(nèi)容和路徑的優(yōu)化。

注冊(cè)可以單獨(dú)放在一個(gè)“版塊”，甚至于做一個(gè)icon。

當(dāng)然一般的SAAS、SCRM會(huì)放在“產(chǎn)品解決方案”下面或者定價(jià)版塊，甚至于穿插在任何一個(gè)可視化的角落，來引導(dǎo)用戶，當(dāng)用戶注冊(cè)了也就意味著自身獲得了“一個(gè)銷售線索”。

1.為什么要做引導(dǎo)注冊(cè)行為

ToB產(chǎn)品的銷售鏈路和TOC不同，并且對(duì)注冊(cè)體驗(yàn)有很大的影響，ToB獲客一般是內(nèi)容營銷、案例營銷、搜尋引擎投放等策略，那也就意味著“有兩次跳轉(zhuǎn)的規(guī)律”。

用戶第一次的接收信息本質(zhì)是“一個(gè)落地頁，一份PDF，一篇文章，甚至于一個(gè)廣告”，我們可以稱之為“內(nèi)容獲客載體”。

載體確定不是正式的官網(wǎng)，相對(duì)來說是“內(nèi)容較多、有誘惑力，甚至于名氣大、流量大的地方。

而自身官網(wǎng)網(wǎng)站呢，通常沒什么名氣，也沒什么大流量，流量主要來源于“內(nèi)容獲客的載體引流，甚至于投放”。

從用戶的使用場(chǎng)景來分析，注冊(cè)確定不是用戶的第一需求，他確定是為了一個(gè)利益點(diǎn)，甚至于“一個(gè)操作手冊(cè)”、“一份解決方案”的獵取而填寫的信息后才能得到。

所以在這樣的場(chǎng)景下，用戶在迫不得已的完成了注冊(cè)，然后填寫了“文件下載的申請(qǐng)，甚至于產(chǎn)品體驗(yàn)的申請(qǐng)”。

那么接下來就會(huì)面臨兩個(gè)方面的核心問題：

用戶為什么要填寫這份表單；為什么落地頁設(shè)計(jì)需要用戶填寫試用。我們先從第一個(gè)問題在來進(jìn)行設(shè)定，用戶填寫這份表單，通常是基于兩個(gè)前提：其一是對(duì)“產(chǎn)品真正感愛好，盼望可以使用”，其二是對(duì)落地頁上面的內(nèi)容所吸引；盼望通過填寫，等到官方審核后，得到想要的資料。

再來看其次個(gè)維度，為什么落地頁設(shè)計(jì)需要填寫產(chǎn)品試用，其一公司的銷售KA，商務(wù)盼望獵取這些信息，通過信息聯(lián)系到潛在客戶，留意的是盼望用戶填寫試用申請(qǐng)是為了“獵取線索”。

在填寫試用后，假如后臺(tái)設(shè)定人工審核機(jī)制，那對(duì)用戶來說，可能就會(huì)等的不耐煩而放棄；上述是多數(shù)ToB網(wǎng)站的產(chǎn)品路徑設(shè)計(jì)，這種路徑本質(zhì)并沒有滿意用戶的“所見即所得”。

所以為了用戶能夠體驗(yàn)，商務(wù)獵取銷售線索，這里可以優(yōu)化步驟為——用戶自助申請(qǐng)、填寫信息通過、跳到學(xué)院、下載文件（3-7天產(chǎn)品部分功能體驗(yàn)權(quán)限）、若想體驗(yàn)更多，添加商務(wù)的聯(lián)系方式。

產(chǎn)品的每一步設(shè)計(jì)，都有它的意義所在，并不是為了設(shè)計(jì)而設(shè)計(jì)；我們需要了解用戶背后的規(guī)律，人性顯得非常的重要。

2.引導(dǎo)行為“背后”最優(yōu)路徑

我們要從“用戶行為的全鏈路角度思索”，看到一篇筆記，方法論過來；想領(lǐng)取資料，用戶注冊(cè)、登錄、填寫信息、申請(qǐng)?jiān)囉?、下載文件。

那么對(duì)于ToB來說，最優(yōu)的流程應(yīng)當(dāng)為：

路徑一：內(nèi)容載體落地頁——點(diǎn)擊產(chǎn)品——跳到描述頁——推斷是否登錄——已經(jīng)登錄——產(chǎn)品試用頁面——注冊(cè)登錄——跳轉(zhuǎn)學(xué)院——下載資料。

路徑二：內(nèi)容落地頁——點(diǎn)擊產(chǎn)品——描述頁——官網(wǎng)——注冊(cè)——是否有賬號(hào)——否注冊(cè)登錄——有直接登錄——跳轉(zhuǎn)下載文件的鏈接（學(xué)院）——下載。

在注冊(cè)的過程中，默認(rèn)直接填寫表單，甚至于把“添加好友”這個(gè)環(huán)節(jié)設(shè)定在“注冊(cè)之后”；并且不做強(qiáng)制性加好友，商務(wù)審核的機(jī)制，反而會(huì)使用戶體驗(yàn)更加的流暢。

不過現(xiàn)在的多數(shù)ToB網(wǎng)站設(shè)計(jì)對(duì)于新用戶都是賬號(hào)+密碼或者手機(jī)號(hào)+驗(yàn)證碼的形式，兩者從單純的登錄場(chǎng)景來分析，密碼可能會(huì)由于與其他網(wǎng)站撞庫而被破解，這也源于“用戶密碼設(shè)定的簡(jiǎn)潔簡(jiǎn)單難度”。

而驗(yàn)證碼的登錄，能夠讓用戶有更好的體驗(yàn)，但是驗(yàn)證碼可能會(huì)涉及到一些額外的維護(hù)成本，不過對(duì)于ToB產(chǎn)品而言，量一般不會(huì)太大。

引導(dǎo)注冊(cè)是ToB網(wǎng)站設(shè)計(jì)特別重要的一步，當(dāng)然這確定是基于“網(wǎng)站成型后更深一步；它雖然是一個(gè)登陸入口，但入口也需要大量的“被設(shè)計(jì)和融入”，這也是我為什么強(qiáng)調(diào)官網(wǎng)上要做一個(gè)學(xué)院的核心緣由。

由于內(nèi)容是載體，載體上有許多關(guān)鍵詞會(huì)被搜尋引擎抓取，而抓取后，客戶通過自然搜尋外鏈會(huì)找到“你的官網(wǎng)”，從而注冊(cè)你的產(chǎn)品，給你帶來線索。

四、網(wǎng)站上線與獲客

當(dāng)網(wǎng)站的整體框架、UI、內(nèi)容、解決方案設(shè)計(jì)以后，我們也要考慮如何使用網(wǎng)站來“進(jìn)行獲客”的一些策略。

網(wǎng)站和SEO是相配的，假如單純只有網(wǎng)頁，那本質(zhì)沒有太大作用；我們需要將內(nèi)容與網(wǎng)站融合為一起，讓技術(shù)團(tuán)隊(duì)做網(wǎng)站的時(shí)候，產(chǎn)品也要梳理好相關(guān)的“數(shù)據(jù)埋點(diǎn)”，尤其是內(nèi)容學(xué)院路徑下的埋點(diǎn)。

1.網(wǎng)站的開發(fā)與上線留意

當(dāng)我們把“PRD”和UI都做的特別勝利，下一步可能就涉及到技術(shù)的開發(fā)與上線的問題；首先作為官網(wǎng)項(xiàng)目小組，其一確認(rèn)的是跟進(jìn)整體項(xiàng)目進(jìn)度，其二避開的是上線之后“BUG”的問題。

技術(shù)在開發(fā)的時(shí)候，盡可能溝通“PC+移動(dòng)”的適配功能，其次網(wǎng)站的色調(diào)和調(diào)配也需要留意整體和諧。

色調(diào)在頁面里能夠起到多種效果，利用劇烈的對(duì)比可以凸顯頁面的核心；或者是利用色調(diào)的調(diào)配，也能夠讓網(wǎng)頁達(dá)到非常好的效果，通常狀況下，底部欄的色調(diào)是比較重的。

這樣可以壓制住頁面上面的色調(diào)，如果不適用這種方法論，整個(gè)網(wǎng)頁可能會(huì)顯得頭重腳輕，頁面底部的文字和圖片會(huì)有種“飄出去”的感覺。

再者做好“網(wǎng)站總體的分塊”，有的用的全白，就可以避開這種問題，有的黑白相間是最難把握的。

分塊其實(shí)是一項(xiàng)很重要又很難把握的工作，頁面分塊不同于雜志分塊，雜志的分塊是有邊界的，雜志的設(shè)計(jì)師可以經(jīng)過邊界來形成立體感；但頁面分塊弱化了邊界問題，由于電腦屏幕可以上下左右移動(dòng)。

所以ToB網(wǎng)站的頁面分塊更加的重要，可以經(jīng)過不同顏色、框、線來進(jìn)行分塊；但分塊的素材不該過于“奪目”，避開影響客戶對(duì)內(nèi)容的整體掃瞄。

還有便是“字體配置樣式的問題”，做ToB網(wǎng)站字體配置不要有過度的樣式，在進(jìn)行網(wǎng)頁策略化格調(diào)上的操作時(shí)；總是感覺過多的字體能夠讓官網(wǎng)看起來不是特殊死板，其實(shí)不是這樣的。

ToB網(wǎng)站講究的是策劃，而不是顏色的堆砌和款式的積累，要講究?jī)?nèi)容的各種字體款式的顏色運(yùn)用，這樣才能看得出來策劃人員技術(shù)實(shí)力和策劃功底。

一般來說，網(wǎng)站上線前檢查下，運(yùn)用的字體不要超出3種款式，這樣才不會(huì)看起來特殊的亂；而且用戶一打眼