介紹依產業別的8種網頁設計表現手法

介紹依產業別的8種網頁設計表現手法

客戶往往不知道自己適合什麼樣的版面設計,特別是對第一次架設網站的客戶而言,完全沒有頭緒。
事實上,網站版型是根據“目的”做排版與規劃,依照不同的目的會有不同的設計取向。
例如架站目的是“想提高品牌形象”的設計取向絕對會不同於“就是要把產品賣出去!”的銷售頁。
本篇貼文就是要向各位介紹依產業別的8種網頁設計表現手法。

1.想提高商品和服務項目的認知度

【宣傳行銷型網站】
在網際網路是建置網站,首要目標就是提供企業知名度。除了可從廣告、關鍵字搜尋、各種媒體流入等路徑外,還有一個目的是讓已經認識企業或服務的人可以更深入了解。

【宣傳行銷行網站】網頁設計重點

大量使用照片
宣傳行銷型網站的目的是為了提高商品或服務項目的認知度,因此會大量使用照片。
使用網頁動態效果
滿版的橫向大圖輪播(slider show)或透過滑鼠移動產生立體感或遠近感的錯覺效果(parallax),華麗而吸睛的視覺畫面,讓用戶留下深刻的印象。

2. 就是要把產品賣出去

【銷售頁(Landing Page)】
銷售頁,只需改善首頁設計風格(訪客不需將滑鼠往下滑的的範圍),就可以得到非常不一樣的效果。

【銷售頁】網頁設計重點

First View(讀取網頁時,一開始進入視線範圍)置放打動人心的文案、傲人的真實數據、巨幅商品圖片、立刻購買按鈕。

打動人心的文案

鎖定販賣對象,減肥餐當然是要買給想減肥的人。
文案要具有簡短又精準的表達能力,好的文案會讓客戶產生立刻下單的衝動。
傲人的真實數據
可靠的數據可以反映商品的不同凡響。

圖片

圖片效果決定了訪客對商品的第一印象,一張解析度不佳,或與商品關聯性不大的圖片,當然無法增加銷售業績。

『立即購買』按鈕

立即購買按鈕要顯眼,並且隨處可見。

3. 想要提高品牌形象

【形象網站】
在您的網站上,您可以展示您希望客戶如何看待您這家公司。與其他同業相比,您的網站可以傳遞企業的吸引力以及您想向社會傳達的信息上發揮重要作用。
apple
Apple

【形象網站】網頁設計重點

選單(Menu Bar)極小化,一張巨幅圖片大大方方地呈現在首頁
企業形象網站的選單僅是輔助功能,因此可以縮小選單在網頁所佔的比例,釋出更多空間展示企業的商品圖片或服務項目,是一種視覺形象的表達方式。
饒富趣味的文案
例如Apple的日文版官方網站,『プロを超えたプロ』(超越專家的專家)等等,句句都會打進“果粉”的心坎裡。

4. 想要增加銷售業績

【網路電商】
也許最明顯的目標是獲得客戶。這不僅包括購買產品,還包括獲取潛在客戶,例如索取資料、通過電話進行諮詢以及參加活動和研討會。
案例:ZOZOTOWN

【網路電商】網頁設計重點

網頁左側要置放產品分類選單是網路電商的鐵則
有了側欄選單(Sidebar)的商品分類,用戶才能輕鬆找到自己想要物色的商品。根據心理學家的研究結果顯示,人類的大腦更傾向於從左到右的運動,因此網頁的最左邊是置放商品分類最理想的位置。

5. 增加實體店面的來店數

【實體店面型網站】

老友想聚餐或想剪個頭髮,透過手機google搜尋,因此餐廳或美容院等實體店為了提高吸引顧客,網站也扮演著重要的管道。

【實體店面型】網頁設計重點

滿版圖片強化視覺張力
與其以文字拉拉渣渣敘述自己店面的氛圍,不如一張有魅力的圖片更容易傳達給用戶。尤其是飯店,房客寧願相信眼睛所見而不是華麗辭藻。有圖有真相,讓圖片來說明自己店面的特色,將會為店面帶來更多的客源。
電話號碼與預約功能放置在最顯眼的地方
當用戶被飯店的舒適裝潢或有特色的交誼廳吸引後,立刻想要詢問是否有空房。要是尋遍了整個網站竟然找不到預約電話或線上訂房功能,等於到手的生意飛了….
imperialhotel
Imperial Hotel

6. 想要增加更多會員

【網路服務型網站】
案例:FaceBook

【網路服務網站】網頁設計重點

會員登錄手續力求點簡化
社群網路或求職網等,皆屬網路服務型網站,會員越多表示商機越大,因此要是登錄頁面搶眼,登錄手續簡單,就越容易增加會員。例如FaceBook,會員登錄被置放在首頁,只要輸入姓名、電子郵件、密碼,立即可以成為會員。若輸入的英文字母不分大小寫,會讓用戶得到更好的體驗。
若累積了傲人的會員數,就該不吝登載
曾經在如何增加網站銷售業績?擅用心理效應這篇貼文介紹過的“社會認同理論”,引以為傲的真實數據是非常有效的宣傳手段,如果您的網站已經累積出相當多的會員人數,就該大大方方顯示在頁面上。

7. 發佈企業訊息

【企業網站】
案例:GMOペパボ株式会社

【企業網站】網頁設計重點

將企業理念置放在首頁最明顯地方
到企業網站瀏覽的訪客是想要了解企業的願景與企業的服務內容。因此企業型網站為了要與同業做出差異,要在網頁最明顯的地方揭示企業理念與提供的服務價值。

8. 減少詢問次數

【諮詢頁面】
案例:support

【諮詢頁面】網頁設計

若網站有“常見問題”頁面或“操作手冊”頁面,就可減少客戶詢問次數
日本的行動電話服務公司–AU在support這個頁面設有常見問題,並且可透過關鍵字搜尋或分類找到想要詢問的問題,其目的就是為了「減少客戶詢問次數」。
將客戶經常會發問的問題彙整在『常見問題』頁面,不僅可以減少客戶詢問次數,且可以提高業務效率。當然,諮詢頁面(聯絡表單)和聯絡電話還是要放在網頁的醒目之處。

總結

各位讀了這篇貼文有何感想?
根據網站製作的目的之不同,網頁內容的優先順序就有差異。
因此,首先要明確知道製作網站的目的是什麼,
然後在根據目的決定設計取向。
無論您是想做網站改版,或是架設新網站,希望此篇對您的網站排版構思有所幫助。

About SmartFix

We are a family owned business that provides fast, warrantied repairs for all your mobile devices.

Brooklyn Area

2307 Beverley Rd Brooklyn, New York 11226 United States

1000 101-454555
support@smartfix.theme

Store Hours
Mon - Sun 09:00 - 18:00

San Francisco Area

358 Battery Street, 6rd Floor San Francisco, CA 27111

1001 101-454555
support@smartfix.theme

Store Hours
Mon - Sun 09:00 - 18:00