B2B網站的核心就是以出售信息，溝通買賣雙方。在溝通買賣雙方、推動了商品交易的同時，B2B網站也創造了大量的內容。
B2B概念
B2B 是指進行電子商務交易的供需雙方都是商家（或企業、公司），她（他）們使用了互聯網的技術或各種商務網絡平臺，完成商務交易的過程。電子商務是現代 B2B marketing的一種具體主要的表現形式。
含有三要素：
⒈買賣：B2B 網站平臺為消費者提供質優價廉的商品，吸引消費者購買的同時促使更多商家的入駐。
⒉合作：與物流公司建立合作關系，為消費者的購買行為提供最終保障，這是 B2B 平臺硬性條件之一。
⒊服務：物流主要是為消費者提供購買服務，從而實現再一次的交易。
1，網站產品經理立項，寫產品計劃書，確定新產品或新功能的市場意義和經濟效益(往往在立項之初，還需要與市場部門配合調查，并與公司分管的副總多次開會討論)，提交上級審批。
2，計劃書審批同意后，確認需要設計的部分。
網站產品經理和用戶體驗研究員(user researcher)，信息建構師(information architect)，視覺設計師(visual designer)、ui設計師(user interface designer)，互動設計師(interaction designer)，開發/程序員(web developer)，工程師(engineer)一起討論需要的支持，然后訂出時間計劃分工合作。
3，接下來，一般情況下先由用戶體驗研究員作調查、分析后由信息建構師設計產品架構。(他們需要緊密配合)
4，產品架構確認后，由互動設計師(interaction designer)作出互動流程。(也是需要不斷修正)
5，視覺設計師(visual designer)和user interface designer作出視覺設計。
6，開發|程序猿web developer把設計通過編寫程序(html, dhtml, php, javascript……)等等再現出來
7，交給工程師。
8，做完后用戶體驗研究員需要做用戶測試，qa(quality assurance)需要測驗這一產品的每一步驟，確認產品的使用質量。
9，如果有問題需要讓工程師或相關人員解決。
頁面設計注意事項
一、頁面用色、框架商業化
由于B2B行業網站的內容是嚴謹的、高端的，涉及行業的發展動態、各種技術交流、企業的營銷管理知識等信息，注定了內容是嚴謹的、高端的；由于其涉的是 企業與企業之間的交易促進、信息交流與交友，所以在商業欄目更多的要體現出濃厚的商業氛圍，一切頁面設計都是為商人而考慮的。
A 頁面的用色要更嚴謹、忌諱非商業色彩
藍色、紅色、黃色是B2B行業網站的常用主色，其中常常是幾種顏色搭配使用，當然在使用過程中，常常是用這幾種顏色之外的顏色來搭配，或者這幾種顏色的漸變色。
忌諱使用如下幾種顏色為主色調：
綠色：綠色更多的象征大自然、純潔、天然等含義，不符合B2B行業網站的嚴謹、商業兩個特點，可作為橙色、紅色等的搭配顏色，但是建議不能作為主色調。
粉紅色：這種顏色更多表達的是女性化、溫馨的氛圍，就算是以女性產品為特色的行業，也不能使用，作為搭配顏色也盡量少用，畢竟與用戶需求相差太遠。
黑色：黑色、灰色是頁面絕大部分文字可以采用的顏色，但是不能作為B2B行業網站的主色調。
B 頁面的標題欄和導航欄更多要方形的、規則的
作為企業網站、時尚類型的網站，或者為了表達時尚、活潑的主題，網站的設計可以比較活潑一些，多采用圓形或不規則的排版方式，但是作為B2B行業網站，就不能這樣設計。
每個部分要具有明顯的區分，每個區域都是規則的，使用的圖片、背景都是嚴謹的。不能把圖片斜放、用很大的橢圓形、用很大的圖標、用卡通的圖標、活潑的圖形等來設計網站的標題欄和導航欄。
C 整體風格應嚴謹、充滿商業氛圍
網站的整體風格比用色、標題欄設計更加重要，某個搭配顏色比較活潑、時尚一些，并不會影響整體的風格。某個圖片不規則，或者網頁里的內容圖片不規則，也 不會對整體的感覺產生多大影響。整體的頁面風格不能花哨，要降低框架、背景等對閱讀內容的影響，降低頁面的噪聲，整體風格要淡雅，讓訪問的人靜下心來思 考。
二、內容和功能決定表現形式和界面設計
頁面設計是沒有一個固定標準的，很多時候不能用美丑來判斷，也不能用是否有創意來判斷，而應該綜合分析這個頁面的訪問者，頁面內容、功能。有時候一點創 意都沒有，和其他很多網站都是類似的，才是最好的，因為就應該是這樣的。任何設計、功能都是為訪問者、使用者服務的，設計者的分析能力遠比創意來的重要。
三、盡量使用習慣用法，不要輕易使用新用法
所謂習慣用法，是用戶經常使用的網站，或者非常知名的網站用法，往往就是用戶的習慣，因為知名網站的用戶最多，用戶也是最認可的。相同的功能，或者說不會因為網站的不同而表達方式發生變化的功能，就可以用習慣用法。
比如當我們來到一個新網站的時候，常常需要了解這個網站的介紹、主辦方聯系方式等信息，習慣就是在網站底部找這些信息，絕大部分的網站底部都有一排的鏈接來表達，如果你設計網站時，希望很創新，把這些鏈接不放在底部，用戶就會覺得不習慣。
對設計師來講，那怕這樣的熟悉讓你覺得相似而乏味，一點都沒有創新，你還是要這樣去用。但并不是說我們不需要創新，相反，在策劃、設計的工作中，需要大膽的創新，如果我們不打算使用一種習慣用法，策劃者、設計師必須確認新用法有如下兩個特點：
（１）同樣清楚，同樣不言而喻：只是換一個更好的表達方式，和原來本質上沒有太大的改變，同樣讓用戶一眼就能看明白，不是完全憑空的創新，要比原來的更好才可以。
（２）帶來很大的價值，值得用戶付出努力來學習：這個功能雖然是以前大家沒有見過的，但是我們確認他能帶來質的變化，而不是僅僅換個用戶不習慣的功能和 界面。比如以前絕大多數的網站注冊都是一步搞定，現在如果注冊會員，有許多網站就分為二步或三步，為什么要這么設計呢？因為填寫的內容太多，分成幾步用戶更能接受。
四、建立清楚的視覺層次，讓用戶能用視覺上區分
頁面具有層次感，一看就能明白那些是重點，那些是次要的，每個部分表達的內容都非常的清晰，用戶能很快的找到自己重點關注的部分。與此相反的就是頁面很 凌亂，結構不清晰，用戶來到頁面不知道那些是重點。網絡用戶耐性很差，30秒之內很難發現自己感興趣的內容，可能就不找了，認為網站不是他感興趣的，或者 干脆以后都不來了，但是實際上網站有他要的內容或想使用的功能，只是由于頁面設計的不好，不能更快找到而已。
A 越重要的部分越突出
在一個頁面上，如果沒有重點，用戶就要花很多時間在所有一樣的內容里去找他最喜歡的內容和功能，對用戶不夠友好。越是用戶經常使用、經常閱讀的內容，越要放在最重要的位置，用戶會用最短的時間獲得最關注的內容和功能，才能吸引他留下來。
B 功能或內容相關的部分在視覺上也要相關
在功能或內容相關的部分視覺也要相關，因為用戶掃描的時候，視覺相關的部分就會作為一起掃描，否則容易忽略掉，同時會顯得凌亂。常用的方法是把相關的功能或內容用同樣的框、同樣的背景、同樣的圖標來表達。
C 功能或內容在邏輯上包含的部分在視覺上也要進行嵌套
所謂邏輯上包含，就是從邏輯的角度推理，他應該是屬于包含的，比如：B2B行業網站的上游原料和設備，如果我們把這2個部分放在一個頁面，就應該把設備 和原料分開來設計，但是原料和設備模塊本身還會包括許多不同的內容，為了讓想采購的企業很快速的找到自己想要的產品，就要在設備模塊和原料模塊內部再進行 嵌套。
五、訪問者不是在閱讀，而是在掃描
《別讓我思考》一書講：“訪問者不是在閱讀，而是在掃描，是極少數幾個得到了證明的事實之一，人們會花極少的時間來閱讀大部分的頁面，相反，我們只是掃 描一下（或者匆匆掠過）網頁，尋找能吸引我們注意力的文字或詞語?！睂τ趯Ш巾?、首頁等，用戶會更多的用掃描來獲得自己感興趣的內容。對于內容最終頁，用 戶在閱讀前也會先掃描一下大概內容，對于太長的文章或內容，就要看下是否有小標題，如果有就要先掃描小標題，看自己是否感興趣，感興趣了才會繼續閱讀下 去。用戶一般會先掃描如下內容：
A、與我們現在手頭任務有關的，急需想知道的。
B、我們當前或接下來的個人興趣，比如：想采購一批機器、想找工作；
C、還有我們腦袋里一些根深蒂固的詞，例如“免費”、“打折”、“美女”等。B2B行業網站用戶都會感興趣的：例如行業最爆炸性的新聞、知名公司老總動態、最新求購等。
當我們在策劃、設計網站的頁面時，在編輯網站內容時，要時刻謹記用戶不是在閱讀，而是在掃描，將這個思想貫徹地執行下去。會指導很多正確的策劃和設計， 比如：重要的內容要大標題、要加粗；每個模塊盡量能圖文并茂，讓讀者掃描的時候看到圖片，更容易引起興趣；對廣告文案等要多加總結、提煉，吸引他們感興 趣；編輯在寫文章、內容編輯的時候，對于超過800字的文章，最好能加上小標題，讓用戶可以預先掃描是否感興趣等。
六、閉門炸者做出的東西，永遠趕不上綜合借鑒者的
網頁技術更新很快，一個網站的界面設計壽命僅僅2-3年而已。不管是垃圾還是精品，都沒有所謂的經典。經典只存在于是那個首次成功創新性的應用。一個閉 門造車者做出的東西，是遠遠趕不上綜合借鑒者的。網頁設計不同于其他藝術，在模仿加創新的網頁設計領域當中，即便是完全自己設計的，也是沿用了人們已經認 同的大部分用戶習慣，而且這種沿襲的痕跡有時非常的明顯！還有那個設計者敢腆著臉說，這都是我自己的原創設計？對于業界來說，經典只是個理念和象征！
對于B2B行業網站的設計，要多參考，多模仿，找出幾十個同類型的最優秀網站來參考，分析別的網站為什么要這么設計，取其精華，去其糟粕，聯系自己設計 網站的特點加以改進或修改，往往這樣的設計才是最成功的設計。因為最成功的網站都是經過多方研究的，他們不僅僅模仿，也有屬于自己的創新，大部分也經得起 用戶的考驗，符合絕大部分用戶的需求。
七、大部分的界面應弱化，強調功能和內容
B2B行業門戶網站不同于企業網站，它存在的最大價值在于給用戶提供一個平臺，提供更多有價值的內容，界面存在的價值在于輔助、引導用戶更好的去使用這 個平臺，發現里面自己感興趣的內容，挑選并閱讀，獲得知識。并不是要濃墨重彩的使用大量的顏色和圖標來表達頁面的主題，這個是一些設計B2B行業網站的人 常犯的錯誤，尤其是初學者。
做一個企業網站，我們為什么要使用大的圖片、圖標，大面積的顏色去渲染這個頁面呢？因為每個企業都有其自己獨特的產品與企業文化，來這個頁面的讀者都是想了解這個企業或產品的，我們需要用設計向訪問者很直觀的傳遞企業信息，尤其是很多品牌公司網站。B2B行業網站的專題設計、收費服務介紹等頁面與建設企業網站一樣，需要用大圖片、小圖標、大面積的顏色來襯托頁面的主題。
八、頁面要模塊化，可修改性要強
模塊化不僅可以提高重用性，也能統一網站風格，還可以降低程序開發的強度。模塊化的最大好處就是統一網站風格，讓用戶無論在網站的那個頁面，也能明白還是在這個網站，形成了很強的品牌辨識度。時刻記住，做網站的最終目標，就是做品牌，必須要作為設計的指導思想。
無論是架構、模塊或圖片，都要考慮其可修改性。舉個簡單的例子：按鈕，很多人喜歡制作圖片，N個按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片，在網頁代碼里打上文字，那么修改起來就簡單了，讓程序/網頁制作者自己改字就可以了。然而網頁顯示的字體是帶有鋸齒的，一般既能清晰又保證美觀的字體字號有 幾類：“宋體12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px |Arial Black 12px+|”等等。
