【網站設計教學2021】體育運動球會如何用網站建立品牌?

【網站設計教學2021】體育運動球會如何用網站建立品牌?

好的網頁必須在最短時間吸引訪客,要做到這個效果,需要在適當的位置加入圖片及文字,並留意設計特色,才能提高人們對公司的好感及信心,有助成功轉化為您真實的客戶。

我們特意總結了十項架設網站的要訣:

1. 吸引人的主頁

當訪客打開網頁時,只有短短數秒時間,來決定繼續瀏覽或離開。公司的網站首頁是接觸客戶的首個地方,對營造公司正面形象十分重要;此外,亦應在首頁放置公司的服務範疇及理念等資料,令訪客能輕鬆找到最需要的資料,才能吸引訪客繼續瀏覽其它頁面。當然,亦需要營造吸引、統一的網站設計風格,並有系統地擺放不同部分,以及使用合適的行銷策略。

舊網站:
主頁擺放大量文字,圖片質素欠佳;下方加入未經分類的長列表,用戶很難輕鬆查找到適當的資訊,甚至會看錯資料,造成不滿,影響球會形象。

新網站:
在主頁頁首放置自動跳轉的橫幅,吸引訪客目光;下方分行放置其它分頁的標題及按鈕,除了方便用戶快速找到所需項目,亦能使網頁排列得更簡潔。例如,新網站將長列表放在其它分頁,令用戶能在其它頁面查看詳細資料,避免放在主頁,佔據過多篇幅。


2. 菜單欄

菜單欄應該設計得簡潔、易明,並避免放置過多分頁,影響觀感,令使用者快速地找到需要的資訊,改善用戶體驗。

舊網站:
舊網站菜單欄分頁過多,重點分散;並將球會標誌放在菜單欄上,排版較亂。

新網站:
將球會標誌及適當數量的分頁放在同一行,設計統一,排列有系統。為減少在菜單欄顯示的分頁,將相片集標題及數張相片放在首頁,亦將聯絡資料放在每頁底部。


3. 建立良好品牌形象

在網絡世界,訪客對品牌的觀感來自於網站,而非企業本身。只要做好網站,不同規模的公司亦可營造良好的品牌形象,迅速增加用家的好感。

舊網站:
舊網站的排版欠整齊,文字框及文字的比例欠佳,列表過長,排版混亂,容易令人對品牌造成負面印象。

新網站:
例如,不同分頁的標題及部分文字、圖片放在首頁,由上而下地排列各個部分,條理清晰,圖文比例恰當,設計吸引。


4. 品牌與網站的一致性

良好的網站設計應盡量將品牌的行業、商標,與網站的用色及設計相符,使客戶亦能更易記住公司;一致的設計更能增加人們對網站的認同感,提高對公司的好感。

舊網站:
品牌及用色均使用黑白色調,分頁版板設計相似,資訊過多,容易讓人看得混亂、不耐煩。整個設計欠缺特色,難以讓人們在心中留下特別的形象。

新網站:
除了使用黑白色,亦加入天藍色的文字及色塊,使人聯想到飛翔在天空中的羽毛球,以突出公司特色。


5. 排板分明

網站要清晰呈現所有資料,應使用適當的間隔、標題,亦可適時加入文字方框及圖片,儘量使人方便閱讀,令用家留下良好印象。

舊網站:
文字擺放混亂,缺乏重點,排版亦欠佳,造成使用視覺混亂,容易令用戶建立負面的形象,影響公司形象,並減低接觸客戶的機會。

新網站:
利用比例適當的文字方框及標題分類不同資訊,亦使用環形圖;整體設計較吸引,方便閱讀。排列得當的資訊方便使用者閱讀及理解,能提升對品牌的信任及好感度。


6.充實、有條理的網頁內容

要建立好的資訊性網站,不可一味將所有資料無分類地放上網站,應有條理地使用列表、選單及篩選器等工具擺放資料。完整而分類清晰的資料能讓用戶用最快的速度,找到想要的資料,能大大提高用戶對公司的好感度。

舊網站:
將所有資料放入不能篩選或排列的表格,難以找到所需資料。

新網站:
使用列表整理資訊,可輕鬆根據個人意欲,按標題排序資訊;更能搜尋重點字眼,快速找到所需資料。此外,亦加入每頁顯示的資料數量,令網頁排列得更整齊,大大改善網站觀感。


7. 提升信任度

專業的網頁設計能建立一個令人信任的網站,吸引人們注意;相反,舊式的網頁設計容易令使用者認為公司及其提供的服務也是過時的,使人對使用公司的服務卻步。

舊網站:
資訊過多,欠缺重點,排版混亂,設計粗糙。

新網站:
若能改善上文所述的要點,包括視覺觀感、排版、內容實用性、資訊有效分類,將能大大提升客戶對品牌的信任度。


8. 方便管理的網站後台

如今科技發達,可以在網站後台開設多個管理員,輕鬆更新網頁資料,如新增或刪減文字或圖片、將產品上架等;後台的功能眾多,分類清晰,可以大大節省管理網站的時間。

舊網站:
在舊式的網站,不懂編程的網站管理者很難有效管理網站,往往耗廢大量時間更新資料,費時失事。

(圖片來源:Google)

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

(圖片來源:Google)


9. 手機響應式網站

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

舊網站:

比起桌面版的網站,手機版網站上的文字過細,甚至有多餘的空白位置,排版欠佳;細小的圖片亦使人難以閱讀,影響使用經驗。

新網站:
按手機瀏覽器屏幕的大小,調整文字及圖片的大小,方便閱覽。


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

良好的網頁設計及內容能改善使用者體驗,優化搜尋引擎(SEO),並令使用者快速找到需要的資訊,減低找不到資訊而快速離開頁面的機會,降低優化分數。

舊網站:
上文已經提及過,舊網站的設計欠佳,頁面涵蓋過多資訊,排板欠佳;在不同電子裝置的顯示亦不理想,降低用戶體驗。

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

Related Posts