作者：朱鳳臣

本人憑借22年網(wǎng)站建設(shè)從業(yè)經(jīng)驗(yàn)給大家分享構(gòu)建一個(gè)優(yōu)秀的 B2B 品牌官網(wǎng)全流程，希望幫助你提升線索轉(zhuǎn)化率，得到客戶認(rèn)可。

官網(wǎng)不僅僅是企業(yè)的門(mén)面，同時(shí)也具備營(yíng)銷(xiāo)價(jià)值。它不僅能夠帶來(lái)流量并轉(zhuǎn)化成銷(xiāo)售線索，同時(shí)也可以促進(jìn)用戶決策。

據(jù)數(shù)據(jù)顯示，與廣告相比，80%的企業(yè)決策者更愿意通過(guò)網(wǎng)站和文章來(lái)查找公司，同時(shí)企業(yè)在線上與線下做了大量的營(yíng)銷(xiāo)推廣，受眾客戶中會(huì)有70%的人選擇在網(wǎng)上搜索企業(yè)官網(wǎng)進(jìn)一步了解，所以此時(shí)企業(yè)官網(wǎng)不僅僅是信息展示平臺(tái)，更承載著企業(yè)巨大營(yíng)銷(xiāo)費(fèi)用的轉(zhuǎn)化率，對(duì)官網(wǎng)的重視與投資在當(dāng)前互聯(lián)網(wǎng)的時(shí)代是企業(yè)的重中之中，好的企業(yè)官網(wǎng)才能更好的將流量轉(zhuǎn)化成銷(xiāo)量，品牌建設(shè)不到位，去做網(wǎng)絡(luò)營(yíng)銷(xiāo)，越做越差。

那么如何創(chuàng)建一個(gè)有吸引客戶、高轉(zhuǎn)化率的網(wǎng)站？

文案是網(wǎng)站的靈魂，設(shè)計(jì)與交互只是外表皮膚，設(shè)計(jì)永遠(yuǎn)是臣服于文案，而非文案臣服于設(shè)計(jì)。
客戶在打開(kāi)并瀏覽網(wǎng)站時(shí)，被設(shè)計(jì)吸引眼球，眼睛一亮，但最終客戶會(huì)不會(huì)數(shù)據(jù)留咨或電話咨詢?nèi)Q于文案；
好文案的策劃遵循以下兩個(gè)原則：

A、以用戶為中心來(lái)撰寫(xiě)
現(xiàn)在大多傳統(tǒng)企業(yè)的文案都是以自我為中心而撰寫(xiě)的，雖然很專(zhuān)業(yè)（只針對(duì)專(zhuān)業(yè)人士），但用戶與訪問(wèn)者查看時(shí)很晦澀難懂，拉低了網(wǎng)站的瀏覽體驗(yàn)與訪問(wèn)時(shí)長(zhǎng)，降低了網(wǎng)站的轉(zhuǎn)化率。

企業(yè)主要明白：企業(yè)存在的意義是什么?
是服務(wù)用戶，幫用戶解決問(wèn)題，不僅僅解決用戶使用產(chǎn)品功能的需求，同時(shí)還要解決用戶使用體驗(yàn)的需求。
如蘋(píng)果公司的理念：要為用戶創(chuàng)造不需要使用產(chǎn)品說(shuō)明書(shū)的產(chǎn)品才是好產(chǎn)品。
所以文案要以用戶的視角來(lái)撰寫(xiě)才能引起共鳴，有共鳴才能共情，有共情才能交易，最終提升轉(zhuǎn)化。

B、提煉精髓、數(shù)據(jù)與差異化
當(dāng)前網(wǎng)民訪問(wèn)網(wǎng)站時(shí)長(zhǎng)越來(lái)越短，企業(yè)更需要從文案中提煉重點(diǎn)與數(shù)據(jù)（數(shù)據(jù)更直觀呈現(xiàn)企業(yè)的優(yōu)勢(shì)）。
同時(shí)放大與同行中的差異化競(jìng)爭(zhēng)文案，在用戶快速瀏覽的體驗(yàn)中，抓住用戶的眼球，助力用戶決策，提升轉(zhuǎn)化。

設(shè)計(jì)如同：如果一個(gè)人沒(méi)有高顏值的外在，我也沒(méi)有興趣了解她的內(nèi)在，我們看到一個(gè)不修邊幅的人大概率會(huì)認(rèn)為這個(gè)人不靠譜。
同理如果我們看到一個(gè)很垃圾的網(wǎng)站，我們就會(huì)聯(lián)想到這家公司不怎么樣，這家公司的產(chǎn)品不怎么樣，B2B 的生意基礎(chǔ)是信任，如果第一印象就很差，你很大可能會(huì)失去很多潛在的生意機(jī)會(huì)。

對(duì)于企業(yè)來(lái)說(shuō)，設(shè)計(jì)不一定用最好的風(fēng)格與交互，一定要用最適合的，設(shè)計(jì)師需要充分讀懂企業(yè)的文案，了解企業(yè)的優(yōu)勢(shì)與行業(yè)屬性，然后創(chuàng)意設(shè)計(jì)最符合企業(yè)文案與品牌氣質(zhì)的設(shè)計(jì)風(fēng)格，讓美麗的靈魂與適合的身材相結(jié)合，才是優(yōu)秀的人。

網(wǎng)站中的每個(gè)欄目及版塊，根據(jù)其傳遞目的，設(shè)計(jì)與排版出與之相匹配的樣式與交互，這才是用戶體驗(yàn)優(yōu)的核心，這同時(shí)也是作為經(jīng)典網(wǎng)站評(píng)選的關(guān)鍵標(biāo)準(zhǔn)。

隨著互聯(lián)網(wǎng)不斷的發(fā)展，網(wǎng)站中的欄目與版塊是固定的，但呈現(xiàn)的方式一直在升級(jí)迭代，不管怎么升級(jí)迭代，最終對(duì)齊的標(biāo)準(zhǔn)都是：以人為本，滿足人性，不斷提升用戶體驗(yàn)，技術(shù)永遠(yuǎn)都是臣服于人性，技術(shù)的探究都源于對(duì)人性的探究。

當(dāng)前企業(yè)官網(wǎng)大多都是響應(yīng)式，大屏通欄顯示，也都用到了酷炫的交互技術(shù)，千篇一律，乍一看，很難區(qū)分優(yōu)劣。
但如果細(xì)看，你就會(huì)發(fā)現(xiàn)世界500強(qiáng)、各領(lǐng)域頭部企業(yè)的官網(wǎng)做的很精細(xì)，沒(méi)有瑕疵，瀏覽起來(lái)非常流暢，讓人肅然起敬，對(duì)企業(yè)產(chǎn)生信賴感。

一個(gè)官網(wǎng)的制作成本80%是來(lái)之于細(xì)節(jié)的微雕與打磨，但絕對(duì)值得。
互聯(lián)網(wǎng)在中國(guó)已經(jīng)運(yùn)行20多年，用戶的眼光也越來(lái)越挑剔，沒(méi)有細(xì)節(jié)精細(xì)的打磨，瀏覽體驗(yàn)感不流暢，將會(huì)大大流失意向客戶，浪費(fèi)了通過(guò)大把錢(qián)推廣引過(guò)來(lái)的流量。

中國(guó)的企業(yè)主與歐美的企業(yè)主認(rèn)知完全顛倒，歐美企業(yè)在創(chuàng)立時(shí)重視品牌打建，待品牌完善再去營(yíng)銷(xiāo)推廣；
而中國(guó)的企業(yè)主在企業(yè)創(chuàng)立時(shí)，以銷(xiāo)售為主，先掙到錢(qián)，再去規(guī)劃品牌的事情，同時(shí)很重視推廣營(yíng)銷(xiāo)，很舍得在推廣上花大價(jià)錢(qián)，而不愿意在網(wǎng)站大投資，豈不知當(dāng)你每年花了1000萬(wàn)的推廣費(fèi)用引流到你的垃圾官網(wǎng)上，轉(zhuǎn)化率遠(yuǎn)低于歐美企業(yè)，這才是更大的浪費(fèi)，本末倒置，可悲的是企業(yè)主還依然沉浸在自己錯(cuò)誤的認(rèn)知里洋洋自得。

一個(gè)有充分價(jià)值內(nèi)容的官網(wǎng)可以在搜索引擎上獲得大量的流量，有可能你得到了你所在行業(yè)最火熱的關(guān)鍵詞排名前三的位置，這些良好的位置會(huì)通過(guò)搜索引擎上用戶搜索的需求，讓用戶發(fā)現(xiàn)你的網(wǎng)站，這可比銷(xiāo)售去登門(mén)拜訪高效得多。

用戶從首次聽(tīng)說(shuō)我們品牌到最后成為我們的客戶，在任意的一個(gè)生命周期環(huán)節(jié)里，都有極大的可能性來(lái)到訪我們的官網(wǎng)，這時(shí)經(jīng)典的網(wǎng)站會(huì)給銷(xiāo)售轉(zhuǎn)化持續(xù)加分。

網(wǎng)站類(lèi)型

隨著我們對(duì)官網(wǎng)價(jià)值認(rèn)知的越來(lái)越多，也對(duì)官網(wǎng)的開(kāi)發(fā)與運(yùn)營(yíng)付出更多的精力，不同的投入也意味著官網(wǎng)的質(zhì)量不同，如果將官網(wǎng)歸屬于四個(gè)階段不同，你的官網(wǎng)處在什么階段呢？

網(wǎng)站排版：中規(guī)中矩，展示方式以圖文為主，訪問(wèn)起來(lái)毫無(wú)驚艷與讓人眼睛一亮的感覺(jué)，網(wǎng)站也缺少內(nèi)容出現(xiàn)時(shí)的交互效果，很死板生硬。

現(xiàn)在大多企業(yè)官網(wǎng)都是品牌型官網(wǎng)，網(wǎng)站為響應(yīng)式，滿屏顯示，內(nèi)容呈現(xiàn)時(shí)也使用了交互效果，但大多都是缺乏對(duì)文案的提煉以及與之相匹配的風(fēng)格設(shè)計(jì)，細(xì)節(jié)的微雕。

具備明顯的轉(zhuǎn)化流程，期望通過(guò)官網(wǎng)去競(jìng)爭(zhēng) SEO 流量、承接品牌帶來(lái)的自然流量，清晰有力的轉(zhuǎn)化流程期望將流量轉(zhuǎn)化成線索，整個(gè)官網(wǎng)的全部力量都在向獲客上去發(fā)力。

網(wǎng)站中用到了大量當(dāng)前主流技術(shù)，如：元宇宙、沉浸式游戲體驗(yàn)設(shè)計(jì)、3D場(chǎng)景建模、視頻等，其目的是想為用戶營(yíng)造一個(gè)線上的虛擬世界，讓用戶有如臨現(xiàn)場(chǎng)參觀并參與互動(dòng)的體驗(yàn)，目前多媒型官網(wǎng)漸漸成為趨勢(shì)，深受企業(yè)與用戶的推崇，建設(shè)成本也是遠(yuǎn)高于上述三種。

你的官網(wǎng)處在哪個(gè)階段，哪種類(lèi)型的官網(wǎng)又是你需要的呢？

微雕優(yōu)秀官網(wǎng)的原則

從細(xì)節(jié)處定標(biāo)準(zhǔn)，蘋(píng)果的網(wǎng)站為什么看著舒服專(zhuān)業(yè)，其實(shí)從色彩、網(wǎng)頁(yè)設(shè)計(jì)到交互開(kāi)發(fā)等方面，都有著嚴(yán)格的設(shè)計(jì)規(guī)范及標(biāo)準(zhǔn)。

一個(gè)講究對(duì)齊工整的網(wǎng)站，給訪客帶來(lái)瀏覽清晰、一目了然的體驗(yàn)。

遵循設(shè)計(jì)規(guī)范、人機(jī)交互規(guī)范、Web與UI設(shè)計(jì)規(guī)范、字體大小規(guī)范、色彩搭配規(guī)范，視覺(jué)層次規(guī)范，設(shè)計(jì)永遠(yuǎn)不是設(shè)計(jì)師自我的炫技，而必須考慮“實(shí)用與美觀”同時(shí)美觀要臣服于實(shí)用；
根據(jù)每個(gè)展示端設(shè)計(jì)與之匹配的風(fēng)格，一級(jí)標(biāo)題就是比二級(jí)標(biāo)題、內(nèi)容更大更醒目，而不是完全顛倒，辨識(shí)度高才讓用戶瀏覽起來(lái)不費(fèi)勁。
設(shè)計(jì)只有先做到規(guī)范化才能達(dá)到專(zhuān)業(yè)化。

網(wǎng)站的配色一般基于企業(yè)的 VI 系統(tǒng)，這是客戶的品牌策略，我們只需要遵循。但是仍然有很多企業(yè)并沒(méi)有完善的 VI 系統(tǒng)，這時(shí)設(shè)計(jì)師在 logo 色的基礎(chǔ)上，衍生輔助顏色。
同時(shí)如果企業(yè)LOGO色比較刺眼，設(shè)計(jì)師也不需要完全一樣的取色作為大面積的背景色，可以在同一色系里調(diào)出更好色值的顏色使用。

留白是比較最高級(jí)的設(shè)計(jì)能力的表現(xiàn)了，留白的目的是給予視覺(jué)一定的放松空間，讓頁(yè)面呼吸感，舒適自然。

留白也是為了讓主題更突出，讓用戶瀏覽時(shí)視線更聚焦。

翰臣科技成立14年來(lái)，一直追求于為企業(yè)打造優(yōu)秀的高端官網(wǎng)，是我們工作中最大成就感的體現(xiàn)，我們不追逐熱點(diǎn)與概念，只做對(duì)的事情，困難的事情，能引領(lǐng)互聯(lián)網(wǎng)設(shè)計(jì)風(fēng)格與技術(shù)的事情。

作者：朱鳳臣（翰臣科技）

2023.5.18