【網上營商教學】B2B公司網站設計的10個重點!

【網上營商教學】B2B公司網站設計的10個重點!

要建立一個有特色、令瀏覽者難忘的網站,除了要圖文並茂外,亦需要注重網站的排版及設計特色等問題,以提高人們對公司的好感及信心,有助成功轉化為您真實的客戶。為此,我們總結了十項架設網站的要訣:

1. 吸引人的主頁

公司的網站首頁是接觸客戶的首個地方,若能營造出理想的形象,能帶給人們一個正面的第一印象,非常重要。因此,若首頁的內容無法滿足訪客,即使做得再多、再好,人們也會馬上離開頁面,浪費了製作網站的一番心血。因此,在建立一個網站時,最好要營造吸引、統一的網站設計風格,並置入合適的行銷策略及技術。

舊網站:
舊網站:主頁字體及圖片的排版欠佳,缺乏重點,令人注意力分散;菜單欄下方顯眼的位置加入了大量文字,令人看得眼花瞭亂,非常容易令人在第一時間便離開網站。此外,頁面右上方有突出的藍色長方形,設計欠佳。

新網站:
在主頁頁首放置自動跳轉的橫幅,上方更放上少量字數的標語,第一時間抓住訪客的眼球;下方亦放置排列清晰的公司簡介、過往項目圖片及產品目錄,令人們可以有系統地瀏覽公司所有的產品,瞭解公司業務。
而且,網頁底部亦有放置公司的聯絡資料,可以提升使用者信心,並讓他們可以立即聯絡公司。

2. 菜單欄

若將菜單欄編排得更加整齊,可以快速地令使用者找到所需資訊,改善瀏覽網站的體驗。菜單欄應該設計得簡潔、易明,並有系統地作出詳細的產品分類。

舊網站:
舊網站上方的菜單欄不能包括所有分頁,進入部分分頁後,用戶還需點擊左方菜單欄,而所有頁面亦有顯示右方產品介紹的頁面,設計凌亂,使用不方便,使用者很難找到所需資訊。

新網站:
分頁列表設置於頁首,可以有效地將網站所有頁面分類,令使用者輕鬆找到所需資訊頁面,更加入搜索功能,可以令用戶迅速找到所需資訊及產品。

3. 建立良好品牌形象

如上文所述,訪客對品牌的觀感及第一印象源於當下瀏覽的網站,更可一致、平等地塑造品牌形象,並如企業的門面般,展現企業特色、塑造理想品牌形象,以及令使用者產生好感。

舊網站:

舊網站的排版欠整齊,圖文比例及分佈混亂,留白空間過多,容易令人對品牌造成負面印象;而且,資訊擺放得零散,不易抓到閱讀重點。

新網站:

新網站逐格分類及排列不同部分,方便閱讀。例如,將舊網頁的產品、元件及項目經驗(部分)三個分頁統整為一個服務分頁,讓人們能一眼看到公司提供的服務。正確編排資訊可以令使用者視覺動線由上而下,由左至右地移動,一步步抓住重點。

4. 品牌與網站的一致性

使用恰當的品牌商標及網站設計能增加信任感的一個重要部分,亦能建立公司網站與品牌的一致性;客戶亦能更易識別公司品牌,並且與網站產生認同感。

舊網站:
網站與品牌的用色雖然都是藍色調,但每個分頁的設計大同小異,沒有突出的字眼或圖片,讓人感到沉悶;而且,商標及上方菜單欄的文字模糊,予人不太專業的印象。

商標的設計亦無特色,令人難以與其他品牌識別,無法與使用者產生連結。

新網站:
使用簡單的文字和代表公司英文簡寫的線條作商標,頁面除了使用簡單的黑白色設計外,亦使用黃色標示重點字眼,表現出「電力」的主題,引人注目。

5. 內容與段落分明

一個網站需要放置大量文字與圖片,文字與圖片需相互補,才能清楚傳遞品牌價值與內容,但亦要注意清楚地呈現這些資料,方便人閱讀。使用精簡的文字及準確的圖片更能令瀏覽者心中留下更好的印象。

舊網站:
採用大小不一字體及字型,左右兩邊背景時而放置沒有顏色或設計的部分,造成使用視覺混亂,欠佳的觀感容易使人離開頁面,短暫的網頁停留會拉低搜尋引擎的評分及排名,大大減低接觸客戶的機會。

新網站:
在文字段落中加入標題及小標題,亦有將重點以粗體、斜體及用底線標明,段落及段落/圖片之間的間距分明,資訊排序得當,令使用者更容易閱讀及理解內文,提升信任及對品牌好感度,更易成為新的客戶。

6. 充實、完整、原創網頁內容

獨創性、內容豐富的文章讓瀏覽者更願意花費時間,停留在頁面閱讀,可以提高在搜尋引擎的得分及排名。
若瀏覽者喜愛您的文章,更可能會將網頁的內容分享給親朋好友,可以有效地宣傳您的品牌。

舊網站:
只提供公司的基本資訊及硬性資料,內容相對乏味,使用者無甚興趣停留閱讀。

新網站:

使用不同大小的標題及簡潔的標語,帶出公司正面的價值觀,潛移默化地加深及提升人們對公司的印象;簡潔的標題亦能增加人們閱讀大段文字的意欲,令人們真正閱讀網站的內容,並增加停留在頁面的時間,提高搜尋引擎的排名。

7. 提升信任感

要建立一個令人信任的網站,需要使用專業的視覺設計,並加大量相關的文章,並定期增加新的內容;相反,若使用過時的網頁設計,很容易會令使用者認為網頁的服務也是過時的,令人產生懷疑及不信任感,無法與網站訪客建立信任關係。

舊網站:

只提供最基本的資訊,設計粗糙、缺乏內容、資訊繁雜,訪客無法看到有新加入的文章。

新網站:
新網站能有效做到上述六點(包括視覺觀感、排版、內容實用性、資訊有效分類),有效提升客戶對品牌的信任度。

8. 方便管理的網站後台

如今網站大都採用容易使用的後台管理功能,如產品上架、更改或新增內容、圖片等,可以讓管理人員藉由後台管理程式登入管理介面來更新編輯。後台的便利性與實用性,往往可以幫商家節省許多管理網站的時間。

舊網站:
管理者要採用電腦編碼,才能管理網站;若網站管理者不懂編程,會使用大量時間更新資料,資料亦較容易出錯,到頭來又需要電腦技術員,處理這些簡單的步驟。

(圖片來源:Google)

新網站:
有系統地分類及排列不同項目,易於使用;更可使用前台及後台管理網站,方便使用者用最適當的方式作管理。
毋須專業編程知識,一般人亦可隨時新增產品、上載最新資訊及更改內容。。

(圖片來源:Google)

9. 手機響應式網站

現時,人們大多使用手機搜尋不同網站,建立一個響應式網站是必要的。一個響應式網站應能在不同設備展示不同頁面的排版及內容,使用戶能在任何設備清楚網頁的訊息;此外,亦需留意到操作方面的設計:用戶無需上下左右滾動及放大縮小頁面。

舊網站:
網站的排板與使用桌面版的網站沒有分別,手機屏幕顯示出文字及圖片較小,難以閱讀。

新網站:
按手機瀏覽器屏幕的大小,自動縮放及重新排放各個部分位置,令使用者得到最佳的使用體驗。

10. 搜尋引擎優化與使用者體驗

使用者體驗是搜尋引擎優化SEO的一部分,涵蓋整體的網頁設計及內容編排,使用者可能會因為找不到想要的資訊而在短時間內離開頁面,令搜尋引擎認為網站並沒有相關的的服務資訊,而降低優化分數。

舊網站:
上文提及過,舊網站的資訊淩亂,排板欠佳,在手機及平板電腦的顯示亦欠佳,大大降低使用者體驗。

新網站:
我們採用wordpress的後台作技術改善,可以有效架設網站,提升網站使用者體驗;更可加入一些額外的元件,幫助您的在搜尋引擎上排名得更高。

Related Posts